/* tenda.ba — dopune na Helenin stil (stil.css). Ovdje je samo ono što kod nas mora biti drugačije. */

/* naslovna je svijetla dnevna fotografija (tenda nad kafićem, ljudi u hladu) — zatamnjena je samo
   traka gore (bijeli meni i logo) i lijevo dolje gdje stoji tekst; sredina i desno ostaju svijetli */
.hero2 img { filter: none; object-position: 58% 50% }
.hero2::after { background:
  linear-gradient(180deg, rgba(10,9,8,.62) 0%, rgba(10,9,8,.2) 15%, rgba(10,9,8,0) 30%),
  linear-gradient(90deg, rgba(10,9,8,.8) 0%, rgba(10,9,8,.58) 28%, rgba(10,9,8,.16) 55%, rgba(10,9,8,0) 70%),
  linear-gradient(0deg, rgba(10,9,8,.55) 0%, rgba(10,9,8,0) 42%) }
/* uski ekran: tekst ide preko cijele širine, pa se zatamnjuje odozdo, a kadar se pomjera na ljude pod tendom */
@media (max-width: 920px) {
  .hero2 img { object-position: 34% 50% }
  .hero2::after { background:
    linear-gradient(180deg, rgba(10,9,8,.6) 0%, rgba(10,9,8,0) 22%),
    linear-gradient(0deg, rgba(10,9,8,.88) 0%, rgba(10,9,8,.74) 40%, rgba(10,9,8,.34) 64%, rgba(10,9,8,0) 82%) }
}
body.cine header:not(.solid) nav.main a,
body.cine header:not(.solid) .search-btn,
body.cine header:not(.solid) .lang-btn { text-shadow: 0 1px 14px rgba(0,0,0,.45) }
body.cine header:not(.solid) .brand .logo.alt { filter: drop-shadow(0 1px 10px rgba(0,0,0,.45)) }

/* traka s brojkama: broj i opis centrirani u svojoj koloni */
.stat, .stat:first-child, .stat:nth-child(4) { align-items: center; text-align: center; padding-left: clamp(18px,2.4vw,40px); padding-right: clamp(18px,2.4vw,40px) }
.stat span { margin-left: auto; margin-right: auto }

/* „Proizvođač”: Helena tu ima proizvod na bijelom, mi fotografiju scene — neka ispuni cijelu karticu */
.tease-img { background: var(--dark-2) }
.tease-img img { object-fit: cover; padding: 0 }

/* naslovi podstranica (Kontakt…): Helenin .phead gazi bočni razmak .wrap-a, pa naslov do 1440 px
   širine stoji uz samu ivicu ekrana — vraćamo isti razmak kao ostatak stranice */
.wrap.phead { padding-left: clamp(20px,4vw,64px); padding-right: clamp(20px,4vw,64px) }

/* logo s tendom iznad riječi je viši od Heleninog natpisa — malo veći u meniju, da se slova ne izgube */
.brand .logo { height: 64px }
@media (max-width: 900px) { .brand .logo { height: 52px } }

/* „Sistemi”: kartica do koje se stiglo iz menija kratko se istakne, isto kao pod mišem */
.xpl-card.istakni .im img { transform: scale(1.08) }
.xpl-card.istakni h3 { color: var(--bronze) }

/* meni na telefonu: podkategorije sitno, u dvije kolone, odmah ispod „Sistemi” */
#mnav { overflow-y: auto; justify-content: safe center }
#mnav .mnav-sub { display: grid; grid-template-columns: repeat(2, auto); gap: 0 28px; justify-content: center; margin: -4px 0 12px }
#mnav .mnav-sub a { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--bronze-soft); padding: 6px 0; text-align: center }
#mnav .mnav-sub a:hover { color: var(--on-dark); letter-spacing: .16em }