/* Prijedlog A: Gradilište.
   Signalna žuta na asfaltu, krupni kondenzirani grotesk kao natpis na stroju, debele crte, bez zaobljenja.
   Jedini ukras: traka upozorenja ispod naslovnog bloka. */
:root {
  --pozadina: #F4F2EC;
  --povrsina: #FFFFFF;
  --tekst: #262721;
  --tekst-2: #5D5E55;
  --crta: #D7D3C8;
  --crta-jaka: #262721;
  --crta-kartice: #262721;
  --ton: #E6E2D7;
  --akcent: #FFC20E;
  --akcent-hover: #FFD043;
  --akcent-tekst: #262721;
  --akcent-rub: #262721;
  --akcent-rub-jak: #262721;
  --akcent-na-tamnom: #FFC20E;
  --tamna: #262721;
  --tamna-tekst: #FFFFFF;
  --poveznica: #262721;
  --fokus: #1B66D6;
  --greska: #C2410C;
  --uspjeh: #2F7D32;
  --ikona-boja: #262721;
  --kvacica-boja: #262721;
  --nadnaslov-boja: #262721;
  --kartica-vizual: #FFFFFF;
  --stroj-hover: #FFC20E;
  --stroj-hover-tekst: #262721;
  --poziv-slabo: #FFF4CC;
  --kalk-pozadina: #262721;
  --kalk-tekst: #FFFFFF;
  --kalk-rub: #262721;
  --hero-pozadina: #FFC20E;
  --hero-tekst: #262721;
  --glava-pozadina: #FFC20E;
  --glava-tekst: #262721;
  --glava-rub: 3px solid #262721;
  --zaglavlje-pozadina: #262721;
  --zaglavlje-tekst: #FFFFFF;
  --zaglavlje-rub: #FFC20E;
  --nav-hover: rgba(255, 194, 14, .16);
  --podnozje-pozadina: #1C1D18;
  --podnozje-tekst: #EDEBE4;
  --podnozje-crta: rgba(255,255,255,.18);
  --traka-pozadina: #262721;
  --traka-tekst: #FFFFFF;
  --traka-rub: #262721;
  --traka-crta: rgba(255,255,255,.2);

  --font-naslov: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-tekst: 'Barlow', system-ui, sans-serif;
  --font-broj: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-gumb: 'Barlow', system-ui, sans-serif;
  --font-nav: 'Barlow', system-ui, sans-serif;
  --tezina-naslov: 800;
  --tezina-broj: 800;
  --razmak-naslov: -.005em;
  --razmak-broj: .01em;
  --razmak-broj-veliki: -.01em;
  --radijus: 0;
  --crta-gumb: 3px;
  --crta-kartica: 3px;
  --crta-polje: 2px;
  --crta-zaglavlje: 4px;
  --crta-traka: 0px;
  --crta-zasto: 6px;
  --sjena-zaglavlje: 0 6px 0 rgba(38,39,33,.12);
  --sjena-tdio: 10px 10px 0 #262721;
}

h1, h2, .hero h1 { text-transform: uppercase; }
.glava h1 { font-size: clamp(2.4rem, 8vw, 4.8rem); line-height: .95; }

/* znak: kondenzirani natpis, Dijelovi u žutom bloku */
.znak { font-family: var(--font-naslov); font-weight: 800; font-size: 1.55rem; text-transform: uppercase; letter-spacing: .01em; gap: 0; }
.znak__a { padding: 4px 6px 3px 0; }
.znak__b { background: #FFC20E; color: #262721; padding: 4px 7px 3px; }
.zaglavlje .znak, .podnozje .znak { color: #fff; }
.znak--ladica { color: #262721; }
.znak--ladica .znak__b { background: #262721; color: #FFC20E; }
@media (min-width: 1024px) { .znak { font-size: 1.85rem; } }
.zaglavlje .ikona-gumb:hover { background: rgba(255,255,255,.1); }
.zaglavlje__poziv { border-color: #FFC20E; }

/* naslovnica: žuto polje, golemi broj, traka upozorenja */
.hero { border-bottom: 0; padding-bottom: 64px; }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22px; background: repeating-linear-gradient(-45deg, #262721 0 18px, #FFC20E 18px 36px); }
.hero h1 { line-height: .92; font-size: clamp(2.6rem, 9vw, 5.4rem); }
.hero__broj { padding: 14px 18px 12px; background: #262721; color: #FFC20E; box-shadow: 8px 8px 0 rgba(38,39,33,.25); }
.hero__broj-oznaka { color: #fff; font-size: .95rem; }
.hero__broj:hover { background: #000; }
.hero .gumb--obrub { border-color: #262721; background: rgba(255,255,255,.35); }
.hero .gumb--obrub:hover { background: #262721; color: #FFC20E; }
.hero__tocke li { font-weight: 600; }
.tdio { border-width: 3px; }
.tdio__naslov { text-transform: uppercase; }

/* glava podstranica */
.glava .brzi-podaci div { border-width: 2px; }
.glava .nadnaslov { display: inline-block; background: #262721; color: #FFC20E; padding: 3px 8px; }
.poziv-kartica { border-width: 3px; box-shadow: 8px 8px 0 #262721; }
.poziv-kartica__naslov { text-transform: uppercase; }
.glava--shop .kalk-poziv { box-shadow: 8px 8px 0 rgba(38,39,33,.3); }

/* blokovi */
.blok__glava h2, .faq h2, .povezano h2, .popis-dijelova h2 { border-bottom: 6px solid #FFC20E; display: inline-block; padding-bottom: 2px; }
.strojevi a { font-size: 1.25rem; text-transform: uppercase; }
.kartica__naslov, .vodic-kartica__naslov, .proizvod__naziv, .traka-marki a, .zid-marki a { text-transform: uppercase; }
.kartica:hover .kartica__vizual { background: #FFC20E; }
.vodic-kartica:hover { background: #FFC20E; }
.traka-marki a:hover { color: #FFC20E; }
.mega { border-top: 0; }
.mega__marke a:hover { color: #FFC20E; }
.pozivni-pojas { border-top: 6px solid #FFC20E; }
.pozivni-pojas h2 { color: #FFC20E; }
.cta-blok__unutra { border-width: 3px; box-shadow: 10px 10px 0 #FFC20E; }
.zasto__mreza li { border-top-color: #FFC20E; }
.zasto__mreza h3 { text-transform: uppercase; }

/* proizvodi */
.proizvod { border-width: 2px; border-color: #D7D3C8; }
.proizvod:hover { border-color: #262721; }
.proizvod__kw { background: #FFC20E; padding: 0 4px; }
.znacka { background: #FFC20E; color: #262721; }
.proizvod-str__iznos { font-size: 2.6rem; }
.proizvod-str__poziv { border-width: 3px; }

/* kontakt i traka */
.kontakt__broj { border: 3px solid #262721; }
.akcijska-traka__poziv { font-size: 1.45rem; }
.kalkulator__preporuka strong { color: #FFC20E; }
.woocommerce .checkout-button, .woocommerce #place_order { border-color: #262721; }