/*
Theme Name: Najemi Kombi – tema 2026
Author: Najemi-kombi.si
Description: Popolnoma urejevalna block (FSE) tema za najem tovornega kombija. Vsaka sekcija na strani je samostojen vzorec, ki ga urediš v Urejevalniku strani (Videz → Urejevalnik).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: najemi-kombi
*/

:root{
  --nk-ink:#15140f;
  --nk-orange:#ff5a1f;
  --nk-concrete:#ddd8c8;
  --nk-ivory:#f6f2e9;
  --nk-muted:#6f6a5c;
}

html{scroll-behavior:smooth}
body{background:var(--nk-ivory)}

/* Kicker label */
.nk-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:700;color:var(--nk-ink)}
.nk-kicker::before{content:"";width:8px;height:8px;background:var(--nk-orange)}

.nk-logo{font-family:var(--wp--preset--font-family--heading);font-weight:700;letter-spacing:-0.5px;text-transform:uppercase}
.nk-logo a{text-decoration:none}

/* Hero */
.nk-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--nk-ink)}
.nk-hero-tag{position:absolute;top:28px;left:0;background:var(--nk-orange);color:var(--nk-ink);font-weight:800;font-size:14px;padding:10px 18px;letter-spacing:.5px;z-index:2}
.nk-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.nk-hero h1{letter-spacing:-3px}
.nk-hero-checks{border-top:1px solid rgba(255,255,255,.18);margin-top:26px!important;padding-top:22px!important}

/* Stats strip */
.nk-stats{border-top:1px solid rgba(255,255,255,.15)}
.nk-stat{border-right:1px solid rgba(255,255,255,.16);padding:26px 10px!important}
.nk-stat:last-child{border-right:0}
.nk-stat strong{color:var(--nk-orange);font-family:var(--wp--preset--font-family--heading);font-size:30px;display:block}
.nk-stat small{color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:1px;font-size:11px}

/* Feature cards */
.nk-card{height:100%;background:#fff;border-left:4px solid var(--nk-orange)}
.nk-card-num{font-family:var(--wp--preset--font-family--heading);font-size:13px;font-weight:700;color:var(--nk-muted)}

/* Steps */
.nk-step{position:relative;border-top:3px solid var(--nk-ink)}
.nk-step-number{font-family:var(--wp--preset--font-family--heading);font-size:54px;font-weight:700;color:var(--nk-concrete);line-height:1}

/* Pricing */
.nk-price-card{position:relative}
.nk-price-card h2{color:var(--nk-orange);letter-spacing:-3px}
.nk-price-tag{position:absolute;top:-14px;right:24px;background:var(--nk-orange);color:var(--nk-ink);font-weight:800;font-size:12px;padding:7px 14px;letter-spacing:.5px}

/* Gallery */
.nk-gallery-big img,.nk-gallery-small img{display:block;width:100%;height:100%;object-fit:cover}

/* FAQ */
.nk-faq details{border-bottom:1px solid var(--nk-concrete);padding:20px 0}
.nk-faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--wp--preset--font-family--heading)}
.nk-faq summary::-webkit-details-marker{display:none}
.nk-faq summary::after{content:"+";font-size:22px;color:var(--nk-orange)}
.nk-faq details[open] summary::after{content:"–"}

/* Inquiry */
.nk-form-box{border:1px solid rgba(255,255,255,.18)}
.nk-inquiry-note{border:1px dashed rgba(255,255,255,.35);padding:14px 16px!important}

/* Footer */
.nk-footer a{color:inherit;text-decoration:none}
.nk-footer a:hover{color:var(--nk-orange)}

.nk-section{scroll-margin-top:30px}

@media(max-width:782px){
  .nk-hero h1{font-size:44px!important;letter-spacing:-1.5px}
  .nk-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .nk-hero-tag{top:14px}
}