/* ============================================================
   Kundetema — mørk, grøn og skarp (forslag D)
   Gælder KUN sider med <body class="kunde">. Admin røres ikke.
   Farverne er hentet fra logoet: sort + frisk grøn.
   ============================================================ */

body.kunde{
  --forest:#E8ECE6;          /* bruges som overskrifts-/tekstfarve → lys */
  --forest-2:#6FD01F;
  --forest-3:#6FD01F;
  --moss:#AAB5A6;
  --brass:#6FD01F;
  --brass-dk:#8BE02F;
  --brass-tekst:#7ED32A;
  --brass-flade:#6FD01F;
  --paper:#0A0C0A;
  --card:#11160F;
  --ink:#E8ECE6;
  --ink-2:#AAB5A6;
  --line:#232A21;
  --line-2:#333D30;
  --slate:#AAB5A6;
  --r:12px;
  --shadow:none;
  --gron:#6FD01F;
  --gron-moerk:#3F8F0F;
  --sort:#0A0C0A;
  --flade:#11160F;
  --flade-2:#171E14;
  background:var(--paper);color:var(--ink);
  font-family:'Barlow','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:16px;
}
body.kunde a{color:var(--gron)}
body.kunde h1,body.kunde h2,body.kunde h3,
body.kunde .panel h2,body.kunde .step-title,body.kunde .section h2,body.kunde .section h3{
  font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:#fff;
}
body.kunde .panel h2{font-size:26px}

/* ---------- Topbar ---------- */
body.kunde .topbar{
  background:rgba(10,12,10,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);padding:10px 24px;gap:10px 24px;
}
body.kunde .topbar .brand{display:flex;align-items:center;text-decoration:none}
body.kunde .topbar .brand img{height:50px;width:auto;display:block}
body.kunde .topbar nav{gap:6px 22px;align-items:center}
body.kunde .topbar nav a{
  color:#E8ECE6;border:0;border-radius:0;padding:6px 0;background:none;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
}
body.kunde .topbar nav a:hover{color:var(--gron);border:0}
body.kunde .topbar nav a.active{color:var(--gron);background:none;border:0}
body.kunde .topbar nav a.cta{
  background:var(--gron);color:#071000;border:0;padding:0 22px;min-height:42px;
  display:inline-flex;align-items:center;transform:skewX(-8deg);border-radius:4px;
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:18px;letter-spacing:.04em;
}
body.kunde .topbar nav a.cta:hover{background:#86E636;color:#071000}
body.kunde .topbar nav a.cta span{display:inline-block;transform:skewX(8deg)}

/* ---------- Knapper ---------- */
body.kunde .btn{
  background:var(--gron);border:1px solid var(--gron);color:#071000;
  border-radius:4px;padding:14px 28px;font-size:18px;letter-spacing:.04em;text-transform:uppercase;
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;
}
body.kunde .btn:hover{background:#86E636;border-color:#86E636}
body.kunde .btn.amber{background:var(--gron);border-color:var(--gron);color:#071000}
body.kunde .btn.amber:hover{background:#86E636;border-color:#86E636}
body.kunde .btn.ghost{background:transparent;color:#E8ECE6;border:2px solid #3B423A}
body.kunde .btn.ghost:hover{border-color:var(--gron);background:transparent}
body.kunde .btn.small{font-size:15px;padding:8px 16px}

/* ---------- Paneler, felter ---------- */
body.kunde .panel{background:var(--flade);border:1px solid var(--line);border-radius:16px;box-shadow:none}
body.kunde .panel.warn{background:#1B1A0E;border-color:#6B5A1B}
body.kunde label{color:var(--ink-2)}
body.kunde input,body.kunde select,body.kunde textarea{
  background:#0B0F0A;color:var(--ink);border:1px solid var(--line-2);border-radius:8px;
}
body.kunde input::placeholder,body.kunde textarea::placeholder{color:#6E7A6A}
body.kunde input:focus,body.kunde select:focus,body.kunde textarea:focus{
  border-color:var(--gron);box-shadow:0 0 0 3px rgba(111,208,31,.18);
}
body.kunde input[type=checkbox],body.kunde input[type=radio]{accent-color:var(--gron)}
body.kunde select option{background:#0B0F0A;color:var(--ink)}
body.kunde input[type=file]{background:#0B0F0A}
body.kunde .alert{background:#241A0C;border-color:#7A5A1E;color:#F0DDB8}
body.kunde .ok{background:#12220D;border-color:#2E5C1B;color:#CFE8BE}
body.kunde .muted{color:var(--ink-2)}
body.kunde .step-title{border-bottom-color:var(--line);font-size:22px}

/* ---------- Booking: slots, dage, ydelser ---------- */
body.kunde .slot{background:#0B0F0A;border-color:var(--line-2);color:var(--ink)}
body.kunde .slot:hover{border-color:var(--gron);color:var(--gron)}
body.kunde .slot.valgt,body.kunde .dag.valgt,body.kunde .kv-knap.aktiv,body.kunde .koer-knap.aktiv{
  background:var(--gron);border-color:var(--gron);color:#071000;
}
body.kunde .dag,body.kunde .kv-knap,body.kunde .koer-knap{background:#0B0F0A;border-color:var(--line-2);color:var(--ink)}
body.kunde .dag:hover,body.kunde .kv-knap:hover{border-color:var(--gron)}
body.kunde .mail-fold > summary,body.kunde .yv-antal{background:#0B0F0A;color:var(--ink);border-color:var(--line-2)}
body.kunde .ydelse-desc{background:rgba(111,208,31,.06);border-left-color:var(--gron);color:var(--ink-2)}
body.kunde .aabning-kort{background:var(--flade)}
body.kunde .aabning-titel-lys{color:#fff}
body.kunde .book-bar,body.kunde .book-bjaelke{background:rgba(10,12,10,.97);border-top:1px solid var(--line)}
body.kunde .book-bjaelke.klar .bb-info span{color:var(--gron)}
body.kunde .bb-tekst span{color:#AAB5A6}

/* ---------- Footer ---------- */
body.kunde footer.site{background:#070907;border-top:1px solid var(--line);color:var(--ink-2);padding:44px 24px;margin-top:70px}
body.kunde footer.site .fod-inner{display:flex;flex-wrap:wrap;gap:24px 56px;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto}
body.kunde footer.site img{height:64px;width:auto;display:block}
body.kunde footer.site strong{color:#fff}
body.kunde .footer-links a{color:var(--gron);border-bottom-color:rgba(111,208,31,.35)}

/* ---------- Tekstsider, kvitteringer, status ---------- */
body.kunde .tekstside{color:var(--ink)}
body.kunde .tekstside h1{font-size:44px}
body.kunde .anm-kort,body.kunde .udlejn-kort,body.kunde .ledigt-kort,body.kunde .ledigt,body.kunde .idag-kort{
  background:var(--flade);border-color:var(--line);color:var(--ink);
}
body.kunde .spor-prik{background:#0B0F0A;border-color:var(--line-2);color:var(--ink-2)}
body.kunde .spor-trin.ovre .spor-prik,body.kunde .spor-trin.nu .spor-prik{background:var(--gron);border-color:var(--gron);color:#071000}
body.kunde .saadan-trin li::before{background:var(--gron);color:#071000}

/* ============================================================
   FORSIDEN (index.php) og PRISER (priser.php)
   ============================================================ */
.k-wrap{max-width:1240px;margin:0 auto;padding:0 28px;position:relative}
.k-lab{color:var(--gron);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:13px}
.k-disp{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;line-height:.95;color:#fff;margin:0}
.k-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;
  background:var(--gron);color:#071000!important;text-decoration:none;border-radius:4px;
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:20px;
  text-transform:uppercase;letter-spacing:.04em;transform:skewX(-8deg);border:0;cursor:pointer;
}
.k-btn span{display:inline-block;transform:skewX(8deg)}
.k-btn:hover{background:#86E636}
.k-btn.o{background:transparent;color:#E8ECE6!important;border:2px solid #3B423A}
.k-btn.o:hover{border-color:var(--gron)}

.k-hero{position:relative;overflow:hidden;padding:36px 0 90px}
.k-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.k-hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:32px 48px;position:relative;z-index:2}
.k-hero-t{flex:1 1 520px}
.k-hero-l{flex:1 1 400px;text-align:center}
.k-hero-l img{width:100%;max-width:540px;filter:drop-shadow(0 30px 60px rgba(111,208,31,.25))}
.k-tag{display:inline-flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border:1px solid #2B332A;background:#11160F;border-radius:999px;padding:7px 16px 7px 10px;font-size:14px;color:#B9C4B5}
.k-dot{width:10px;height:10px;border-radius:50%;background:var(--gron);box-shadow:0 0 0 4px rgba(111,208,31,.2)}
.k-dot.lukket{background:#7E8A7A;box-shadow:0 0 0 4px rgba(126,138,122,.2)}
.k-hero h1{font-size:clamp(56px,9vw,128px);margin:24px 0 22px}
.k-hero h1 em{font-style:inherit;color:var(--gron)}
.k-hero p.lead{font-size:20px;max-width:560px;color:#B6C0B2;margin:0 0 32px;line-height:1.5}

.k-ticker{background:var(--gron);color:#071000;transform:rotate(-1.2deg);margin:30px -40px 10px;padding:13px 0;overflow:hidden}
.k-ticker div{display:flex;gap:10px 36px;justify-content:center;flex-wrap:wrap;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:25px;text-transform:uppercase}

.k-sec{padding:92px 0 0;position:relative}
.k-sec h2{font-size:clamp(44px,6vw,80px);margin:12px 0 0}
.k-sec .intro{max-width:620px;color:#B6C0B2;font-size:18px;margin:16px 0 0}

.k-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:34px}
.k-card{position:relative;display:block;text-decoration:none;color:inherit;background:linear-gradient(160deg,#141A12,#0D110C);border:1px solid #232A21;border-radius:18px;padding:30px;overflow:hidden;transition:border-color .2s,transform .2s}
.k-card:hover{border-color:var(--gron);transform:translateY(-3px)}
.k-card .n{position:absolute;right:18px;top:6px;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:96px;color:#161D14;line-height:1}
.k-card .ic{width:54px;height:54px;border-radius:14px;background:#17200F;border:1px solid #2A3A1A;display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative}
.k-card .ic svg{stroke:var(--gron)}
.k-card h3{font-size:32px;margin:0 0 10px;position:relative}
.k-card p{margin:0 0 18px;color:#AAB5A6;position:relative}
.k-card .mere{color:var(--gron);font-weight:600;position:relative}

.k-split{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.k-split>div{flex:1 1 420px}
.k-panel{background:#11160F;border:1px solid #232A21;border-radius:20px;padding:32px}
.k-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-day{display:block;text-decoration:none;color:inherit;background:#0B0F0A;border:1px solid #2A3327;border-radius:14px;padding:18px 10px;text-align:center}
.k-day:hover{border-color:var(--gron)}
.k-day b{display:block;color:var(--gron);font-weight:600}
.k-day .d{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:34px;text-transform:uppercase;color:#fff;line-height:1.1}
.k-day span{color:#AAB5A6;font-size:15px}

.k-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:36px;border-top:1px solid #232A21}
.k-step{padding:30px 28px 10px 0;border-right:1px solid #232A21}
.k-step:last-child{border:0}
.k-step .big{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:90px;line-height:.9;color:transparent;-webkit-text-stroke:2px var(--gron)}
.k-step h3{font-size:30px;margin:14px 0 8px}
.k-step p{color:#AAB5A6;margin:0}

.k-kamp{background:linear-gradient(120deg,#1A2A0D,#0D120A 60%);border:1px solid #2A3A1A;border-radius:20px;padding:44px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
.k-kamp>div{flex:1 1 440px}
.k-kamp h2{font-size:clamp(38px,5vw,64px);margin:10px 0}
.k-kamp p{margin:0;color:#B6C0B2;font-size:18px}

.k-om{display:flex;flex-wrap:wrap;gap:36px;align-items:center}
.k-om img{flex:1 1 380px;max-width:560px;width:100%;border-radius:18px;border:1px solid #232A21}
.k-om>div{flex:1 1 420px}
.k-om p{color:#B6C0B2;font-size:18px}

.k-anm{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:30px}
.k-anm .kort{background:#11160F;border:1px solid #232A21;border-radius:16px;padding:26px}
.k-anm .st{color:var(--gron);letter-spacing:.15em}
.k-anm p{margin:10px 0}

.k-addr{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px}
.k-addr>div{flex:1 1 420px}
.k-addr h3{font-size:46px;margin:10px 0}
.k-addr p{color:#AAB5A6;margin:0 0 18px}
.k-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #232A21}
.k-row:last-child{border:0}
.k-row .lukket{color:#7E8A7A}

/* ---------- Priser ---------- */
.k-pris-hoved{padding:40px 0 10px}
.k-pris-hoved h1{font-size:clamp(40px,11vw,112px);margin:12px 0 10px;overflow-wrap:anywhere}
.k-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.k-chips a{border:2px solid #333D30;color:#E8ECE6;text-decoration:none;padding:8px 18px;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;font-size:18px;border-radius:4px;transform:skewX(-8deg)}
.k-chips a:hover{border-color:var(--gron);color:var(--gron)}
.k-gruppe{background:#11160F;border:1px solid #232A21;border-radius:18px;padding:30px 32px;margin-top:20px}
.k-gruppe h2{font-size:clamp(30px,3.6vw,44px);margin:0 0 6px}
.k-gruppe .subnote{color:#AAB5A6;margin:0 0 8px}
.k-gruppe .prow{display:flex;align-items:baseline;gap:10px;padding:13px 0;font-size:17px;border-bottom:1px solid #1D2419}
.k-gruppe .prow .leader{flex:1 1 auto;min-width:14px;height:1px;background-image:linear-gradient(to right,#3A4536 34%,transparent 0%);background-size:5px 1px;background-repeat:repeat-x;transform:translateY(-3px)}
.k-gruppe .amt{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:26px;color:var(--gron);white-space:nowrap}
.k-gruppe .pitem:last-child .prow{border-bottom:0}
.k-gruppe .pdesc{margin:0 0 14px;color:#AAB5A6;font-size:15px;max-width:60ch}
.k-gruppe summary{cursor:pointer;list-style:none}
.k-gruppe summary::-webkit-details-marker{display:none}
.k-gruppe .pil{width:8px;height:8px;border-right:2px solid var(--gron);border-bottom:2px solid var(--gron);transform:rotate(45deg);margin-left:6px;align-self:center}
.k-gruppe details[open] .pil{transform:rotate(-135deg)}
.k-fine{color:#7E8A7A;font-size:14px;margin-top:22px;max-width:760px}

@media(max-width:700px){
  body.kunde .topbar nav .hide-m{display:none}
  body.kunde .topbar{padding:8px 16px}
  body.kunde .topbar .brand img{height:42px}
  .k-hero h1{font-size:clamp(52px,16vw,90px)}
  .k-ticker{margin-left:-20px;margin-right:-20px}
  .k-step{border-right:0;border-bottom:1px solid #232A21}
  .k-gruppe{padding:22px 18px}
}

/* Admin-stribe på mørkt tema */
body.kunde .adminbar{background:#161B17;color:#C9D1CA;border-bottom:1px solid #2A322C}
body.kunde .adminbar-txt{opacity:1;color:#9AA59C}
body.kunde .adminbar a{color:#F3F6F3;border-color:rgba(255,255,255,.22);background:transparent}
body.kunde .adminbar a:first-child{background:#6BD11F;border-color:#6BD11F;color:#07110A}
body.kunde .adminbar a:hover{border-color:#6BD11F}

/* Mobil: topbar på én række, intet gentaget logo i heltesektionen */
@media(max-width:700px){
  body.kunde .topbar{flex-wrap:nowrap;justify-content:space-between;gap:10px}
  body.kunde .topbar .brand img{height:46px;width:auto}
  body.kunde .topbar nav{flex-wrap:nowrap;gap:14px;margin:0}
  body.kunde .topbar nav a[href="udlejning.php"]{display:none}
  body.kunde .topbar nav a.cta{padding:9px 16px;white-space:nowrap}
  .k-hero{padding-bottom:48px}
  .k-hero-l{display:none}
}

@media(max-width:700px){
  .k-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:18px}
  .k-card .n{display:none}
  .k-card .ic{grid-row:1 / span 3;width:48px;height:48px;margin:0}
  .k-card h3{font-size:24px;margin:0 0 4px}
  .k-card p{font-size:15px;margin:0 0 8px}
}

@media(max-width:700px){
  .k-day{padding:12px 6px}
  .k-day .d{font-size:21px;white-space:nowrap}
  .k-panel{padding:16px}
}

@media(max-width:700px){
  .k-ticker{transform:none;margin:24px 0 8px;padding:14px 16px}
  .k-ticker div{flex-direction:column;align-items:center;gap:4px;font-size:19px;text-align:center}
  .k-ticker div span:nth-child(even){display:none}
}

/* Tickeren må ikke skubbes ud over siden ved mellemstore bredder */
@media(min-width:701px){
  .k-ticker{margin-left:-24px;margin-right:-24px}
  .k-ticker div{padding:0 56px}
}
html,body.kunde{overflow-x:clip}

/* Fremhævet ydelse når man kommer fra forsidens "Se pris" */
.k-gruppe [data-traef]{background:rgba(111,208,31,.09);border-radius:10px;box-shadow:0 0 0 2px rgba(111,208,31,.45);padding-left:12px;padding-right:12px;margin:2px -12px}
#traef,#hent-bring{scroll-margin-top:110px}

/* Underside-formularer (booking m.fl.) i samme størrelse som forsiden */
@media(min-width:701px){
  body.kunde .wrap-narrow{max-width:780px;zoom:1.22;padding-top:34px}
}
body.kunde .wrap-narrow h1{
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;
  line-height:.95;color:#fff;font-size:clamp(40px,7vw,60px)!important;margin:0 0 18px!important}