/* ==========================================================
   CASA MIXTECO
   CMX-15C · HEADER PC · BUSCADOR · DISEÑO

   CONTROLA:
   - Ancho del buscador en PC
   - Altura
   - Bordes
   - Fondo
   - Campo de texto
   - Botón / icono
   - Integración visual con FiboSearch

   NO CONTROLA:
   - Buscador móvil
   - Logo
   - Cuenta
   - Carrito
   - Categorías
   ========================================================== */


/* ==========================================================
   CONTENEDOR PRINCIPAL
   ========================================================== */

.cmx-buscador-pc {
    width: 100%;
    min-width: 0;
}


/* ==========================================================
   WRAPPER REAL DE FIBOSEARCH
   IMPORTANTE:
   FiboSearch trae su propio ancho.
   Aquí obligamos a que use TODO el espacio disponible.
   ========================================================== */

.cmx-buscador-pc .dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
}


/* ==========================================================
   FORMULARIO
   ========================================================== */

.cmx-buscador-pc .dgwt-wcas-sf-wrapp {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* ==========================================================
   CAMPO DE BÚSQUEDA
   ========================================================== */

.cmx-buscador-pc .dgwt-wcas-search-input {
    width: 100% !important;

    height: 42px !important;

    padding: 0 52px 0 16px !important;

    border: 0 !important;
    border-radius: 6px !important;

    background-color: #FFFFFF !important;

    color: #333333 !important;

    font-size: 14px !important;
    line-height: 42px !important;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.12) !important;

    outline: none !important;
}


/* Placeholder */

.cmx-buscador-pc .dgwt-wcas-search-input::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}


/* ==========================================================
   FOCO
   ========================================================== */

.cmx-buscador-pc .dgwt-wcas-search-input:focus {
    box-shadow:
        0 0 0 2px var(--cmx-amarillo, #FFEE00),
        0 1px 3px rgba(0, 0, 0, 0.15) !important;
}


/* ==========================================================
   ICONO / BOTÓN DE BÚSQUEDA
   ========================================================== */

.cmx-buscador-pc .dgwt-wcas-search-submit {
    height: 42px !important;

    min-width: 48px !important;

    border: 0 !important;

    background-color: transparent !important;

    color: var(--cmx-azul, #0000A6) !important;

    cursor: pointer !important;
}


/* ==========================================================
   AJUSTE ESPECÍFICO DEL ESTILO PIRX
   Si FiboSearch está usando Pirx, quitamos el fondo extra.
   ========================================================== */

.cmx-buscador-pc
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp {
    background: transparent !important;
    padding: 0 !important;
}


/* ==========================================================
   FORZAR QUE EL CENTRO DEL HEADER APROVECHE TODO EL ANCHO
   ========================================================== */

.cmx-header-pc__center {
    width: 100% !important;
    min-width: 0 !important;
}


/* ==========================================================
   PC GRANDE
   ========================================================== */

@media (min-width: 1100px) {

    .cmx-buscador-pc {
        width: 100%;
    }

}