/* ============================================================
   ARTA3D · R008 — HERO VIDEO + zvanični logo
   Učitava se POSLE style.css; samo nadgradnja, ništa ne briše.
   - Video je full-bleed u heroju, igra JEDNOM (bez loopa), staje na
     finalnom (svetlom) kadru opremljenog stana.
   - Jači scrim da naslov, podnaslov i CTA ostanu čitljivi i kad
     finalni kadar posvetli.
   - Veo watermark se NE prekriva (scrim je ravnomerna filmska zavesa
     preko celog kadra, ne maska preko ugla).
   ============================================================ */

/* — Video sloj — */
.hero-home .hero-video-wrap{
  position:absolute;
  inset:0;
  top:0; right:0; bottom:0; left:0;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  transform:none;          /* poništava stari .hero-rslot translateY(-50%) */
  overflow:hidden;
  background:#15110d;      /* topla tamna podloga dok video ne krene */
  border:0;
  border-radius:0;
  box-shadow:none;
  z-index:0;
}
/* neutrališi stare pseudo-elemente okvira ako se naslede */
.hero-home .hero-video-wrap::before,
.hero-home .hero-video-wrap::after{content:none !important;}
.hero-home .hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* — Scrim: TANJA filmska zavesa — enterijer i transformacija ostaju jasno
     vidljivi; tama je fokusirana iza teksta (levo + dno), desno se kadar otvara. */
.hero-home .hero-scrim{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    /* leva kolona — čitljivost H1/CTA; blago se gasi udesno da se vidi enterijer */
    linear-gradient(90deg,  rgba(12,10,8,.56) 0%, rgba(12,10,8,.22) 42%, rgba(12,10,8,0) 78%),
    /* vertikala — tanak filmski sloj; dno ostaje toplo tamnije radi luksuza,
       ali NE guta kadar (max .52 umesto .86) i NE tamni do skoro crnog */
    linear-gradient(180deg, rgba(12,10,8,.30) 0%, rgba(12,10,8,.06) 26%, rgba(12,10,8,.14) 60%, rgba(12,10,8,.52) 100%);
}
/* Vinjeta/grain stišan da svetli finalni kadar ostane vidljiv (bio .5) */
.hero-home .hero-grain{ z-index:1; opacity:.24; }

/* Kopija (naslov + CTA) iznad svega */
.hero-home .hero-inner{ position:relative; z-index:2; }

/* Sitno pojačanje čitljivosti naslova/podnaslova preko videa */
.hero-home .hero-copy h1,
.hero-home .hero-copy .hero-sub{
  text-shadow:0 1px 28px rgba(8,6,4,.45);
}

/* — Zvanični logo: header I footer (bronzana varijanta: čita se na tamnom i svetlom) — */
.brand .brand-logo{
  height:30px;
  width:auto;
  max-width:180px;
  display:block;
}
@media (max-width:640px){
  .brand .brand-logo{ height:26px; }
}

/* — „Odgovor u 24h" chip uklonjen iz hero-a (R006D). Bez CSS rezidua. — */

/* ============================================================
   R006D — MOBILE HERO VIDEO
   Na mobilnom je video ranije bio skriven (.hero-rslot{display:none}).
   Sada je full-bleed i vidljiv, kadriran na opremljeni enterijer.
   ============================================================ */
@media (max-width:920px){
  /* prikaži video sloj na mobilnom (override starog display:none na .hero-rslot) */
  .hero-home .hero-rslot.hero-video-wrap{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    transform:none;
  }
  /* kadar: spusti fokus na nameštaj (sofa/sto), ne na zavesu/plafon */
  .hero-home .hero-video{
    object-fit:cover;
    object-position:50% 62%;
  }
  /* mobilni scrim: tanji gore (da se enterijer vidi), topliji na dnu radi
     čitljivosti naslova/CTA koji idu preko cele širine */
  .hero-home .hero-scrim{
    background:
      linear-gradient(180deg,
        rgba(12,10,8,.42) 0%,
        rgba(12,10,8,.20) 26%,
        rgba(12,10,8,.34) 58%,
        rgba(12,10,8,.78) 100%);
  }
  .hero-home .hero-grain{ opacity:.18; }
}

/* — Reduced motion: video se i dalje prikazuje na poster kadru — */
@media (prefers-reduced-motion: reduce){
  .hero-home .hero-video{ /* poster ostaje vidljiv; bez dodatne animacije */ }
}