/* ============================================================
   Somat – Jamstvo povrata novca
   Boje kroz varijable (lako za izmjenu).
   Fontovi: zasebne .woff2/.woff datoteke (bez base64).
   ============================================================ */

/* ---------- FONTOVI (transfonter) ---------- */
@font-face{
  font-family:'Myriad Pro';
  src:url('fonts/MyriadPro-Regular.woff2') format('woff2'),
      url('fonts/MyriadPro-Regular.woff') format('woff');
  font-weight:normal; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Gotham';
  src:url('fonts/Gotham-Black.woff2') format('woff2'),
      url('fonts/Gotham-Black.woff') format('woff');
  font-weight:900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'TT Supermolot Neue';
  src:url('fonts/TTSupermolotNeue-ExtraBold.woff2') format('woff2'),
      url('fonts/TTSupermolotNeue-ExtraBold.woff') format('woff');
  font-weight:bold; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'TT Supermolot Neue';
  src:url('fonts/TTSupermolotNeue-DemiBoldItalic.woff2') format('woff2'),
      url('fonts/TTSupermolotNeue-DemiBoldItalic.woff') format('woff');
  font-weight:600; font-style:italic; font-display:swap;
}
@font-face{
  font-family:'TT Supermolot Neue Exp DBold';
  src:url('fonts/TTSupermolotNeue-ExpXBoldIt.woff2') format('woff2'),
      url('fonts/TTSupermolotNeue-ExpXBoldIt.woff') format('woff');
  font-weight:bold; font-style:normal; font-display:swap;
}

/* ---------- BOJE ---------- */
:root{
  --somat-plava:#0b4ea2;        /* glavna plava (rub wobblera / logo) */
  --somat-plava-tamna:#073b7d;  /* tamnija plava za dubinu */
  --somat-crvena:#d02327;       /* crvena (ZAJAMČENI POVRAT NOVCA / 60 dana) */
  --zlato-1:#fbeeb0;            /* svijetli vrh zlatnog gradijenta */
  --zlato-2:#e9cd86;
  --zlato-3:#cda85a;
  --zlato-4:#c0923c;            /* tamno dno zlata */
  --tekst-svijetli:#ffffff;

  /* === Boja tijela stranice ===
     Default: PLAVA (kako si prvo naveo: body i footer plavi).
     Za varijantu "body crveni": promijeni --body-bg u var(--somat-crvena). */
  --body-bg:var(--somat-plava);
  --footer-bg:var(--somat-plava-tamna);
}

html,body{height:100%;}

body{
  font-family:'Myriad Pro', Arial, sans-serif;
  font-weight:normal; font-style:normal;
  color:var(--tekst-svijetli);
  background-color:var(--body-bg);
  background-image:radial-gradient(circle at center 240px, #1666c4, var(--body-bg) 70%);
  background-repeat:no-repeat; background-attachment:scroll;
}

/* ---------- NAV ---------- */
.navbar-custom{padding-top:1rem;padding-bottom:1rem;}
.brand-logo{height:84px;width:auto;}
@media (max-width:575.98px){.brand-logo{height:60px;}}
.navbar-nav .nav-item a{
  color:#fff;text-decoration:none;position:relative;
  font-family:'TT Supermolot Neue',sans-serif;font-weight:bold;text-transform:uppercase;
}
.navbar-nav a:hover,.navbar-nav a:active,.navbar-nav a:visited,.navbar-nav a:link{color:#fff;}
.navbar-nav .nav-item a:not(.navbar-brand):before{
  content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:#fff;
  visibility:hidden;transition:all .3s ease-in-out;
}
.navbar-nav .nav-item a:not(.navbar-brand):hover:before{visibility:visible;width:100%;}

/* ---------- HERO (zlatni gradijent, puna širina) ---------- */
.hero{
  width:100%;
  background:
    linear-gradient(135deg,
      var(--zlato-1) 0%,
      var(--zlato-2) 32%,
      var(--zlato-3) 64%,
      var(--zlato-4) 100%);
  border-top:6px solid var(--somat-plava);
  border-bottom:6px solid var(--somat-plava);
  padding:2.5rem 0 2rem;
  overflow:hidden;
}
.hero-logo{display:block;margin:0 auto 1.5rem;max-height:120px;width:auto;
}
@media (max-width:575.98px){.hero-logo{max-height:84px;}}

.hero-claim{display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;}
.hero-text{flex:1 1 320px;text-align:left;min-width:280px;}
.hero-guarantee{
  font-family:'TT Supermolot Neue',sans-serif;font-weight:bold;
  color:var(--somat-crvena);text-transform:uppercase;
  font-size:2.6rem;line-height:1.02;margin:0;letter-spacing:.5px;}
.hero-days{
  font-family:'Gotham',sans-serif;font-weight:900;
  color:var(--somat-crvena);font-size:3.8rem;line-height:1;margin:.1em 0 0;}
.hero-products{flex:0 0 auto;text-align:center;max-width:46%;}
.hero-products img{max-height:230px;width:auto;}
@media (max-width:767.98px){
  .hero-claim{flex-direction:column;text-align:center;}
  .hero-text{text-align:center;min-width:0;}
  .hero-guarantee{font-size:2rem;}
  .hero-days{font-size:3rem;}
  .hero-products{max-width:80%;}
  .hero-products img{max-height:200px;}
}

/* trajanje promocije ispod heroja */
.trajanje{padding:1.6rem 0;text-align:center;}
.trajanje p{margin:0;font-size:1.15rem;}
.trajanje .datumi{font-family:'TT Supermolot Neue',sans-serif;font-weight:bold;
  font-size:1.5rem;color:#fff;}

/* ---------- naslovi ---------- */
h1,h2,h3,h4,h5{font-family:'Gotham',sans-serif;font-weight:900;}
.section-title{text-transform:uppercase;text-align:center;}

/* ---------- SVIJETLI BLOK (proizvodi) ---------- */
.proizvodi{background:#fff;color:#0c2a52;
  font-family:'Myriad Pro',sans-serif;}
.proizvodi h2,.proizvodi h5{color:var(--somat-plava);}
.proizvodi .caption{font-weight:bold;color:#0c2a52;}

/* ---------- PLAVI BLOK (uvjeti + obrazac) ---------- */
.plavo{background-color:var(--somat-plava-tamna);color:#fff;}
.plavo h1,.plavo h2,.plavo h3,.plavo h4,.plavo h5{color:#fff;}
.plavo a{color:#ffe08a;}
.plavo a:hover{color:#fff;text-decoration:underline;}
#uvjeti h4{color:var(--zlato-1);}

/* gradient crta razdjelnik */
.gradient-line{height:26px;width:100%;
  background:linear-gradient(to right,var(--zlato-4) 0%,var(--zlato-2) 50%,var(--zlato-4) 100%);}

/* ---------- FORMA ---------- */
label,.text-muted{color:#fff !important;}
.form-control{border:none;border-radius:6px;}
.form-control:focus{box-shadow:none;border:1px solid var(--somat-crvena);}
input:focus{border-color:var(--somat-crvena) !important;}
.help-block.with-errors{color:#ffd54a;margin-top:5px;}
.custom-control-label::before{background:#fff;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:var(--somat-crvena);border-color:var(--somat-crvena);}

.btn{text-transform:uppercase;font-family:'TT Supermolot Neue',sans-serif;font-weight:bold;
  text-decoration:none;letter-spacing:.5px;}
.btn-cta,.plavo .btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50px;color:#fff;text-decoration:none;
  padding:.85em 2.4em;line-height:1;border:none;box-shadow:none;
  background:var(--somat-crvena);transition:background-color .2s ease;}
.btn-cta:hover,.btn-cta:focus,.btn-cta:active,
.plavo .btn:hover,.plavo .btn:focus,.plavo .btn:active{
  background:#a51a1d;color:#fff;text-decoration:none;outline:none;box-shadow:none;}
a.btn-cta,a.btn-cta:hover,a.btn-cta:visited{text-decoration:none;color:#fff;}

@media (min-width:576px){#obrazac-uvjeti{max-width:60%;margin:0 auto;}}

/* ---------- FOOTER ---------- */
footer{background:var(--footer-bg);color:#fff;}
.nav-link{color:#fff;text-decoration:none;position:relative;}
.nav-link::after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;
  background:#fff;visibility:hidden;transition:all .3s ease-in-out;}
.nav-link:hover::after{visibility:visible;width:100%;}
.nav-link:hover,.nav-link:active,.nav-link:visited,.nav-link:link{color:#fff;}

a{color:#ffe08a;text-decoration:underline;}

/* pravila / obrada – čitljiv tekst na plavoj */
.dokument{color:#fff;}
.dokument h4,.dokument h5{color:var(--zlato-1);}
.dokument a{color:#ffe08a;}

/* ============================================================
   REDIZAJN v2 — landing raspored, Somat brand
   ============================================================ */

/* globalno: svi naslovi koriste brand display font */
h1,h2,h3,h4,h5,h6{
  font-family:'TT Supermolot Neue','Gotham',sans-serif;font-weight:bold;
}
.display-num{font-family:'Gotham',sans-serif;font-weight:900;}

/* jednostavan header bar (bez menija) — samo logo + link Pravila */
.topbar{background:var(--somat-plava);}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 0;}
.topbar .brand img{height:54px;width:auto;}
.topbar .pravila-link{color:#fff;text-decoration:none;font-family:'TT Supermolot Neue',sans-serif;
  font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;}
.topbar .pravila-link:hover{color:#ffe08a;}

/* HERO v2 */
.hero2{
  background:linear-gradient(105deg,var(--zlato-1) 0%,var(--zlato-2) 45%,var(--zlato-3) 78%,var(--zlato-4) 100%);
  border-bottom:6px solid var(--somat-plava);
  padding:3rem 0 3.5rem;position:relative;overflow:hidden;}
.hero2 .row{align-items:center;}
.hero2-logo{max-height:96px;width:auto;display:block;margin-bottom:1.6rem;}
.hero2-guarantee{color:var(--somat-crvena);font-family:'TT Supermolot Neue',sans-serif;
  font-weight:bold;text-transform:uppercase;font-size:2.7rem;line-height:1.02;margin:0;}
.hero2-days{color:var(--somat-crvena);font-family:'Gotham',sans-serif;font-weight:900;
  font-size:4rem;line-height:1;margin:.05em 0 1.1rem;}
.hero2-sub{color:#0c2a52;font-size:1.15rem;max-width:30rem;margin-bottom:1.6rem;}
.hero2-img img{max-width:100%;height:auto;max-height:380px;display:block;margin:0 auto;}
@media (max-width:767.98px){
  .hero2{text-align:center;padding:2rem 0 2.5rem;}
  .hero2-logo{margin:0 auto 1.2rem;}
  .hero2-guarantee{font-size:2rem;}
  .hero2-days{font-size:3rem;}
  .hero2-sub{margin-left:auto;margin-right:auto;}
  .hero2-img{margin-top:1.5rem;}
}

/* sekcijski naslov */
.sec-title{text-align:center;color:var(--somat-plava);font-size:2.2rem;margin-bottom:.4rem;}
.sec-lead{text-align:center;color:#dfe9ff;max-width:46rem;margin:0 auto 2.5rem;}

/* PROIZVODI v2 (na plavom) */
.proizvodi2{background:var(--somat-plava-tamna);padding:3.5rem 0;}
.proizvodi2 .sec-title{color:#fff;}
.proizvodi2 .prod-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,224,138,.25);
  border-radius:14px;padding:1.4rem 1.2rem;color:#fff;height:100%;min-height:5.5rem;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:'Myriad Pro',sans-serif;font-size:.98rem;line-height:1.4;transition:all .25s;}
.proizvodi2 .prod-card:hover{background:rgba(255,224,138,.14);transform:translateY(-3px);}

/* KAKO FUNKCIONIRA (na zlatnom/svijetlom) */
.kako{background:linear-gradient(180deg,#0a4a96,#073b7d);padding:4rem 0;}
.kako .sec-title{color:#ffe08a;}
.kako .step{text-align:center;padding:1rem;}
.kako .step img{width:150px;height:150px;margin-bottom:1.3rem;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));}
.kako .step h3{color:#ffe08a;font-size:1.35rem;margin-bottom:.6rem;}
.kako .step p{color:#eaf2ff;font-family:'Myriad Pro',sans-serif;max-width:20rem;margin:0 auto;}

/* divider vijuga (jednostavna zlatna krivulja) */
.vijuga{display:block;width:100%;height:40px;}

/* OBRAZAC v2 */
.obrazac2{background:var(--somat-plava-tamna);padding:4rem 0;}
.obrazac2 .sec-title{color:#fff;}
.obrazac2 .napomena{color:#cfe0ff;font-size:.95rem;max-width:44rem;margin:0 auto 2rem;text-align:center;}

/* footer v2 */
.footer2{background:#062f63;padding:3rem 0 2rem;color:#cfe0ff;font-family:'Myriad Pro',sans-serif;}
.footer2 a{color:#ffe08a;}
.footer2 h5{color:#fff;font-size:1.05rem;margin-bottom:.5rem;}
.footer2 .copy{font-size:.85rem;color:#9fb6d8;margin-top:1.5rem;}