/*
 * ZendaSoftware
 * ZS-6O — unified premium header layer
 *
 * This layer intentionally sits above the earlier
 * header IA/completeness layers.
 */


/* ---------------------------------------------------------
 * Access / account trigger
 * --------------------------------------------------------- */

html.zenda-ia-ready .zenda-access-trigger {
    position: relative;
    display: grid !important;
    place-items: center;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 13px !important;
    overflow: hidden;
    line-height: 1 !important;
    font-size: 0 !important;
}

html.zenda-ia-ready
.zenda-access-trigger
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html.zenda-ia-ready
.zenda-access-trigger
.fa-circle-user {
    display: block;
    font-size: 16px !important;
    line-height: 1 !important;
}

html.zenda-ia-ready
.zenda-header-actions {
    align-items: center;
}


/* ---------------------------------------------------------
 * Access panel
 * --------------------------------------------------------- */

html.zenda-ia-ready
.zenda-access-grid
> .mega-item {
    grid-column: auto !important;
    width: 100%;
    min-width: 0;
}


/* ---------------------------------------------------------
 * Shared language selector
 * --------------------------------------------------------- */

.zenda-locale-option {
    min-height: 48px;
}

.zenda-lang-flag {
    overflow: hidden;
    border-radius: 7px;
    box-shadow:
        0 0 0 1px rgba(148, 163, 184, .18),
        0 4px 12px rgba(15, 23, 42, .12);
}

.zenda-lang-flag img {
    display: block;
    width: 27px;
    height: 18px;
    object-fit: cover;
}

.zenda-lang-copy {
    min-width: 0;
}


/* ---------------------------------------------------------
 * Header visual consistency
 * --------------------------------------------------------- */

html.zenda-ia-ready #site-header {
    isolation: isolate;
}

html.zenda-ia-ready
#site-header
.nav-link {
    text-wrap: nowrap;
}

html.zenda-ia-ready
#site-header
.mega-panel {
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}


/* ---------------------------------------------------------
 * RTL
 * --------------------------------------------------------- */

html[dir="rtl"].zenda-ia-ready
.zenda-access-trigger {
    direction: rtl;
}


/* ---------------------------------------------------------
 * Reduced motion
 * --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    html.zenda-ia-ready
    .zenda-access-trigger {
        transition: none !important;
    }

}