/* ─── Sticky header ─── */
.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: none;
    opacity: 1 !important;
}

/* ─── Header background — samo na header baru, ne na cijelom site-header wrapperu ─── */
.ast-primary-header-bar,
.ast-primary-header-bar.ast-primary-header {
    background: var(--color-primary) !important;
    border-bottom: none;
    opacity: 1 !important;
}

/* ─── Spriječi nasljeđivanje tamne pozadine na mobile panelu ─── */
.ast-mobile-header-content {
    background: transparent !important;
}

/* ─── Logo tekst ─── */
.site-title a,
.site-title a:hover {
    color: var(--color-white);
}

/* ─── Navigacijski linkovi ─── */
.main-header-menu .menu-item > a,
.ast-primary-menu-disabled .main-header-menu .menu-item > a {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-inline: var(--space-4);
    transition: color var(--transition-fast);
}

.main-header-menu .menu-item > a:hover {
    color: var(--color-white);
}

/* ─── Aktivni item — crvena linija bez lomljenja teksta ─── */
.main-header-menu .current-menu-item > a {
    color: var(--color-white);
    box-shadow: inset 0 -2px 0 var(--color-accent);
}

.main-header-menu .current-menu-item > a::after {
    display: none;
}

/* ─── Dropdown izbornik ─── */
.main-header-menu .sub-menu {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding-block: var(--space-2);
}

.main-header-menu .sub-menu .menu-item > a {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    text-transform: none;
    letter-spacing: 0;
    padding: var(--space-2) var(--space-5);
}

.main-header-menu .sub-menu .menu-item > a:hover {
    color: var(--color-accent);
    background: var(--color-bg-subtle);
}

/* ─── Mobile hamburger ─── */
.ast-mobile-menu-buttons .ast-button-wrap .menu-toggle,
button.ast-mobile-menu-trigger-minimal {
    color: var(--color-white);
}

/* ─── Mobile menu panel ─── */
.ast-mobile-header-content .main-header-menu {
    background: var(--color-primary);
}

.ast-mobile-header-content .main-header-menu .menu-item > a {
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ─── Footer ─── */
.site-footer,
.ast-footer-overlay {
    background: var(--color-primary);
    color: var(--color-gray-300);
}

.ast-footer-copyright,
.ast-footer-copyright a {
    color: var(--color-gray-500);
    font-size: var(--text-sm);
}

.ast-footer-copyright a:hover {
    color: var(--color-white);
}

/* ─── Nav linkovi — prošireni selektori ─── */
#site-navigation .menu-item > a,
#primary-menu .menu-item > a,
.main-navigation .menu-item > a,
header .main-header-menu .menu-item > a,
.ast-primary-menu-area .menu-item > a,
.ast-header-break-point .ast-mobile-header-content .menu-item > a {
    color: rgba(255, 255, 255, 0.85) !important;
}

#site-navigation .menu-item > a:hover,
#primary-menu .menu-item > a:hover,
.main-navigation .menu-item > a:hover,
header .main-header-menu .menu-item > a:hover {
    color: var(--color-white) !important;
}

#site-navigation .current-menu-item > a,
#primary-menu .current-menu-item > a,
.main-navigation .current-menu-item > a {
    color: var(--color-white) !important;
    box-shadow: inset 0 -2px 0 var(--color-accent);
}