/*
 * Aula virtual — acceso directo desde la cabecera de Flatsome.
 * El enlace conserva el icono de usuario, pero deja de comportarse como modal
 * o menú de la cuenta de WordPress.
 */

.account-item > .logali-campus-access {
    cursor: pointer;
}

.account-item > .nav-dropdown,
.account-item > .children,
.account-item > .toggle {
    display: none !important;
}

@media (min-width: 850px) {
    .header-main .account-item > .logali-campus-access {
        width: auto !important;
        min-width: 0;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 9px 14px !important;
        border: 1px solid rgba(255, 194, 80, 0.55);
        border-radius: 999px;
        color: #ffffff !important;
        background: rgba(255, 194, 80, 0.08);
        line-height: 1;
        transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    .header-main .account-item > .logali-campus-access::after {
        content: attr(data-campus-label);
        color: #ffffff;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    .header-main .account-item > .logali-campus-access:hover,
    .header-main .account-item > .logali-campus-access:focus-visible {
        border-color: #ffc250;
        background: rgba(255, 194, 80, 0.18);
        transform: translateY(-1px);
    }

    /*
     * Cabecera fija (sticky): ocultar el botón "Aula virtual".
     * En la barra compacta la píldora se ensanchaba de forma irregular; se
     * mantiene solo en la cabecera superior (no fija). El acceso al aula
     * virtual sigue disponible al volver arriba y en el menú móvil.
     */
    .header-wrapper.stuck .account-item {
        display: none !important;
    }

    /*
     * Con sesión iniciada, el tema ya muestra el icono de persona en «Mis
     * cursos» (barra superior). Evitamos repetirlo quitando el icono del
     * botón «Aula virtual» solo cuando hay login; sin sesión lo conserva.
     */
    body.logged-in .header-main .account-item > .logali-campus-access > i,
    body.logged-in .header-main .account-item > .logali-campus-access > img,
    body.logged-in .header-main .account-item > .logali-campus-access > .image-icon {
        display: none !important;
    }
}

@media (max-width: 849px) {
    .mobile-sidebar .account-item > .logali-campus-access,
    .mobile-sidebar a.logali-campus-access {
        color: #212f61 !important;
        font-weight: 700;
    }

    .mobile-sidebar .account-item > .logali-campus-access::before {
        color: #212f61;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-main .account-item > .logali-campus-access {
        transition: none;
    }
}