/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/*
 * TÍTULO: Tamaño del logotipo de Cáritas en la cabecera
 * DESCRIPCIÓN: Fuerza el SVG del logotipo situado en el header a mostrarse
 * con 170 px de ancho. Mantiene automáticamente la proporción original.
 */

#logo-caritas-header img {
    width: 170px !important;
    max-width: none !important;
    height: auto !important;
}

/*
 * TÍTULO: Ocultar el selector WPML del menú principal en escritorio
 * DESCRIPCIÓN: Oculta únicamente el selector de idioma que WPML añade como
 * elemento del menú principal cuando la pantalla supera los 1200 px.
 * En tablet y móvil seguirá apareciendo en el menú correspondiente.
 */

@media (min-width: 1201px) {
    .avada-main-menu .wpml-ls-menu-item {
        display: none !important;
    }
}

/*
 * TÍTULO: Alineación uniforme del logo móvil normal y sticky
 * DESCRIPCIÓN: Desplaza ligeramente hacia arriba el logo en toda la cabecera
 * móvil, tanto en estado normal como sticky.
 */

@media (max-width: 800px) {
    .fusion-header-wrapper .fusion-logo {
        position: relative !important;
        top: -10px !important;
    }
}

/*
 * TÍTULO: Botón Donar del menú principal en castellano y valenciano
 * DESCRIPCIÓN: Aplica el aspecto de botón rojo al elemento Donar.
 * Como alternativa a la clase .menu-donar, reconoce su URL, pero excluye
 * expresamente los elementos del selector de idiomas de WPML para evitar
 * que se conviertan en botones dentro de la propia página Donar.
 */

@media (min-width: 801px) {

    .fusion-main-menu .menu-donar > a > .menu-text,
    .fusion-main-menu li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) > a > .menu-text {
        display: inline-block !important;
        background-color: #CC242D !important;
        color: #ffffff !important;
        padding: 10px 22px !important;
        border-radius: 4px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        position: relative !important;
        top: -2px !important;
    }

    .fusion-main-menu .menu-donar > a,
    .fusion-main-menu li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) > a {
        color: #ffffff !important;
    }

    .fusion-main-menu .menu-donar > a:hover > .menu-text,
    .fusion-main-menu li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) > a:hover > .menu-text {
        background-color: #B20000 !important;
        color: #ffffff !important;
    }
}

/*
 * TÍTULO: Orden del idioma y del botón Donar en escritorio
 * DESCRIPCIÓN: Mantiene el selector de idioma antes del botón Donar.
 * El selector WPML queda excluido de cualquier regla destinada a Donar.
 */

@media (min-width: 801px) {

    .fusion-main-menu > ul {
        display: flex !important;
        align-items: center !important;
    }

    .fusion-main-menu > ul > li.wpml-ls-menu-item {
        order: 90 !important;
    }

    .fusion-main-menu > ul > li.menu-donar,
    .fusion-main-menu > ul > li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) {
        order: 100 !important;
    }
}


/*
 * TÍTULO: Separación entre selector de idioma y botón Donar
 * DESCRIPCIÓN: Añade espacio únicamente antes de Donar, sin afectar
 * al selector de idioma de WPML.
 */

@media (min-width: 801px) {

    .fusion-main-menu > ul > li.menu-donar,
    .fusion-main-menu > ul > li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) {
        margin-left: 20px !important;
    }
}

/*
 * TÍTULO: Restaurar aspecto normal del selector de idioma
 * DESCRIPCIÓN: Impide expresamente que el selector WPML herede fondo,
 * bordes o color blanco propios del botón Donar.
 */

@media (min-width: 801px) {

    .fusion-main-menu .wpml-ls-menu-item > a,
    .fusion-main-menu .wpml-ls-menu-item > a > .menu-text {
        background: transparent !important;
        border-radius: 0 !important;
        color: inherit !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: static !important;
        font-weight: inherit !important;
    }
}

/*
 * TÍTULO: Botón Donar rojo en el Flyout móvil
 * DESCRIPCIÓN: Aplica el botón rojo a Donar dentro del Flyout móvil,
 * excluyendo expresamente los elementos del selector de idiomas WPML.
 */

.fusion-flyout-mobile-menu .menu-donar > a > .menu-text,
.fusion-flyout-mobile-menu li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) > a > .menu-text {
    display: inline-block !important;
    background-color: #CC242D !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
}

.fusion-flyout-mobile-menu .menu-donar > a:hover > .menu-text,
.fusion-flyout-mobile-menu li:not(.wpml-ls-menu-item):has(> a[href*="/donar"]) > a:hover > .menu-text {
    background-color: #B20000 !important;
    color: #ffffff !important;
}

/*
 * TÍTULO: Hover Lift Up con fondo beige en proyectos
 * DESCRIPCIÓN: Mantiene fijos los bordes de la cuadrícula y eleva visualmente
 * el contenido de cada proyecto 4 px. Al pasar el cursor, añade el fondo
 * #f5f2ed y una sombra muy suave.
 */

.proyecto-card {
    position: relative;
    cursor: pointer;
}

.proyecto-card > .fusion-column-wrapper {
    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.proyecto-card:hover > .fusion-column-wrapper {
    transform: translateY(-4px);
    background-color: #f5f2ed;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

/*
 * TÍTULO: Política de Cookies con tipografía Body de Avada
 * DESCRIPCIÓN: Hace que el documento generado por Complianz utilice
 * la misma tipografía Body configurada globalmente en Avada.
 */

#cmplz-document,
#cmplz-document p,
#cmplz-document li,
#cmplz-document span,
#cmplz-document td,
#cmplz-document th,
#cmplz-document a,
#cmplz-document div {
    font-family: var(--awb-typography4-font-family) !important;
    font-size: var(--awb-typography4-font-size) !important;
    line-height: var(--awb-typography4-line-height) !important;
    letter-spacing: var(--awb-typography4-letter-spacing) !important;
    font-style: normal !important;
}

#cmplz-document h2,
#cmplz-document h3,
#cmplz-document h4,
#cmplz-document h5,
#cmplz-document h6 {
    font-family: var(--awb-typography4-font-family) !important;
    font-size: var(--awb-typography4-font-size) !important;
    line-height: var(--awb-typography4-line-height) !important;
    letter-spacing: var(--awb-typography4-letter-spacing) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-top: 28px !important;
    margin-bottom: 16px !important;
}