/*
Theme Name: Enfold Child
Description: GC Legal 2026 — Child Theme
Version: 2.0
Author: Kriesi / DM Studio
Template: enfold
*/

/* ================================================================
   GC LEGAL — Sistema de Diseño Completo
   Versión: 2026
   Basado en referencia Webflow
   ================================================================ */

/* ============================
   BOTÓN CONVERSEMOS (MENÚ)
   ============================ */

/* Quitar fondo dorado o cualquiera que venga por defecto y ponerlo transparente */
/* Se requiere !important para sobrescribir Quick CSS si está aplicado ahí */

/* El li a en sí */
#top #wrap_all .main_menu ul:first-child>li.av-menu-button.menu-item>a {
   background-color: transparent !important;
   color: transparent !important;
   /* el color va en el texto interior (.avia-menu-text) */
   padding: 0 !important;
   border: none !important;
}

/* El span interno que tiene el texto y el espaciado/borde */
#top #wrap_all .main_menu ul:first-child>li.av-menu-button.menu-item>a .avia-menu-text {
   background-color: transparent !important;
   border: 1px solid #FFFFFF;
   border-radius: 5px;
   /* o el radio que prefieras */
   padding: 8px 18px !important;
   transition: all 0.3s ease;
}

/* Estado 1: Header transparente (Top) - Borde y texto blanco */
#top #wrap_all .av_header_transparency .main_menu ul:first-child>li.av-menu-button.menu-item>a .avia-menu-text {
   color: #FFFFFF !important;
   border-color: #FFFFFF !important;
}

/* Estado 2: Header escroleado/normal (fondo blanco) - Borde y texto azul */
#top #wrap_all #header:not(.av_header_transparency) .main_menu ul:first-child>li.av-menu-button.menu-item>a .avia-menu-text {
   color: #001B31 !important;
   border-color: #001B31 !important;
}

/* Hover opcional en estado normal (fondo azul y letra blanca) */
#top #wrap_all #header:not(.av_header_transparency) .main_menu ul:first-child>li.av-menu-button.menu-item>a:hover .avia-menu-text {
   color: #FFFFFF !important;
   background-color: #001B31 !important;
}

/* Hover en estado transparente (fondo blanco y letra azul) */
#top #wrap_all .av_header_transparency .main_menu ul:first-child>li.av-menu-button.menu-item>a:hover .avia-menu-text {
   color: #001B31 !important;
   background-color: #FFFFFF !important;
}

/* Estado 3: Menú Móvil (Mobile Burger Menu) - Siempre Azul Oscuro */

/* 1. Alinear el contenedor completo del menú móvil a la izquierda ONLY cuando está dentro del overlay (para no romper desktop) */
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll {
   display: block !important;
   text-align: left !important;
}

#top #wrap_all .av-burger-overlay #av-burger-menu-ul {
   display: block !important;
   text-align: left !important;
   width: 100% !important;
   padding-top: 50px !important;
   padding-left: 30px !important;
}

#top #wrap_all .av-burger-overlay #av-burger-menu-ul li,
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
   text-align: left !important;
   justify-content: flex-start !important;
}

/* 2. Limpiar el botón contenedor ('a') para que no actúe como bloque entero ni tenga color blanco forzado */
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-menu-button>a,
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-menu-button.menu-item>a {
   background: transparent !important;
   background-color: transparent !important;
   border: none !important;
   padding-top: 20px !important;
   padding-bottom: 20px !important;
   display: flex !important;
   justify-content: flex-start !important;
}

/* 3. Estilizar el texto del botón (.avia-menu-text) forzando color azul */
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-menu-button>a .avia-menu-text,
#top #wrap_all .av-burger-overlay li.av-menu-button.menu-item>a .avia-menu-text,
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-menu-button.menu-item>a .avia-menu-text {
   color: #001B31 !important;
   border: 1px solid #001B31 !important;
   background-color: transparent !important;
   display: inline-block !important;
   /* Forma de caja */
   padding: 10px 24px !important;
   border-radius: 5px;
   width: auto !important;
}

/* Hover en Menú Móvil */
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-menu-button.menu-item>a:hover .avia-menu-text,
#top #wrap_all .av-burger-overlay li.av-menu-button.menu-item>a:hover .avia-menu-text {
   color: #FFFFFF !important;
   background-color: #001B31 !important;
}

/* ============================
   AJUSTE DE LOGO EN EL HEADER
   ============================ */
#top .logo,
#top .logo a {
   display: flex;
   align-items: center;
   height: 100%;
   max-width: 400px !important;
   width: 400px !important;
}

#top .logo img {
   max-height: none !important;
   height: 65px !important;   /* altura fija: ajusta este valor a gusto */
   max-width: 400px !important;
   width: auto !important;
   object-fit: contain !important;
}

@media only screen and (max-width: 767px) {
    #top .logo,
    #top .logo a {
        max-width: 80% !important; /* Ahora que las banderas no estorban, podemos darle más ancho */
        width: 100% !important;
    }
    
    #top .logo img {
        height: auto !important;
        max-height: 55px !important;
        max-width: 100% !important;
        width: auto !important;
        object-fit: contain !important;
    }
}

/* ============================
   TAMAÑO DE FUENTE DEL MENÚ
   ============================ */
#top #wrap_all .main_menu ul:first-child > li > a,
#top #wrap_all .main_menu ul:first-child > li > a .avia-menu-text {
   font-size: 15px !important;
}

/* ============================
   SOBRE NOSOTROS - EQUIPO
   ============================ */
/* Alinear las tarjetas por el borde superior con la columna del Talento Legal */
.left-box {
   margin-top: 0 !important;
}

.right-grid .gc-team-grid {
   margin-top: 0 !important;
}

/* ============================
   ENLACES DEL FOOTER (ICONLIST)
   ============================ */
#footer .avia-icon-list a,
.footer_color .avia-icon-list a {
   text-decoration: none !important;
   border-bottom: none !important;
   transition: all 0.2s ease-in-out;
}

#footer .avia-icon-list a:hover,
.footer_color .avia-icon-list a:hover {
   text-decoration: none !important;
   font-weight: bold !important;
}

/* ============================
   FIX: STICKY MENU POSITION
   ============================ */
/* Forzar que cuando el header se desplaza (header-scrolled), se quede siempre fijado en el top 0, sin bajar */
html.html_header_top.html_header_sticky #top #header.header-scrolled,
html.html_header_top.html_header_sticky #top #header.header-scrolled-full {
    position: fixed !important;
    top: 0 !important;
    margin-top: 0 !important;
}

/* Si existe la barra de administración de WordPress, ajustamos 32px hacia abajo */
.admin-bar.html_header_top.html_header_sticky #top #header.header-scrolled,
.admin-bar.html_header_top.html_header_sticky #top #header.header-scrolled-full {
    top: 32px !important;
}

/* Admin bar en resoluciones móviles es de 46px */
@media screen and (max-width: 782px) {
    .admin-bar.html_header_top.html_header_sticky #top #header.header-scrolled,
    .admin-bar.html_header_top.html_header_sticky #top #header.header-scrolled-full {
        top: 46px !important;
    }
}

/* ============================
   GRILLA DE PARTNERS / LOGOS EN MÓVIL
   ============================ */
/* Forzar 3 columnas en vista móvil para el elemento Partner/Logo tipeado como Grilla */
@media only screen and (max-width: 767px) {
    .responsive #top .avia-logo-element-container.avia-logo-grid .slide-entry {
        width: 33.3333% !important;
        float: left !important;
        clear: none !important;
        padding: 5px !important; /* Espaciado ligero para que no se peguen mucho en móvil */
    }
    
    /* Previene el comportamiento flex estricto si Enfold lo está sobreescribiendo */
    .responsive #top .avia-logo-element-container.avia-logo-grid .slide-entry-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
    }
}

/* ================================================================
   PERFILES DE EQUIPO (SINGLE POST)
   Alinear columnas a la parte superior (Top)
   ================================================================ */

/* Caso Flexbox: Forzar inicio arriba en lugar de centrado (Alta Especificidad) */
.single-gc_team .entry-content-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: wrap; /* Permitir que colapsen en móvil */
}

/* Caso Columnas de Altura Igual (Table Layout de Enfold) */
.single-gc_team .flex_column,
.single-gc_team .flex_column_table_cell {
    vertical-align: top !important;
}

/* Ajuste fino para la foto en móvil */
@media only screen and (max-width: 767px) {
    .single-gc_team .entry-content-wrapper {
        display: flex !important; 
        flex-direction: column !important;
    }
}

/* ============================
   AJUSTE SELECTOR DE IDIOMAS (WPML)
   ============================ */

/* 1. Ocultar CUALQUIER bandera que esté en el header superior en móviles (evita el solapamiento con el logo) */
@media only screen and (max-width: 767px) {
    #header .wpml-ls-item,
    #header .menu-item-language,
    #header .avia_wpml_language_switch,
    #header .av-language-switch-item {
        display: none !important;
    }
}

/* 2. Ocultar las banderas extra que Enfold intenta meter a la fuerza al lado de la "X" en el menú móvil */
@media only screen and (max-width: 767px) {
    .av-burger-overlay-active .av-burger-menu-main .wpml-ls-item,
    .av-burger-overlay-active .av-burger-menu-main .menu-item-language,
    .av-burger-overlay-active .av-burger-menu-main .avia_wpml_language_switch {
        display: none !important;
    }
}

/* 3. Ocultar las banderas del menú de WPML en escritorio (para evitar que salgan repetidas) */
@media only screen and (min-width: 768px) {
    #top #header .main_menu .wpml-ls-item,
    #top #header .main_menu .menu-item-language {
        display: none !important;
    }
}

/* 4. Alinear las banderas de WPML dentro del menú hamburguesa (en la misma fila horizontal) */
@media only screen and (max-width: 767px) {
    #top #wrap_all .av-burger-overlay #av-burger-menu-ul .wpml-ls-item,
    #top #wrap_all .av-burger-overlay #av-burger-menu-ul .menu-item-language {
        display: inline-block !important;
        width: auto !important;
        border-bottom: none !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    #top #wrap_all .av-burger-overlay #av-burger-menu-ul .wpml-ls-item a,
    #top #wrap_all .av-burger-overlay #av-burger-menu-ul .menu-item-language a {
        padding: 0 15px 0 0 !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
    }
}