/* ==========================================================
   _01-HEADER.CSS
   ========================================================== */

.site-header { width: 100%; z-index: 1000; transition: background var(--t-base); }

body.home .site-header,
body.single-project .site-header,
body.page-id-458 .site-header,
body.page-template-template-artists .site-header,
body.has-hero-header .site-header {
    position: absolute; top: 0; left: 0;
    background: transparent !important;
}

.header-inner {
    display: flex;
    align-items: center;
    height: var(--header-h);
    padding: 0 var(--padding-x);
    box-sizing: border-box;
    gap: clamp(16px, 2vw, 40px);
}

/* Logotyp */
.site-logo { flex-shrink: 0; }
.site-logo img { height: clamp(36px, 3.5vw, 52px); width: auto; display: block; }

/* Dölj default-loggan på startsidan på ALLA skärmstorlekar – snurrloggan används istället */
body.home .site-logo { display: none !important; }

/* Navigation */
.main-navigation { margin-left: auto; }
.main-navigation .primary-menu {
    list-style: none;
    display: flex;
    align-items: center;
    gap: clamp(10px, 1.8vw, 28px);
    margin: 0; padding: 0;
}
.main-navigation .primary-menu > li { position: relative; }
.main-navigation .primary-menu > li > a {
    font-family: var(--font-display);
    font-size: clamp(11px, 0.85vw, 14px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    padding: 4px 0;
    transition: opacity var(--t-fast);
}
.main-navigation .primary-menu > li > a:hover { opacity: 0.5; }
.main-navigation .primary-menu .current-menu-item > a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (min-width: 768px) {
    .main-navigation .primary-menu li.mobile-contact,
    .main-navigation .primary-menu li.menu-item-contact-cta { display: none !important; }

    .main-navigation .primary-menu > li > a[href^="mailto"] {
        display: none !important;
    }
    .main-navigation .primary-menu > li:has(> a[href^="mailto"]) {
        display: none !important;
    }
}

/* Dropdown */
.main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 100%; left: 0;
    background: var(--color-dark-bg);
    padding: var(--sp-3) 0;
    min-width: 180px;
    z-index: 200;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.main-navigation .menu-item-has-children:hover > .sub-menu { display: block; }
.main-navigation .sub-menu li a {
    display: block;
    padding: var(--sp-2) var(--sp-5);
    color: var(--color-dark-text) !important;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
}

/* Menyikonsfärger */
body.home .main-navigation a,
body.single-project .main-navigation a,
body.page-id-458 .main-navigation a,
body.page-template-template-artists .main-navigation a,
body.has-hero-header .main-navigation a { color: #fff !important; }

body:not(.home):not(.single-project):not(.page-id-458):not(.page-template-template-artists):not(.has-hero-header)
    .main-navigation a { color: var(--color-text) !important; }

/* Hamburgare — endast mobil, visas via _mobile.css */
.menu-toggle { display: none; }