/* =========================================================
   Duracell – custom.css (final v2)
   Tražene izmjene:
   - Nagrade: pozadina slika 'pozadina-bakreno.jpg' + pozicioniranje glowa
   - Claim: "SVAKI TJEDAN, FURBY JEDAN!" veće; "FURBY GALAXY..." manje
   - "FURBY JEDAN" bakrena boja
   - Forma: čista crna + "sjena" od gore prema dolje (obrnuto od hero)
   - Zeko: znatno veći, apsolutno pozicioniran (ne gura layout)
   ========================================================= */

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff'),
        url('fonts/Gotham-Medium.ttf') format('truetype'),
        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.eot');
    src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Black.woff2') format('woff2'),
        url('fonts/Gotham-Black.woff') format('woff'),
        url('fonts/Gotham-Black.ttf') format('truetype'),
        url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Varijable ---------- */
:root{
  --dzu-black:#000;
  --dzu-copper:#C97234;
  --dzu-copper-strong:#B86126;
  --dzu-white:#fff;
  --dzu-text:#111;
}

/* ---------- Osnovno ---------- */
html,body{height:100%}
body{
  font-family: 'Gotham', system-ui, -apple-system, Arial, sans-serif;
  color:var(--dzu-text);
  font-size:1.1rem;
  margin:0;
  background:#fff;
}
a, .btn, button, img{ transition:all .25s ease; }

/* =========================================================
   NAVBAR
   ========================================================= */
.dzu-topbar{ background:var(--dzu-black); }
.dzu-logo{ height:28px; width:auto; }
.navbar-dark .navbar-nav .nav-link{
  color:var(--dzu-white); font-weight:800; letter-spacing:.3px; text-transform:uppercase;
}
.navbar-dark .navbar-nav .nav-link:hover{ text-decoration:underline; }

/* =========================================================
   HERO
   ========================================================= */
.dzu-hero{
  background: linear-gradient(180deg, var(--dzu-black) 0%, #111 100%);
  color: var(--dzu-white);
  position: relative; overflow: hidden;
}
.dzu-naslov{ font-weight:900; font-size:2.6rem; line-height:1.05; letter-spacing:.5px; }
@media (min-width:768px){ .dzu-naslov{ font-size:3.2rem; } }
.dzu-btn{ background: var(--dzu-copper); border:0; color:#fff; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }
.dzu-btn:hover{ background:var(--dzu-copper-strong); color:#fff; }

/* Zeko – ogroman, izvan toka */
.dzu-hero-visual{ position:relative; min-height:280px; } /* osiguraj malo prostora na mobu */
.dzu-zeko{
  position:absolute; right:-48px; top:-60px;
  height:520px; width:auto;
  pointer-events:none; user-select:none;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.45));
}
@media (min-width:992px){
  .dzu-zeko{ right:-80px; top:-90px; height:680px; }
}
@media (max-width:575.98px){
  .dzu-hero-visual{ min-height:220px; }
  .dzu-zeko{ right:-24px; top:-40px; height:420px; }
}

/* =========================================================
   SUPERSIZE – za istaknuti ogroman tekst u naslovu (hero)
   ========================================================= */
.supersize{
  display:inline-block;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 15px rgba(0,0,0,.45);
}

/* =========================================================
   NAGRADE – crna sekcija s bakrenom pozadinom
   ========================================================= */
.dzu-nagrade{ position:relative; }
.dzu-nagrade--black{
  color:#fff;
  padding-top:4rem; 
  padding-bottom:4rem;

  /* putanja je ispravna ako je CSS u /css i slika u /img */
  background-image: url("../img/pozadina-bakreno.jpg");
  background-color:#000;          /* crne “trake” oko slike, ako treba */
  background-repeat: no-repeat;
  background-size: cover;       /* pokaži cijelu sliku, bez croppa */
  background-position: 50% 35%;   /* malo više prema gore da se vidi glow */
}

/* claim blok (tekst lijevo) */
.dzu-claim{
  margin:0;
  display:flex; flex-direction:column; gap:.35rem;
}
.dzu-claim .big{
  font-weight: 1000;
  font-size: clamp(1.8rem, 3.4vw + 1rem, 3.2rem);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: .6px;
}
.dzu-claim .big .copper{ color: var(--dzu-copper); }
.dzu-claim .sub{
  font-weight: 800;
  font-size: clamp(1rem, 1.2vw + .8rem, 1.4rem);
  line-height: 1.15;
  letter-spacing: .4px;
  text-transform: uppercase;
  opacity: .95;
}

/* slike nagrada */
.dzu-prize-img{
  max-height: 420px; width:auto; height:auto;
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.35));
}
.dzu-prize-img:hover{ transform: translateY(-2px) scale(1.02); }
@media (max-width: 991.98px){ .dzu-prize-img{ max-height:360px; } }

/* =========================================================
   FORMA – čista crna + “sjena” od GORE PREMA DOLJE
   ========================================================= */
.dzu-form{
  position:relative;
  background: #000; /* čista crna */
  color: #fff;
  padding-top: 3rem; padding-bottom: 3rem;
  overflow:hidden;
}
/* gornja sjenka (obrnuto od hero) */
.dzu-form::before{
  content:""; position:absolute; inset:0 0 auto 0; height:180px;
  pointer-events:none;
}
.dzu-form-banner{
  display:inline-block; background:#000; color:#fff;
  padding:.7rem 1rem; border-radius:6px;
  font-weight:800; letter-spacing:.4px; text-transform:uppercase;
}
.dzu-form-wrap{ max-width:980px; margin:0 auto; }
.dzu-form-frame{ width:100%; min-height:900px; border:0; border-radius:10px; background:transparent; }
.dzu-form a{ color:#fff; text-decoration:underline; }
.dzu-form a:hover{ text-decoration:none; }

/* =========================================================
   FOOTER
   ========================================================= */
.dzu-footer{ background:var(--dzu-black); color:#ccc; }
.dzu-links{ list-style:none; padding:0; margin:0; display:flex; gap:1.25rem; flex-wrap:wrap; }
.dzu-links a{ color:#ccc; text-decoration:none; }
.dzu-links a:hover{ text-decoration:underline; }
.dzu-logo-small{ height:20px; width:auto; opacity:.9; }

/* Utility: bakrena boja teksta */
.copper{
  color: var(--dzu-copper) !important;
  -webkit-text-fill-color: var(--dzu-copper); /* za WebKit edge-case */
  mix-blend-mode: normal;
}

/* Nagrade: linkovi bakreni */
.dzu-nagrade--black a{
  color: var(--dzu-copper) !important;
  text-decoration: none;
}
.dzu-nagrade--black a:hover,
.dzu-nagrade--black a:focus{
  text-decoration: underline;
}

/* Blokovi unutar iste sekcije/pozadine */
.dzu-nagrade__block{ 
  /* ostaje unutar istog .container-a i iste background slike */
}
.dzu-nagrade__info{
  padding-bottom: 2.25rem;
  border-bottom: 1px solid rgba(201,114,52,.35); /* tanka bakrena linija */
  margin-bottom: 2.25rem;
}
.dzu-nagrade__prizes{
  /* dodatno odvajanje po želji */
}

/* Naslov uputa */
.dzu-kako-title{
  color: var(--dzu-copper);
  font-weight: 900;
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.dzu-nagrade--black ol{ list-style-position: inside; padding-left: 0; margin-bottom: 0; }
.dzu-nagrade--black ol li{ margin-bottom: .9rem; }

/* Wrapper nosi jednu zajedničku pozadinu za upute+nagrade */
.dzu-nagrade-wrap{
  color:#fff;
  background: #000 url("../img/pozadina-bakreno.jpg") center/cover no-repeat;
}

/* Bakreni linkovi samo unutar ovog bloka */
.dzu-nagrade-wrap a{
  color: var(--dzu-copper) !important;
  text-decoration: none;
}
.dzu-nagrade-wrap a:hover{ text-decoration: underline; }

/* Unutarnji blokovi + razdjelna linija nakon uputa */
.dzu-nagrade__block{ scroll-margin-top: 90px; } /* offset za sticky navbar */
.dzu-nagrade__info{
  padding-bottom: 2.25rem;
  border-bottom: 1px solid rgba(201,114,52,.35);
  margin-bottom: 2.25rem;
}