/* ==========================================================
 * MaskeZaTelefon — izgled samo za MZT (KORAK 30, 31.10.2026., T-019)
 * ==========================================================
 * Izvor: MaskeZaTelefon/tema-mzt/ — u temu ga ubacuje mzt-boje.py (DODACI).
 * Učitava ga inc/mzt-izgled.php (prioritet 99, posle CSS-a teme).
 * Gradijent #mzt-grad definiše isti PHP fajl, u footeru.
 * ========================================================== */


/* ----------------------------------------------------------
 * 1. GORNJA TRAKA — veća, SAMO laptop (≥ 850px)
 * ----------------------------------------------------------
 * Vera 31.10.: 30 → 40px, tekst 12 → 14px, natpis u sredini deblji.
 * ⚠️ Telefon se NE dira: tamo traka ostaje i pri skrolu (_header.css 1b),
 *    a sticky visinu računa Flatsome JS — viša traka bi pomerila sadržaj.
 * ⚠️ Visina 30 je Flatsome `header_top_height` (Customizer); ovde se
 *    pregazi samo na laptopu, Customizer ostaje 30.
 * ---------------------------------------------------------- */
@media (min-width: 850px) {

  #top-bar.header-top {
    min-height: 40px;
  }

  #top-bar .nav-small li,
  #top-bar .nav-small li a,
  #top-bar .html.custom,
  #top-bar .header-social-icons {
    font-size: 14px;
  }

  #top-bar .flex-center .html.custom {
    font-weight: 600;
  }

  #top-bar .header-social-icons i,
  #top-bar .social-icons .icon i {
    font-size: 16px;
  }

  #top-bar .mzm-topbar-link svg {
    width: 16px;
    height: 16px;
  }

}


/* ----------------------------------------------------------
 * 2. TRUST BAR IKONICE — linijski piktogram u gradijentu
 * ----------------------------------------------------------
 * Tri mesta (Vera 31.10. „menjamo sva tri"):
 *   a) početna      .mzm-trust-icon svg   (SVG u sadržaju strane 201)
 *   b) Maske i stakla .mzm-trust-bar__icon (woocommerce/archive-product.php)
 *   c) proizvod     .projekat__trust-icon  (functions.php, bez pločice)
 * `stroke: url(#mzt-grad) #a313d1` — druga boja je rezerva ako gradijent
 * nije na strani (npr. keširan HTML bez footera).
 * CSS `stroke` gazi atribut `stroke="currentColor"` u SVG-u.
 * ---------------------------------------------------------- */

/* a) Početna */
.mzm-trust-icon svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: url(#mzt-grad) #a313d1;
  stroke-width: 1.75;
}

/* b) Maske i stakla — ispod mreže brendova */
.mzm-trust-bar .mzm-trust-bar__icon {
  width: 24px;
  height: 24px;
  stroke: url(#mzt-grad) #a313d1;
  stroke-width: 1.75;
}

/* c) Proizvod — bez obojene pločice (i bez zelene) */
.projekat__trust-bar .projekat__trust-icon,
.projekat__trust-bar .projekat__trust-icon--green,
.projekat__trust-bar .projekat__trust-icon--gold {
  background: none;
  width: 30px;
  height: 30px;
}

.projekat__trust-bar .projekat__trust-icon svg {
  width: 26px;
  height: 26px;
  stroke: url(#mzt-grad) #a313d1;
  stroke-width: 1.75;
}


/* ----------------------------------------------------------
 * 3. HERO — pozadina iza banera u gradijentu iz logoa
 * ----------------------------------------------------------
 * Klijent 31.10. (PDF „ISPRAVKE", slika „zajebancija"), Vera: varijanta A.
 * Laptop: s leva na desno, ceo gradijent. Gde je raspored složen (slika
 * iznad teksta, ≤ 1024px, _homepage-mobile.css): odozgo nadole, BEZ
 * poslednje žuto-zelene #CEFF10 — tekst stoji dole, da bude čitljiviji.
 * Gradijent ide na celu sekciju (širina ekrana, kao navy pre), a navy
 * same .mzm-hero se gasi; background-color navy ostaje kao rezerva.
 * :has() — ako ga pregledač nema, ostaje navy kao do sada.
 * ---------------------------------------------------------- */
.section:has(.mzm-hero) {
  background-image: linear-gradient(90deg,
    #bf1cf0 0%, #7573f7 32%, #04f9fc 58%, #04f9a5 76%, #36fe48 90%, #ceff10 100%);
}

.section:has(.mzm-hero) .mzm-hero {
  background-color: transparent;
}

@media screen and (max-width: 1024px) {
  .section:has(.mzm-hero) {
    background-image: linear-gradient(180deg,
      #bf1cf0 0%, #7573f7 35%, #04f9fc 64%, #04f9a5 84%, #36fe48 100%);
  }
}


/* ----------------------------------------------------------
 * 4. FOOTER — isti gradijent kao gornja traka
 * ----------------------------------------------------------
 * Vera 31.10. posle hero gradijenta: navy footer „bode oči" → par boja
 * gornje trake (_header.css: 90°, #a313d1 → #160185). background-color
 * navy iz _footer.css ostaje kao rezerva.
 * Levo je footer sada #a313d1, pa (izmereno 31.10., beli preko #a313d1):
 *   tekst 75% → 3,8:1 i 55% → 2,6:1 — ispod 4,5 → podignuto na 90% (≈5,0) i 85% (4,6)
 *   hover u boji akcenta = nevidljiv na ljubičastoj → beli + podvučeno
 *   društvene mreže hover akcenat → beli veo
 * ---------------------------------------------------------- */
.projekat__footer {
  background-image: linear-gradient(90deg, #a313d1 0%, #160185 100%);
}

.projekat__footer-contact,
.projekat__footer-contact a,
.projekat__footer-hours,
.projekat__footer-links a {
  color: rgba(255, 255, 255, 0.9);
}

.projekat__footer-bottom {
  color: rgba(255, 255, 255, 0.85);
}

.projekat__footer-contact a:hover,
.projekat__footer-links a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.projekat__footer-social a:hover {
  background-color: rgba(255, 255, 255, 0.22);
}

.projekat__footer-payments,
.projekat__footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.18);
}