/* Estilos para el header scroll automático */

/* Estado inicial del header con dark-mode */
.header-gln.dark-mode, .header-gln.dark-mode .nav-buscador-mobile {
    background-color: #1e1e1e!important;
    transition: all 0.3s ease-in-out!important;
}

.header-gln.dark-mode .toggle-menu-mobile svg,
.header-gln.dark-mode .link-to-footer svg,
.header-gln.dark-mode .toggle-buscador-mobile svg {
    color: #fff!important;
    fill: #fff!important;
}

/* Transición suave para el header */
.header-gln, .header-gln .nav-buscador-mobile {
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}

/* Logo transitions - duotone is handled by JS to respect admin settings */
.header-gln .wp-block-site-logo {
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out;
}

.header-gln .wp-block-site-logo img {
    transition: filter 0.3s ease-in-out;
}

/* Initial state: larger and absolutely positioned */
.header-gln.dark-mode .wp-block-site-logo {
    position: absolute;
    transform: scale(1.3);
    z-index: 10;
}

/* After scroll: normal positioning */
.header-gln:not(.dark-mode) .wp-block-site-logo {
    position: relative;
    transform: scale(1);
}
/* Logos - Estado después del scroll (dark-mode inactivo) */
.header-gln.dark-mode .logo-mobile-dark-mode,
.header-gln.dark-mode .logo-desktop-dark-mode {
    display: block;
}
.header-gln:not(.dark-mode) .logo-mobile-dark-mode,
.header-gln:not(.dark-mode) .logo-desktop-dark-mode {
    display: none;
}

.header-gln.dark-mode .logo-mobile-light-mode,
.header-gln.dark-mode .logo-desktop-light-mode {
    display: none;
}
.header-gln:not(.dark-mode) .logo-mobile-light-mode,
.header-gln:not(.dark-mode) .logo-desktop-light-mode {
    display: block;
}