/**
 * Retoques del sitio que Elementor no sabe expresar: el hover de los botones
 * que no son suyos, y los iconos de las redes en el pie.
 *
 * El tema hello-elementor trae esta regla:
 *
 *     button:hover, [type=submit]:hover { background-color:#c36; color:#fff }
 *
 * o sea que cualquier `<button>` que no declare su propio hover se vuelve rosa
 * al pasar el mouse. Los botones de Elementor y los widgets propios ya traen el
 * suyo; aquí se cubren los que pinta Crocoblock y los del tema, con la misma
 * convención del diseño: naranja para lo activo, negro para lo que ya era
 * naranja.
 */

/* ---------- JetSmartFilters ---------- */

.jet-remove-all-filters__button {
    background: none;
    color: #F0500A;
    transition: color .2s ease;
}
.jet-remove-all-filters__button:hover,
.jet-remove-all-filters__button:focus {
    background: none;
    color: #16171A;
}

.jet-sorting-select:hover { border-color: #16171A; }

/* ---------- buscador del header (JetSearch) ---------- */

.jet-ajax-search__results-count:hover,
.jet-ajax-search__results-count:focus {
    background: none;
    color: #F0500A;
}

/* ---------- barra desplegable del header (JetElements) ---------- */

.jet-dropbar__button {
    transition: color .2s ease, background-color .2s ease;
}
.jet-dropbar__button:hover,
.jet-dropbar__button:focus {
    background-color: transparent;
    color: #F0500A;
}

/* ---------- pestañas anidadas de Elementor ---------- */

.e-n-tab-title:hover,
.e-n-tab-title:focus {
    background-color: transparent;
    color: #F0500A;
}
.e-n-tab-title[aria-selected="true"]:hover {
    color: inherit;
}

/* ---------- red de seguridad ----------
   Cualquier otro botón suelto conserva su fondo en vez de volverse rosa. */
.elementor button:not([class]):hover,
.elementor button:not([class]):focus {
    background-color: transparent;
    color: #F0500A;
}

/* ---------- redes sociales del pie ----------
   El icono va como mascara CSS y no como tipografia de iconos: Font Awesome
   arrastraria 59 KB en todas las paginas por dos simbolos. Asi pesa medio kilo
   y, al pintarse con `currentColor`, cambia de color solo cuando el boton entra
   en hover, sin una regla aparte.
   Trazos: Font Awesome Free 6 (CC BY 4.0, fontawesome.com). */

.ams-social .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.ams-social .elementor-button-content-wrapper::before {
    content: "";
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: var(--ams-icono) center / contain no-repeat;
            mask: var(--ams-icono) center / contain no-repeat;
}

.ams-social--fb { --ams-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E"); }
.ams-social--ig { --ams-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E"); }