/* Bareho — urbani BBQ / vatreni rusticni stil.
   Ucitava se zadnji: preokrece paletu (ugalj, zar, celik, drvo) i fotografije stavlja na tamne restoranske pozadine. */
:root{
  --paper:#14100d;--white:#1d1712;--ink:#efe5d3;--muted:#a99d8a;--line:#3b2f25;
  --green:#ee7b3a;--lime:#f0b36a;--dark:#0d0a08;--coal:#0d0a08;--ember:#ee7b3a;--rust:#a8481f;--steel:#8d8a84;--cream:#f2e8d6;
  --industrial:'Barlow Condensed','Oswald',Impact,sans-serif;
}
body{background:var(--paper);color:var(--ink)}
/* zrno + zar u pozadini */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(1100px 520px at 85% -8%,rgba(238,123,58,.10),transparent 70%),radial-gradient(900px 500px at 5% 105%,rgba(168,72,31,.12),transparent 70%)}
body::after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a:hover{color:var(--ember)}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--ember)}

/* zaglavlje */
.topbar,body:has(.cover-editorial)>.topbar{background:linear-gradient(180deg,#0b0807,#120d0a);color:var(--cream);border-bottom:1px solid #4a2c1b;box-shadow:0 1px 0 rgba(238,123,58,.25)}
.wordmark{color:var(--cream)}
.header-note,.eyebrow,.collection-label,.cover-topline,.cover-colophon,.directory-number,.subgroup{font-family:var(--industrial);letter-spacing:.2em;text-transform:uppercase}
.header-note{font-size:12px;color:var(--lime)}
.eyebrow{font-size:12px;font-weight:600;color:var(--lime)}
.cover-editorial .eyebrow i{background:var(--ember);box-shadow:0 0 12px 3px rgba(238,123,58,.7)}
.topbar nav a:hover,body:has(.cover-editorial) .topbar nav a:hover{color:var(--ember)}

/* naslovna: toplo zarenje preko fotografije */
.cover.cover-editorial:after{background:linear-gradient(90deg,#0d0a08 6%,rgba(13,10,8,.93) 24%,rgba(13,10,8,.45) 46%,rgba(60,22,6,.12) 76%),linear-gradient(0deg,rgba(13,10,8,.8),transparent 38%),radial-gradient(700px 380px at 82% 100%,rgba(238,123,58,.35),transparent 70%)}
.cover-editorial>img{filter:saturate(1.2) contrast(1.08) sepia(.12)}
.cover-editorial h1{font-family:var(--industrial);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.88}
.cover-editorial h1 em{font-family:var(--serif,'Instrument Serif',serif);text-transform:none;color:var(--ember);text-shadow:0 0 40px rgba(238,123,58,.45)}
.hero-cta{background:var(--ember);color:#1a0d05;font-weight:600}.hero-cta:hover{background:var(--lime);color:#1a0d05}
.hero-search{color:var(--cream);border-color:rgba(240,179,106,.45)}

/* sekcije */
.visual-directory .directory-heading h2,.collection-head h2,.brand-index h2{color:var(--cream)}
.directory-heading h2 em,.collection-head h2 em,.footer-top h2 em{color:var(--ember)}
.directory-card{box-shadow:inset 0 0 0 1px rgba(238,123,58,.18)}
.directory-card:after{background:linear-gradient(0deg,rgba(13,8,5,.92),rgba(13,8,5,.1) 75%),radial-gradient(400px 220px at 50% 115%,rgba(238,123,58,.4),transparent 70%)}
.directory-card>img,.collection-cover>img{filter:saturate(1.15) contrast(1.06) sepia(.15)}
.directory-card:hover{box-shadow:inset 0 0 0 1px var(--ember),0 12px 36px rgba(238,123,58,.18)}
.directory-card h3{font-family:var(--industrial);text-transform:uppercase;letter-spacing:.02em;font-size:30px;font-weight:600}
.catalog-search,.collection-nav,.chapter-nav{background:#1a130e;border-color:var(--line)}
.collection-nav{box-shadow:0 8px 24px rgba(0,0,0,.45)}
.collection-nav a{font-family:var(--industrial);letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.collection-nav a[aria-current]{background:var(--ember);color:#1a0d05}
.collection-nav a:hover{background:#26190f;color:var(--ember)}
.catalog-search button[type=submit]{background:var(--ember);color:#1a0d05}
.catalog-search>label{color:var(--cream)}
input{color:var(--ink);border-bottom-color:var(--rust)}
.collection-cover{box-shadow:0 0 0 1px #3a2415,0 20px 50px rgba(0,0,0,.5)}
.collection-cover:after,.collection--fire .collection-cover:after{background:linear-gradient(90deg,rgba(13,8,5,.85),rgba(13,8,5,.1) 70%),linear-gradient(0deg,rgba(13,8,5,.8),transparent 70%),radial-gradient(520px 260px at 90% 110%,rgba(238,123,58,.3),transparent 70%)}
.collection-cover h2{font-family:var(--industrial);text-transform:uppercase;font-weight:700;letter-spacing:.005em}
.collection-number,.collection--fire .collection-number{color:var(--ember);opacity:.75}
.collection-label{color:var(--lime);border-color:var(--line)}
.collection-label a{color:var(--ember)}
.brand-jumps a,.browse-meta button,.empty-catalog button,.filter button{background:#1d1510;border-color:#4a3524;color:var(--ink)}
.brand-jumps a:hover{border-color:var(--ember);color:var(--ember)}
.filter button[aria-pressed=true]{background:var(--ember);color:#1a0d05;border-color:var(--ember)}
.brand-row:hover{background:#1e1610;color:var(--cream)}
.brand-row h3{color:var(--cream)}
.brand-row-photo,.brand-row img{background:#0d0a08}
.brand-browse{color:var(--ember)}
.brand-names a{color:#b9ad98}.brand-names a:hover{color:var(--ember)}
.brand-row .arrow{border-color:#4a3524}

/* fotografije proizvoda: tamna restoranska pozadina (rustik), ostalo ostaje na toplom "papiru" */
.product-shot,.model-photo,.product-gallery .main-photo,.main-photo,.related-card>img,.product-gallery .thumb,.thumb,.result img,.brand-preview img{background:#0d0a08}
.product-shot,.model-photo,.main-photo{box-shadow:inset 0 0 0 1px #3a2415}
img.plain{background:#0d0a08!important}
img.rustik{object-fit:cover!important;padding:0!important;background:#0d0a08!important;animation:ember-in .7s ease both}
.model-list[data-layout=grid] .model-photo img.rustik,.product-shot img.rustik,.main-photo img.rustik{object-fit:cover!important;padding:0!important}
.product-shot:hover img.rustik,.model-photo:hover img.rustik{transform:scale(1.04)}
.product-gallery .thumb{opacity:.55;border-color:transparent}
.product-gallery .thumb[aria-pressed=true],.thumb[aria-pressed=true]{opacity:1;border:2px solid var(--ember)}
.related-card:hover{box-shadow:0 0 0 1px var(--ember)}
.photo-expand{background:rgba(13,10,8,.75);color:var(--cream);border-color:#5a3b25}
@keyframes ember-in{from{filter:brightness(.7)}to{filter:none}}

/* nazivi, tabele, dugmad */
.product-heading h2,.product-info h3,.detail-title h1,.product-description h2{color:var(--cream)}
.detail-title h1{font-family:var(--industrial);text-transform:uppercase;font-weight:700;letter-spacing:0}
.product-heading{border-color:#4a2c1b}
.product-card,table,td,th{border-color:var(--line)}
td{color:var(--muted)}
.button{background:var(--ember);color:#1a0d05;font-weight:600}.button:hover{background:var(--lime)}
.button.secondary{background:transparent;color:var(--cream);border:1px solid #6a4528}
.crumb,.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ember)}
.brand-intro p,.product-description>p,.detail-title p{color:#c2b6a2}
.brand-portrait--logo{background:#efe7d8}
.brand-image,.brand-portrait img{filter:saturate(1.12) contrast(1.05) sepia(.1)}

/* dijalozi */
dialog{background:#17100b;color:var(--ink);border:1px solid #4a2c1b}
dialog::backdrop{background:rgba(6,3,2,.85)}
#galleryDialog{background:#0d0a08}
.close,.gallery-controls button{border-color:#5a3b25;color:var(--cream)}
.result img{background:#0d0a08}

/* podnozje */
footer{background:linear-gradient(180deg,#0d0a08,#080605);border-top:2px solid var(--rust);box-shadow:0 -1px 0 rgba(238,123,58,.3)}
.footer-bottom{border-color:#3b2f25}
.contact-list .phone{color:var(--ember)}
::selection{background:var(--ember);color:#1a0d05}
@media(max-width:760px){.cover-editorial h1{font-size:clamp(70px,22vw,100px)}}
/* tekst na fotografijama i podnozju koristio je --white/--paper, koji su sad tamni */
.cover,.collection-cover,.directory-card,footer,.cover-copy p,.collection-cover p,.footer-top p,.cover p{color:var(--cream)}
.collection-cover h2,.collection-cover .eyebrow,.cover h1{color:var(--cream)}
.collection-cover .eyebrow{color:var(--lime)}
footer a{color:var(--cream)}footer .contact-list .phone{color:var(--ember)}