/*
Theme Name: Hello Shoppable Child
Template: hello-shoppable
Description: Child theme para Hello Shoppable, con ajustes de búsqueda y footer.
Author: Tu Nombre
Version: 1.0
*/

/* ===========================
BARRA DE BÚSQUEDA - SIN SELECT DE CATEGORÍAS
=========================== */

/* Oculta el div que contiene el select y el select mismo */
form.d-flex.align-items-center .d-inline-block,
form.d-flex.align-items-center .header-search-select {
display: none !important;
}

/* Asegura que el formulario sea flex y se alinee correctamente */
form.d-flex.align-items-center {
display: flex !important;
align-items: center !important;
}

/* Input ocupa todo el ancho disponible */
form.d-flex.align-items-center .header-search-input {
flex: 1 !important;
min-width: 0 !important;
}

/* Botón de búsqueda al final con un pequeño margen */
form.d-flex.align-items-center .header-search-button {
margin-left: 0.5rem !important;
}

/* ===========================
HEADER - OCULTAR MENÚ DE CATEGORÍAS
=========================== */
.header-category-nav {
display: none !important;
}

/* Opcional: asegura que el contenedor principal de search no se rompa */
.header-cat-search-form {
display: flex !important;
align-items: center !important;
}



.back-button {
    background-color: transparent !important; /* Fondo vacío */
    color: #000 !important; /* Color principal del texto */
    border: 2px solid #000 !important; /* Borde del color principal */
    padding: 0.5rem 1rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.back-button:hover {
    background-color: #000 !important; /* Fondo al pasar ratón */
    color: #fff !important; /* Texto blanco al pasar ratón */
}













/* Centrar hero stretched de Elementor */
.elementor-section.elementor-section-stretched[data-id="2e58dc9"] {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    max-width: 1600px; /* ancho deseado */
    margin-left: auto !important;
    margin-right: auto !important;
}




/* Cambiar color del botón de Contact Form 7 */
.wpcf7 input[type="submit"] {
    background-color: #907644; /* Color de fondo que quieras */
    color: #ffffff; /* Color del texto */
    border: none; /* opcional: quitar borde */
    padding: 10px 20px; /* opcional: ajustar tamaño */
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #907644; /* Color al pasar el mouse */
}
















/* Flex para el td y centrado vertical */
.variations td.value {
    display: flex;
    align-items: center;  /* centra verticalmente */
    gap: 10px;            /* espacio entre select y clear */
}

/* Opcional: label también centrado respecto al selector */
.variations tr {
    display: flex;
    align-items: center;
}

/* Ajuste de ancho para que no se rompa */
.variations td.value select {
    display: inline-block;
}


.variations td.value {
    display: flex;
    align-items: center; /* centrado vertical */
}

.variations td.value select {
    margin-right: 10px; /* espacio a la derecha del selector */
}

/* Separar el label “Size” del select */
.variations th.label {
    padding-right: 20px; /* espacio entre label y selector */
}