/*
Theme Name: Nordisk Bilpleje Sales Pro
Theme URI: https://example.com/
Author: Nordisk Bilpleje
Description: Salgsfokuseret premium WordPress-tema til Nordisk Bilpleje.
Version: 1.0.0
Text Domain: nordisk-bilpleje-sales-pro
*/
:root{--bg:#070707;--panel:#0d0d0d;--panel2:#121212;--text:#f7f4ec;--muted:#b8b1a3;--gold:#d9ad43;--gold2:#f4d27b;--line:rgba(217,173,67,.25);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:96px 0}.eyebrow{color:var(--gold2);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.display{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.05;letter-spacing:-.03em}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.55),transparent);transition:.25s}.site-header.scrolled{background:rgba(5,5,5,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:185px;height:64px;object-fit:cover;object-position:center 68%;border-radius:4px}.menu{display:flex;align-items:center;gap:26px;font-size:.86rem;font-weight:700;letter-spacing:.04em}.menu a:hover{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold2),#b98721);color:#120d03;font-weight:900;letter-spacing:.02em;border-radius:5px;box-shadow:0 10px 30px rgba(217,173,67,.18);cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.ghost{background:transparent;color:#fff;box-shadow:none}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{min-height:780px;display:grid;align-items:end;position:relative;overflow:hidden;padding:160px 0 70px;background:#050505}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.70) 43%,rgba(0,0,0,.18) 72%),linear-gradient(0deg,#070707 0%,transparent 33%),url('assets/images/hero.jpg') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:auto -10% -20% 25%;height:52%;background:radial-gradient(circle,rgba(217,173,67,.15),transparent 68%)}.hero-content{position:relative;z-index:2;max-width:760px;margin-left:max(20px,calc((100vw - var(--max))/2))}.hero h1{font-size:clamp(3.2rem,7vw,6.7rem);margin:.2em 0 .22em}.hero p.lead{font-size:1.18rem;color:#d6d1c7;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.trustbar{position:relative;z-index:3;margin-top:72px;border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;font-size:.9rem;color:#ddd6c7}.trustbar strong{display:block;color:#fff;font-size:1.15rem}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:44px}.section-head h2{font-size:clamp(2.4rem,5vw,4.4rem);margin:.12em 0}.section-head p:last-child{max-width:480px;color:var(--muted)}.proof{background:#f0ece3;color:#14110c}.proof .eyebrow{color:#8b681a}.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.proof-image{position:relative}.proof-image img{width:100%;border-radius:8px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.proof-copy{padding:30px 20px}.proof-copy h2{font-size:clamp(2.5rem,5vw,4.8rem);margin:.1em 0 .25em}.proof-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.proof-point{padding:18px 0;border-top:1px solid rgba(0,0,0,.14)}.proof-point strong{display:block;font-size:1.05rem}.proof-point span{font-size:.9rem;color:#5f594f}
.packages{background:#080808}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package{background:linear-gradient(180deg,#141414,#0b0b0b);border:1px solid rgba(255,255,255,.09);padding:34px;border-radius:8px;position:relative;overflow:hidden}.package.popular{border-color:var(--gold);transform:translateY(-10px)}.package.popular:before{content:'MEST VALGT';position:absolute;right:18px;top:18px;color:#111;background:var(--gold2);padding:6px 9px;font-size:.65rem;font-weight:900;letter-spacing:.12em;border-radius:3px}.package h3{font-size:1.8rem;margin:.5em 0}.price{font-family:Georgia,serif;font-size:3.25rem;color:#fff;line-height:1}.price small{font-family:Inter;font-size:.9rem;color:var(--muted)}.package ul{list-style:none;padding:0;margin:28px 0}.package li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#d4cec1}.package li:before{content:'✓';color:var(--gold2);margin-right:10px}.package .btn{width:100%}
.services{background:#0b0b0b}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:#0a0a0a;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.service span{color:var(--gold2);font-size:.76rem;letter-spacing:.12em}.service h3{font-size:1.35rem}.service p{color:var(--muted);font-size:.93rem}.service:hover{background:#12100c}
.results{background:#050505}.results-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.result-main,.result-side{position:relative;overflow:hidden;border-radius:8px;min-height:520px}.result-main img,.result-side img{width:100%;height:100%;object-fit:cover}.result-main:after,.result-side:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.result-label{position:absolute;z-index:2;left:24px;bottom:22px}.result-label strong{display:block;font-size:1.4rem}.result-label span{color:#d9d1c1}.quote{margin-top:18px;padding:30px;border:1px solid var(--line);background:#0f0f0f;font-size:1.35rem;font-family:Georgia,serif}.quote small{display:block;margin-top:14px;font-family:Inter;font-size:.85rem;color:var(--muted)}
.calc{background:#f0ece3;color:#16120c}.calc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.calc h2{font-size:clamp(2.5rem,5vw,4.6rem);margin:.15em 0}.calculator{background:#fff;padding:34px;border-radius:8px;box-shadow:0 25px 70px rgba(0,0,0,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.86rem}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid #d8d0c1;border-radius:4px;background:#fff;font:inherit}.estimate{display:flex;justify-content:space-between;align-items:end;margin:24px 0;padding:20px 0;border-top:1px solid #ddd4c5;border-bottom:1px solid #ddd4c5}.estimate strong{font-family:Georgia,serif;font-size:2.8rem}.estimate span{color:#6a6257}.calculator .btn{width:100%}
.booking{background:radial-gradient(circle at 70% 20%,rgba(217,173,67,.13),transparent 30%),#070707}.booking-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px}.booking h2{font-size:clamp(2.5rem,5vw,4.6rem);margin:.15em 0}.booking-card{background:#101010;border:1px solid var(--line);padding:34px;border-radius:8px}.booking .field input,.booking .field select,.booking .field textarea{background:#0a0a0a;color:#fff;border-color:#302818}.contact-list{display:grid;gap:13px;margin-top:30px;color:#d8d0c3}.contact-list strong{color:#fff}.form-status{min-height:24px;color:var(--gold2);margin-top:12px}.site-footer{background:#020202;border-top:1px solid var(--line);padding:46px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer-grid h4{color:var(--gold2);margin-top:0}.footer-grid p,.footer-grid a{color:#aaa398}.footer-bottom{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#7f786d;font-size:.8rem}.floating-book{position:fixed;right:18px;bottom:18px;z-index:45}
@media(max-width:980px){.menu{display:none;position:absolute;top:82px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:20px;background:#090909;border:1px solid var(--line)}.menu.open{display:flex}.mobile-toggle{display:block}.header-cta{display:none}.hero{min-height:720px}.trustbar,.service-grid{grid-template-columns:1fr 1fr}.proof-grid,.results-grid,.calc-grid,.booking-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package.popular{transform:none}.result-main,.result-side{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(100% - 24px,var(--max))}.section{padding:68px 0}.nav{height:74px}.brand img{width:145px;height:50px}.hero{padding-top:130px;min-height:700px}.hero h1{font-size:3.35rem}.trustbar{grid-template-columns:1fr 1fr;margin-top:48px}.section-head{display:block}.proof-points,.form-grid,.service-grid{grid-template-columns:1fr}.package{padding:25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.floating-book{left:12px;right:12px}.floating-book .btn{width:100%}}

.custom-logo-link{display:block}.custom-logo-link img,.footer-logo img{width:220px;height:76px;object-fit:contain;object-position:left center}.brand .custom-logo-link img{width:185px;height:64px}.footer-logo{margin-bottom:18px}
/* ===== RETTELSE AF HOVEDMENU ===== */

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(5, 5, 5, 0.82);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
}

.site-header .nav {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.site-header .brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.site-header .brand img {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 68px;
}

.site-header .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.site-header .menu ul,
.site-header ul.main-menu {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-header .menu ul li,
.site-header ul.main-menu li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-header .menu ul li::before,
.site-header ul.main-menu li::before {
    display: none !important;
    content: none !important;
}

.site-header .menu a {
    display: block;
    padding: 12px 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.site-header .menu a:hover,
.site-header .menu .current-menu-item > a {
    color: #d5aa4b;
}

.site-header .header-cta {
    flex-shrink: 0;
}

.mobile-toggle {
    display: none;
}

@media (max-width: 950px) {
    .site-header {
        position: relative;
        background: #080808;
    }

    .site-header .nav {
        position: relative;
        min-height: 76px;
    }

    .mobile-toggle {
        display: block;
        margin-left: auto;
        padding: 8px;
        border: 0;
        background: transparent;
        color: #ffffff;
        font-size: 28px;
        cursor: pointer;
    }

    .site-header .header-cta {
        display: none;
    }

    .site-header .menu {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
        padding: 25px;
        background: #080808;
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .site-header .menu.is-open {
        display: block;
    }

    .site-header .menu ul,
    .site-header ul.main-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .site-header .menu a {
        width: 100%;
        padding: 13px 0;
        font-size: 15px;
    }
}