/* Ambora: pisave, osnova in pomožni razredi. Slogi posameznih elementov so v predlogah (parts/*.html). */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-greek-ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-greek.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{background:#111214}
body{margin:0;background:#111214;color:#F3F2EE;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F3F2EE}a:hover{color:#CA6228}
::selection{background:#CA6228;color:#111214}

@keyframes rise{from{transform:translateY(120%)}to{transform:none}}
@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes lidUp{to{transform:translateY(-101%)}}
@keyframes lidDown{to{transform:translateY(101%)}}
@keyframes markIn{0%{opacity:0;transform:scale(.86)}30%{opacity:1;transform:scale(1)}70%{opacity:1}100%{opacity:0;transform:scale(1.04)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}

/* pogojni deli iz dizajna */
[hidden]{display:none!important}
sc-if,sc-for{display:contents}
template{display:none}
html.intro-on sc-if[data-if="intro"]{display:contents!important}
.v-n{display:none}
@media (max-width:899.98px){.v-w{display:none}.v-n{display:contents}}
.v-xw{display:contents}.v-nxw{display:none}
@media (max-width:1179.98px){.v-xw{display:none}.v-nxw{display:contents}}

/* ikone (Phosphor, vstavljene kot SVG) */
.ph{display:inline-block;width:1em;height:1em;flex:none;fill:currentColor;vertical-align:-.125em;overflow:visible}
.faq-ic .faq-v{transition:opacity .2s}
[aria-expanded="true"] .faq-ic .faq-v{opacity:0}

/* obrazci */
.amb-input::placeholder{color:#8E9096;opacity:1}
.amb-input:focus{outline:1px solid #CA6228;outline-offset:-1px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button[disabled]{opacity:.6;cursor:wait}

/* fokus s tipkovnico */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #CA6228;outline-offset:3px}

/* orodna vrstica WordPressa za prijavljene */
.admin-bar [data-hdr],.admin-bar header[style*="position:fixed"]{top:32px!important}
.admin-bar aside[data-cart]{top:32px!important}
@media screen and (max-width:782px){.admin-bar [data-hdr],.admin-bar header[style*="position:fixed"],.admin-bar aside[data-cart]{top:46px!important}}

/* običajne strani (pravna obvestila ipd.) */
.amb-page{max-width:820px;margin:0 auto;padding:clamp(120px,16vh,170px) clamp(20px,5vw,72px) clamp(80px,10vw,140px);font-size:17px;line-height:1.6}
.amb-page h1{margin:0 0 .6em;font-style:italic;font-weight:700;font-stretch:125%;letter-spacing:-.02em;font-size:clamp(40px,6vw,88px);line-height:.95}
.amb-page h2{margin:1.8em 0 .5em;font-style:italic;font-weight:700;font-stretch:125%;letter-spacing:-.01em;font-size:clamp(26px,3vw,40px);line-height:1.05}
.amb-page h3{margin:1.6em 0 .4em;font-weight:600;font-stretch:90%;font-size:20px;line-height:1.25}
.amb-page p,.amb-page li{color:#D9D8D3;text-wrap:pretty}
.amb-page a{color:#F3F2EE;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8E9096}
.amb-page a:hover{color:#CA6228}
.amb-page ul,.amb-page ol{padding-left:1.2em}
.amb-page table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
.amb-page th,.amb-page td{border-bottom:1px solid #2C2E33;padding:10px 8px;text-align:left;vertical-align:top}
.amb-page blockquote{margin:1.4em 0;padding-left:20px;border-left:2px solid #CA6228;font-style:italic}
.amb-page img{max-width:100%;height:auto}
.amb-page .amb-kicker{display:flex;align-items:center;gap:14px;margin-bottom:24px;font-stretch:75%;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8E9096}
.amb-page .amb-kicker span{width:8px;height:8px;background:#CA6228}
.amb-btn{display:inline-block;text-decoration:none!important;background:#CA6228;color:#111214!important;transform:skewX(-11deg);padding:15px 28px;font-weight:600;font-stretch:112%;letter-spacing:.06em;text-transform:uppercase;font-size:14px;line-height:1;white-space:nowrap;transition:background .2s;margin:0 6px}
.amb-btn>span{display:inline-block;transform:skewX(11deg)}
.amb-btn:hover{background:#DB7638}
[data-prijava-msg]:empty{display:none}

/* ozki telefoni: v glavi mora ostati prostor za gumb Meni */
@media (max-width:520px){
.amb-hdr{gap:12px!important}
.amb-hdr-r{gap:10px!important}
.amb-kupi{padding:12px 16px!important}
.amb-meni{padding:9px 10px!important}
}
@media (max-width:419.98px){.amb-cena{display:none}}

/* prvi zaslon na nizkem telefonu: manjši razmiki med besedilom (razred doda ambora.js, ko vsebina ne gre na zaslon) */
.amb-tesno [data-hrow]{margin-top:32px!important;row-gap:14px!important}
.amb-tesno [data-hrow]>div:last-child{gap:16px!important}
/* oznaki na vrhu prvega zaslona se na ozkem telefonu ne smeta stikati */
@media (max-width:399.98px){[data-hlab]{letter-spacing:.1em!important}}
@media (max-width:349.98px){[data-hlab]~[data-hlab]{display:none!important}}

/* vodniki in druge običajne strani */
.amb-page .amb-lead{font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:#F3F2EE}
.amb-vodnik h1{font-size:clamp(36px,5.2vw,68px);text-wrap:balance}
.amb-page h2{text-wrap:balance}
.amb-page li{margin:.4em 0}
.amb-page strong{color:#F3F2EE;font-weight:600}
.amb-page figure{margin:2.2em 0}
.amb-page figure img{display:block;width:100%;height:auto}
.amb-page figcaption{margin-top:10px;font-size:13px;color:#8E9096;line-height:1.5}
.amb-page .amb-tabela{overflow-x:auto;margin:1.4em 0;-webkit-overflow-scrolling:touch}
.amb-page .amb-tabela table{margin:0}
@media (max-width:599.98px){.amb-page table{font-size:14px}.amb-page th,.amb-page td{padding:9px 6px}}
.amb-page th{font-stretch:90%;font-weight:600;color:#F3F2EE}
.amb-cta{margin:3.2em 0 0;padding:28px clamp(20px,3vw,36px) 32px;border:1px solid #2C2E33;background:#1B1C1F}
.amb-cta .amb-kicker{margin-bottom:12px}
.amb-page .amb-cta-t{margin:0 0 22px;font-style:italic;font-weight:700;font-stretch:125%;font-size:clamp(24px,2.6vw,34px);line-height:1.1;color:#F3F2EE}
.amb-sorodni{margin-top:2.6em}
.amb-sorodni ul{list-style:none;padding:0;margin:0}
.amb-sorodni li{border-top:1px solid #2C2E33;margin:0;padding:12px 0}
/* povezave v odgovorih na pogosta vprašanja (svetla podlaga) */
#vprasanja [id^="faq-"] a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* kazalo vodnika in skoki na naslove pod fiksno glavo */
.amb-page .amb-kazalo{margin:2em 0 2.4em;padding:18px clamp(18px,3vw,28px) 16px;border:1px solid #2C2E33;background:#1B1C1F}
.amb-page .amb-kazalo-t{margin:0 0 8px;font-stretch:75%;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8E9096}
.amb-page .amb-kazalo ol,.amb-page .amb-kazalo ul{margin:0;padding-left:1.4em}
.amb-page .amb-kazalo ul{list-style:none;padding-left:0}
.amb-page .amb-kazalo li{margin:.3em 0}
.amb-page .amb-kazalo a{text-decoration:none}
.amb-page .amb-kazalo a:hover{text-decoration:underline}
.amb-page h2[id],.amb-page h3[id]{scroll-margin-top:96px}
/* zarošena leča: ista fotografija iz knjižnice, zamegljena s slogom */
.amb-page figure.amb-megla .amb-megla-okvir{display:block;overflow:hidden;background:#1B1C1F}
.amb-page figure.amb-megla img{filter:blur(8px) saturate(.6) brightness(1.1);transform:scale(1.06)}
/* pokončne slike v vodnikih ne smejo zasesti celega zaslona */
.amb-page figure.amb-pokonci img{width:auto;max-width:100%;max-height:min(78vh,640px);margin:0 auto}
.amb-page figure.amb-pokonci figcaption{text-align:center}
/* lestvica temperature na prvi strani: na ozkem zaslonu brez skrajne leve oznake */
@media (max-width:600px){.amb-skala-rob{display:none}}
/* lepljiv stolpec (slika izdelka, galerija, okvir pri vprašanjih) v enem stolpcu ni lepljiv: Safari ga sicer premika
   čez naslednjo vrstico mreže in vsebina se prekriva s sliko */
@media (max-width:1023px){.amb-lepi{position:static!important}}
/* telefon: kampanja ena pod drugo brez vodoravnega drsenja, teren brez lepljenja (vsak prizor je svoj zaslon) */
@media (max-width:699px){
[data-look]{height:auto!important}
[data-look-s]{position:relative!important;height:auto!important;overflow:visible!important;padding:84px clamp(20px,5vw,72px) 56px}
[data-look-s]>div:first-child{position:static!important}
[data-look-s]>h2{position:static!important;transform:none!important;white-space:normal!important;font-size:clamp(48px,15vw,96px)!important;margin:22px 0 30px!important}
[data-track]{position:static!important;transform:none!important;flex-direction:column;align-items:stretch!important;gap:36px!important}
[data-track]>figure{width:auto!important;transform:none!important}
[data-track]+div{display:none!important}
[data-band]{position:relative!important;height:100vh!important;height:100svh!important}
}
/* Tehnologija: seznam opisov pod sliko je samo za telefon */
.amb-oznake{display:none}
@media (max-width:699px){
/* krajši prizor brez temnega okvirja: svetla plošča z očali je vidna takoj, prizor se odpira že med prihodom na zaslon (ambora.js) */
[data-open]{height:210vh!important}
[data-open-c]{clip-path:none!important;-webkit-clip-path:none!important}
[data-open-b]{transform:translate(-50%,-50%) scale(calc(1.08 - var(--o1,0) * .08))!important}
/* naslov v dveh vrsticah nad očali, da ga rob zaslona ne odreže in ne prekrije očal */
[data-open] h2{flex-direction:column!important;align-items:center!important;gap:0!important;font-size:clamp(44px,14.5vw,96px)!important;top:calc(50% - 45vw)!important}
/* točke na očalih z zaporedno številko, opisi z isto številko pod sliko */
[data-oc]{gap:0!important;counter-increment:oc}
[data-oc]:nth-of-type(1){counter-reset:oc;left:17%!important;top:52%!important}
[data-oc]>span:nth-child(2),[data-oc]>span:nth-child(3){display:none!important}
[data-oc]>span:first-child{width:22px!important;height:22px!important;margin:-11px;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1;color:#111214}
[data-oc]>span:first-child::after{content:counter(oc)}
.amb-oznake{display:grid;gap:12px;position:absolute;left:0;right:0;top:calc(100% + 24px);margin:0;padding:0;list-style:none}
.amb-oznake li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.3;color:#111214;opacity:0}
.amb-oznake b{flex:none;width:22px;height:22px;border-radius:50%;background:#CA6228;color:#111214;display:grid;place-items:center;font-size:12px;box-shadow:0 0 0 4px rgba(202,98,40,.25)}
}

/* oznaka AI na slikah, ustvarjenih z umetno inteligenco (inc/ai.php); majhna, a vidna na vsaki podlagi */
.amb-ai{position:absolute;right:10px;bottom:10px;z-index:3;display:block;padding:4px 5px 3px 6px;border-radius:2px;background:rgba(17,18,20,.5);box-shadow:0 0 0 1px rgba(243,242,238,.16);color:#F3F2EE;font-stretch:75%;font-weight:600;font-style:normal;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none}
.amb-ai .amb-skrito{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.amb-ai-okvir{position:relative;display:block}
.amb-page figure.amb-pokonci .amb-ai-okvir{width:fit-content;max-width:100%;margin:0 auto}
[data-hs]>.amb-ai,[data-mirror]>.amb-ai{right:clamp(20px,5vw,72px);bottom:24px}
[data-open-c]>.amb-ai{top:84px;bottom:auto;right:clamp(20px,5vw,72px);opacity:var(--o3b,0)}
[data-band] .amb-ai{top:84px;bottom:auto;left:clamp(20px,5vw,72px);right:auto}
[data-ai-zgoraj]>.amb-ai{top:10px;bottom:auto}
[data-st="olimp"] .amb-ai{top:116px;bottom:auto;right:clamp(20px,5vw,72px)}
.h1:focus-visible{color:#CA6228!important}
.h2:focus-visible{background:#DB7638!important;color:#111214!important}
.h3:focus-visible{background:rgba(17,18,20,.1)!important}
.h4:focus-visible{border-color:#8E9096!important}
.h5:focus-visible{background:#DB7638!important}
.h6:focus-visible{background:#F3F2EE!important;color:#111214!important}
.h7:focus-visible{background:#2C2E33!important;color:#F3F2EE!important}
.h8:focus-visible{color:#F3F2EE!important}
.h9:focus-visible{color:#DB7638!important}
@media (hover:hover){
.h1:hover{color:#CA6228!important}
.h2:hover{background:#DB7638!important;color:#111214!important}
.h3:hover{background:rgba(17,18,20,.1)!important}
.h4:hover{border-color:#8E9096!important}
.h5:hover{background:#DB7638!important}
.h6:hover{background:#F3F2EE!important;color:#111214!important}
.h7:hover{background:#2C2E33!important;color:#F3F2EE!important}
.h8:hover{color:#F3F2EE!important}
.h9:hover{color:#DB7638!important}
}