/** TOP MENU **/
#top-menu-container {
    position: relative;
    z-index: 2000;
    /* height: 36px; */
    height: auto;
}

/** revisar si este estilo deberia ir aca **/
hr {
    height: 1px !important;
}

.animate-pulse.bg-primary\/10.h-5.w-3\/4.rounded-md {
    background-color: #fafafa;
}

#top-menu-container a {
    text-decoration: none;
}

#top-menu-container a:hover {
    text-decoration: underline;
}

#top-menu-container svg,
#off-canvas-container svg {
    fill: none;
}

#marquee-container {
    overflow: hidden;
    white-space: nowrap;
}

#marquee-container .alert {
    display: flex;
    align-items: center;
    gap: 4px;
}

#marquee-container .alert .icon-container {
    display: flex;
    align-items: center;
}

#marquee-container .alert .inner {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

#marquee-container> :nth-child(1) {
    animation: marquee 15s linear infinite;
}

#marquee-container> :nth-child(2) {
    animation: marquee2 15s linear infinite;
    animation-delay: 10s;
}

#top-menu-container .wpml-language-switcher-block ul ul {
    border-radius: 10px;
    padding: 24px 40px !important;
    width: max-content;
    background-color: var(--white) !important;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    color: var(--black);
    left: calc(50% + 20px);
    transform: translateX(calc(-50% - 20px));
}

#top-menu-container .wpml-language-switcher-block ul ul li a {
    text-decoration: none;
}

#top-menu-container .wpml-language-switcher-block ul ul li a:hover {
    color: var(--primary-light);
}

.wpml-language-switcher-block {
    font-weight: 500;
}

#top-menu-container .wpml-language-switcher-block ul ul span {
    font-size: 15px !important;

}

#redcoachusa-search-engine-sticky {
    display: flex;
    justify-content: center;
}

/** Primary Nav **/
.site-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header .inside-header {
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    width: 100%;
    height: 72px;
}

.redcoach-navigation-container,
.redcoach-navigation-container #booking-components {
    display: flex;
    align-items: center;
    gap: 16px;
}

.redcoach-navigation-container hr {
    width: 1px;
    height: 36px !important;
    background: #FFD9DF;
}

#after-header-search-engine-container {
    position: sticky;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 72px;
}

body.scrolled #after-header-search-engine-container {
    position: fixed;
}

body.admin-bar #after-header-search-engine-container {
    top: calc(72px + var(--wp-admin--admin-bar--height));
}

.redcoach-primary-menu.nav-loading {
    display: none;
}

.redcoach-primary-menu {
    display: initial;
}

/** admin bar **/
body.admin-bar .site-header {
    top: var(--wp-admin--admin-bar--height);
}

@media (max-width: 1200px) {
    .site-header .inside-header {
        height: 56px;
    }

    .redcoach-navigation-container hr {
        display: none;
    }

    #after-header-search-engine-container {
        top: 56px;
    }

    body.admin-bar #after-header-search-engine-container {
        top: calc(52px + var(--wp-admin--admin-bar--height));
    }

    #marquee-container:not(:has(*)) {
        display: none;
        /* Oculta si no tiene hijos válidos (solo nodos de texto vacíos) */
    }
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes marquee2 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-200%);
    }
}


/* TODO MOVER A LA HOJA DE ESTILOS DEL FOOTER. */

button.minimizeButton,
button.closeButton {
    padding: 0 !important;
}

iframe[name="talkable-offer-iframe"] {
    z-index: 100 !important;
}

.redcoach-primary-menu {
    flex-grow: 1;
}

.redcoach-primary-menu nav > div {
    justify-content: end
}

@media (max-width: 1024px) {

    .redcoach-primary-menu {
        display: flex;
    }

    .inside-header.grid-container {
        column-gap: 8px;
    }
    
    .redcoach-primary-menu {
        flex-grow: 0;
        order: 1;
    }

    .site-logo {
        order: 2;
    }

    .redcoach-navigation-container {
        order: 3;
        flex-grow: 1;
        justify-content: end
    }

}