/* TvojBooth — slog strani. Barve lahko prilagodiš tu zgoraj. */
:root{
  --vijolicna:#7F77DD; --vijolicna-temna:#3C3489; --vijolicna-najtemnejsa:#26215C;
  --sivka:#EEEDFE; --sivka-svetla:#F6F5FD;
  --rumena:#FAC775; --rumena-temna:#412402; --oranzna:#EF9F27;
  --roza:#F4C0D1; --mint:#5DCAA5;
  --crnilo:#2C2C2A; --siva:#5F5E5A; --siva-svetla:#B4B2A9;
  --papir:#FDFCFF; --bela:#FFFFFF; --rob:#E6E3F5;
  --radij:18px; --radij-pill:999px;
  --senca:0 10px 30px rgba(60,52,137,.10);
}
@font-face{font-family:'Baloo 2';src:url('/pisave/baloo2-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Baloo 2';src:url('/pisave/baloo2-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Baloo 2';src:url('/pisave/baloo2-bold.woff2') format('woff2');font-weight:700;font-display:swap}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.6;color:var(--crnilo);background:var(--papir)}
img{max-width:100%;height:auto;display:block}
.ovoj{max-width:1080px;margin:0 auto;padding:0 20px}
.sr-only,.preskoci{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.preskoci:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;background:var(--rumena);color:var(--rumena-temna);padding:10px 16px;border-radius:var(--radij-pill);z-index:99}
:focus-visible{outline:3px solid var(--vijolicna);outline-offset:2px;border-radius:4px}

h1,h2,h3,.naslov-1,.naslov-2,.naslov-3{font-family:'Baloo 2',system-ui,sans-serif;line-height:1.2;margin:0;color:var(--vijolicna-temna)}
.naslov-1{font-size:clamp(34px,6vw,54px);font-weight:700}
.naslov-2{font-size:clamp(26px,4vw,36px);font-weight:600}
.naslov-3{font-size:21px;font-weight:600}
.poudarek-vijolicen{color:var(--vijolicna)}
.poudarek-oranzen{color:var(--oranzna)}

.gumb{display:inline-block;font-family:'Baloo 2',sans-serif;font-weight:600;font-size:17px;text-decoration:none;border:none;cursor:pointer;padding:13px 28px;border-radius:var(--radij-pill);transition:transform .15s,box-shadow .15s}
.gumb:hover{transform:translateY(-2px);box-shadow:var(--senca)}
.gumb:active{transform:translateY(0)}
.gumb-rumen{background:var(--rumena);color:var(--rumena-temna)}
.gumb-vijolicen{background:var(--vijolicna);color:#fff}
.gumb-obroba{background:transparent;border:2px solid var(--vijolicna);color:var(--vijolicna-temna)}
.gumb-velik{font-size:19px;padding:15px 34px}
.gumb[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* Glava */
.glava{position:sticky;top:0;background:rgba(253,252,255,.92);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid var(--rob)}
.glava-vrstica{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.logotip img{height:38px;width:auto}
.meni{display:flex;align-items:center;gap:22px}
.meni a{font-weight:500;color:var(--siva);text-decoration:none;font-size:15.5px}
.meni a:hover{color:var(--vijolicna-temna)}
.meni a.gumb{color:#fff}
.meni-gumb{display:none;background:none;border:none;cursor:pointer;padding:8px}
.meni-gumb span{display:block;width:24px;height:3px;background:var(--vijolicna-temna);margin:4px 0;border-radius:2px}
@media(max-width:820px){
  .meni-gumb{display:block}
  .meni{display:none;position:absolute;top:100%;left:0;right:0;background:var(--papir);flex-direction:column;padding:20px;border-bottom:1px solid var(--rob);box-shadow:var(--senca)}
  .meni.odprt{display:flex}
}

/* Hero */
.hero{position:relative;background:var(--sivka);overflow:hidden;padding:72px 0 56px;text-align:center}
.hero-znacka{display:inline-block;background:#fff;border:1px solid #CECBF6;color:var(--vijolicna-temna);font-weight:500;font-size:14px;padding:7px 18px;border-radius:var(--radij-pill)}
.hero .naslov-1{margin:22px auto 0;max-width:16ch}
.hero-pod{max-width:520px;margin:16px auto 26px;color:var(--vijolicna-temna);font-size:18px}
.konfet{position:absolute;border-radius:50%;pointer-events:none}
.konfet.kvadrat{border-radius:4px}
.hero-mreza{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.hero-mreza.z-napravo{grid-template-columns:auto auto;justify-content:center;column-gap:56px}
.hero-naprava img{max-height:540px;width:auto;max-width:100%;margin:0;filter:drop-shadow(0 18px 32px rgba(60,52,137,.20))}
@media(max-width:820px){
  .hero-mreza.z-napravo{grid-template-columns:1fr}
  .hero-naprava img{max-height:260px;margin:0 auto}
}
@media(max-width:560px){.hero{padding:52px 0 40px}}

/* Sekcije */
.sekcija{padding:64px 0}
.sekcija-sivka{background:var(--sivka-svetla)}
.sekcija-sredina{text-align:center}
.pod-naslov{max-width:560px;margin:12px auto 0;color:var(--siva)}
.mreza{display:grid;gap:18px;margin-top:36px}
.mreza-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.mreza-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.mreza-5{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}

.kartica{background:#fff;border:1px solid var(--rob);border-radius:var(--radij);padding:26px 22px}
.kartica-ikona{font-size:34px;line-height:1}
.kartica .naslov-3{margin:12px 0 6px}
.kartica p{margin:0;color:var(--siva);font-size:15.5px}

/* Koraki */
.korak{text-align:center}
.korak-krog{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2';font-weight:700;font-size:22px}
.korak:nth-child(1) .korak-krog{background:var(--sivka);color:var(--vijolicna-temna)}
.korak:nth-child(2) .korak-krog{background:#FAEEDA;color:#854F0B}
.korak:nth-child(3) .korak-krog{background:#FBEAF0;color:#993556}
.korak:nth-child(4) .korak-krog{background:#E1F5EE;color:#0F6E56}
.korak p{color:var(--siva);font-size:15px;margin:4px 0 0}

/* Priložnosti */
.priloznosti{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.priloznost{background:#fff;border:1.5px solid var(--rob);border-radius:var(--radij-pill);padding:10px 20px;font-weight:500;color:var(--vijolicna-temna);font-size:15.5px}
/*.priloznost:nth-child(odd){border-color:#CECBF6}
.priloznost:nth-child(3n){border-color:var(--rumena)}/*

/* Paketi */
.paket{position:relative;text-align:center;padding-top:34px}
.paket-izpostavljen{border:2.5px solid var(--vijolicna);box-shadow:var(--senca)}
.paket-znacka{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--rumena);color:var(--rumena-temna);font-family:'Baloo 2';font-weight:600;font-size:13.5px;padding:5px 16px;border-radius:var(--radij-pill);white-space:nowrap}
.paket-cena{font-family:'Baloo 2';font-weight:700;font-size:42px;color:var(--vijolicna-temna);margin:8px 0 2px}
.paket-izpostavljen .paket-cena{color:var(--vijolicna)}
.paket-opis{min-height:52px}
.paket .gumb{margin-top:18px}
.paketi-drobno{text-align:center;color:var(--siva);font-size:14.5px;margin-top:22px}

/* Ozadja + galerija */
.ploscica{border-radius:var(--radij);overflow:hidden;background:#fff;border:1px solid var(--rob)}
.ploscica img{aspect-ratio:4/3;width:100%;object-fit:cover}
.ploscica figcaption{padding:10px 14px;font-weight:500;font-size:14.5px;color:var(--vijolicna-temna)}
.galerija-mreza{columns:3;column-gap:14px;margin-top:32px}
.galerija-mreza img{border-radius:var(--radij);margin-bottom:14px;box-shadow:var(--senca)}
@media(max-width:700px){.galerija-mreza{columns:2}}

/* FAQ */
.faq{max-width:720px;margin:32px auto 0}
.faq details{background:#fff;border:1px solid var(--rob);border-radius:var(--radij);margin-bottom:12px;padding:0 20px}
.faq summary{cursor:pointer;font-family:'Baloo 2';font-weight:600;font-size:17px;color:var(--vijolicna-temna);padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:24px;color:var(--vijolicna);flex-shrink:0}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:0 0 18px;color:var(--siva);font-size:15.5px}

/* CTA pas + noga */
.cta-pas{background:#CECBF6;padding:56px 0;text-align:center}
.cta-pas .naslov-2{color:var(--vijolicna-najtemnejsa)}
.cta-pod{color:var(--vijolicna-temna);margin:10px 0 24px}
.noga{background:var(--papir);border-top:1px solid var(--rob);padding:36px 0 20px}
.noga-vrstica{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
.noga-drobno{color:var(--siva-svetla);font-size:13.5px;max-width:280px;margin:10px 0 0}
.noga-povezave{display:flex;flex-direction:column;gap:8px}
.noga a{color:var(--siva);text-decoration:none;font-size:14.5px}
.noga a:hover{color:var(--vijolicna-temna)}
.noga-druzbena{display:flex;gap:14px}
.noga-copy{color:var(--siva-svetla);font-size:13px;margin-top:28px}

/* Rezervacija */
.rez-postavitev{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start;margin-top:30px}
@media(max-width:860px){.rez-postavitev{grid-template-columns:1fr}}
.rez-korak{background:#fff;border:1px solid var(--rob);border-radius:var(--radij);padding:22px;margin-bottom:20px}
.rez-korak h2{font-size:19px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.rez-st{width:30px;height:30px;border-radius:50%;background:var(--sivka);color:var(--vijolicna-temna);display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
label{display:block;font-weight:500;font-size:14.5px;margin-bottom:5px;color:var(--vijolicna-temna)}
input[type=text],input[type=email],input[type=tel],select{width:100%;padding:11px 14px;border:1.5px solid var(--rob);border-radius:12px;font-size:16px;font-family:inherit;background:#fff}
input:focus,select:focus{border-color:var(--vijolicna);outline:none}
.polje{margin-bottom:14px}
.polja-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.polja-2{grid-template-columns:1fr}}

.koledar{border:1.5px solid var(--rob);border-radius:var(--radij);padding:14px}
.koledar-glava{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.koledar-glava strong{font-family:'Baloo 2';font-size:17px;color:var(--vijolicna-temna)}
.koledar-glava button{background:var(--sivka);border:none;border-radius:10px;width:36px;height:36px;font-size:18px;cursor:pointer;color:var(--vijolicna-temna)}
.koledar-mreza{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.koledar-dan-ime{font-size:12px;color:var(--siva-svetla);padding:4px 0}
.koledar-dan{border:none;background:none;font:inherit;font-size:14.5px;padding:10px 0;border-radius:10px;cursor:pointer}
.koledar-dan:disabled{color:#D9BEC4;text-decoration:line-through;cursor:not-allowed}

/* Razpoložljivost — barva celotne celice.
   Vrstni red je pomemben: stanje izbire spodaj mora te barve prekriti. */
/* Črte so pastelne in polprosojne, vmesni pas ostane prozoren.
   Zapisano kot background-image, da ga stanja izbire (shorthand background)
   spodaj v celoti povozijo. */
.koledar-dan.zadnja{
  background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(250,199,117,.45) 5px,rgba(250,199,117,.45) 10px);
  color:var(--rumena-temna);font-weight:600}
.koledar-dan.zasedeno{background-color:#FBE2E2;color:#8E2F2F}

.koledar-dan:hover:not(:disabled):not(.zadnja):not(.zasedeno){background:var(--sivka)}
.koledar-dan.zadnja:hover{background-color:#FFF7E8}
.koledar-dan.zasedeno:hover{background-color:#F6CFCF}

.koledar-dan.izbran{background:var(--vijolicna);color:#fff;font-weight:600}
.koledar-dan.v-najemu{background:var(--sivka);color:var(--vijolicna-temna);font-weight:500}
.koledar-dan.pot{background:#FAEEDA;color:#854F0B}
/* Izbrani najem sega čez zaseden dan — mora ostati opazno kljub oznaki najema. */
.koledar-dan.konflikt{background:#F2A9A9;color:#6E1B1B;font-weight:700;box-shadow:inset 0 0 0 2px #C0392B}

@media(max-width:560px){
  .koledar{padding:12px 10px}
  .koledar-mreza{gap:3px}
  .koledar-dan{font-size:15px;padding:11px 0}
}

.termin-opozorilo{margin:0;font-size:14px;line-height:1.45}
.termin-opozorilo:empty{display:none}
.termin-opozorilo.zadnja{background:#FFF6E4;border:1px solid var(--rumena);color:var(--rumena-temna);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-weight:500}
.termin-opozorilo.povprasevanje{background:var(--sivka-svetla);border:1px solid var(--rob);color:var(--vijolicna-temna);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.koledar-legenda{font-size:12.5px;color:var(--siva);margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}
.legenda-pika{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.legenda-pika.zadnja{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(250,199,117,.6) 3px,rgba(250,199,117,.6) 6px);border:1px solid #F4DEB4}
.legenda-pika.zasedeno{background:#FBE2E2;border:1px solid #E9A9A9}

.izbirnik{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.izbira{border:2px solid var(--rob);border-radius:14px;padding:8px;cursor:pointer;text-align:center;background:#fff;font:inherit}
.izbira img{aspect-ratio:4/3;object-fit:cover;border-radius:9px;width:100%}
.izbira span{display:block;font-size:12.5px;font-weight:500;margin-top:6px;color:var(--crnilo)}
.izbira.aktivna{border-color:var(--vijolicna);box-shadow:0 0 0 3px var(--sivka)}
.dostava-izbira{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
@media(max-width:560px){.dostava-izbira{grid-template-columns:1fr}}
.dostava-izbira .izbira{text-align:left;padding:14px}
.dostava-izbira strong{font-family:'Baloo 2';color:var(--vijolicna-temna)}
.dostava-izbira small{color:var(--siva)}

.paket-izbira{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.paket-izbira .izbira{text-align:left;padding:14px}
.paket-izbira strong{font-family:'Baloo 2';color:var(--vijolicna-temna)}
.paket-izbira small{color:var(--siva)}

/* Lebdeči povzetek na dnu zaslona — samo tam, kjer se stolpca zložita. */
.mobilni-povzetek{display:none}
@media(max-width:860px){
  .mobilni-povzetek{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:rgba(253,252,255,.97);backdrop-filter:blur(8px);
    border-top:1px solid var(--rob);box-shadow:0 -6px 20px rgba(60,52,137,.10)}
  .mobilni-povzetek.skrit,.mobilni-povzetek.tipkovnica{display:none}
  .mp-vrstica{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .mp-opozorilo{font-size:13px;line-height:1.35;font-weight:500;border-radius:9px;padding:6px 10px;margin-bottom:8px}
  .mp-opozorilo:empty{display:none}
  .mp-opozorilo.zadnja{background:#FFF4DF;color:var(--rumena-temna)}
  .mp-opozorilo.zasedeno{background:#FBE2E2;color:#8E2F2F}
  .mp-info{min-width:0}
  .mp-info strong{display:block;font-family:'Baloo 2';font-size:20px;line-height:1.15;color:var(--vijolicna-temna)}
  .mp-info span{display:block;font-size:12.5px;color:var(--siva);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobilni-povzetek .gumb{padding:11px 22px;font-size:15.5px;white-space:nowrap;flex:none}
  .mobilni-povzetek .gumb:hover{transform:none;box-shadow:none}
}

.promo-polje{margin-top:14px}
.promo-vrstica{display:flex;gap:8px;align-items:stretch}
.promo-vrstica input{flex:1;min-width:0;text-transform:uppercase}
.promo-vrstica .gumb{padding:10px 18px;font-size:15px;white-space:nowrap}
.promo-odziv{font-size:13.5px;margin:6px 0 0;min-height:1.2em;color:var(--siva)}
.promo-odziv.velja{color:#0F6E56}
.promo-odziv.napaka-koda{color:#A32D2D}

.stevec{display:flex;align-items:center;gap:12px}
.stevec button{width:38px;height:38px;border-radius:50%;border:2px solid var(--vijolicna);background:#fff;color:var(--vijolicna);font-size:19px;cursor:pointer;font-weight:700}
.stevec output{font-family:'Baloo 2';font-weight:600;font-size:18px;min-width:24px;text-align:center}
.kljukica{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:12px 0}
.kljukica input{width:20px;height:20px;margin-top:2px;accent-color:var(--vijolicna)}
.kljukica label{margin:0;font-weight:400;color:var(--crnilo)}

.povzetek{position:sticky;top:84px;background:var(--sivka-svetla);border:1.5px solid var(--rob);border-radius:var(--radij);padding:22px}
.povzetek h2{font-size:19px;margin-bottom:14px}
.povzetek-vrstica{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--siva);padding:4px 0}
.povzetek-skupaj{display:flex;justify-content:space-between;border-top:1.5px solid var(--rob);margin-top:10px;padding-top:12px;font-family:'Baloo 2';font-weight:700;font-size:20px;color:var(--vijolicna-temna)}
.povzetek-avans{background:#fff;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:14px;color:var(--siva)}
.povzetek-avans strong{color:var(--vijolicna-temna)}
.povzetek .gumb{width:100%;margin-top:16px;text-align:center}
.varno{font-size:12.5px;color:var(--siva-svetla);text-align:center;margin-top:10px}
.napaka{background:#FCEBEB;color:#A32D2D;border-radius:12px;padding:12px 14px;font-size:14.5px;margin-top:12px;display:none}
.napaka.vidna{display:block}

/* Pravne strani */
.pravna{max-width:760px;margin:0 auto;padding:56px 20px}
.pravna h1{margin-bottom:8px}
.pravna h2{font-size:21px;margin:32px 0 8px}
.pravna p,.pravna li{color:var(--siva);font-size:15.5px}
.pravna h3{font-size:17px;margin:22px 0 8px;color:var(--vijolicna-temna)}
.cenik{width:100%;max-width:420px;border-collapse:collapse;font-size:15.5px;color:var(--siva)}
.cenik td{padding:7px 0;border-bottom:1px solid var(--rob)}
.cenik td:last-child{text-align:right;white-space:nowrap;font-weight:500;color:var(--vijolicna-temna)}

/* Animacije */
@keyframes vzpon{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.animiraj{animation:vzpon .6s ease both}