/* UNMCG — Početna: premium matematički vizuelni sloj.
   Učitava se SAMO na početnoj (inc/enqueue.php, is_front_page()).
   Sve dekoracije su aria-hidden, pointer-events:none, bez uticaja na tekst. */

/* ── Hero matematički motivi ─────────────────────────────── */
.home-math-hero{pointer-events:none;overflow:hidden}   /* clip dekoracija → nema horiz. scrolla */
body.home{overflow-x:hidden}
.home-math-shape{position:absolute;pointer-events:none;color:#c9a84c}
.home-math-pyt{top:5%;left:2.5%;width:120px;opacity:.16;color:#c9a84c}
.home-math-parabola{top:14%;right:4%;width:230px;opacity:.14;color:#9fc0ef}
.home-math-pyt text,.home-math-parabola text{font-family:ui-monospace,Menlo,Consolas,monospace}
@media (max-width:900px){
  .home-math-parabola{width:170px;opacity:.1}
  .home-math-pyt{width:96px}
}
@media (max-width:600px){
  .home-math-parabola{display:none}          /* na telefonu zadrži samo jedan motiv */
  .home-math-pyt{opacity:.12;width:84px}
}

/* ── Fade-up pri ulasku u viewport (JS dodaje .home-fade/.is-in) ── */
.home-fade{opacity:0;transform:translate3d(0,16px,0);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.home-fade.is-in{opacity:1;transform:translate3d(0,0,0)}

/* ── Diskretna zlatna linija-prelaz između sekcija ───────── */
body.home .section + .section{position:relative}
body.home .partneri-section::before,
body.home .ai-profesor-section::before,
body.home #matematicki-izazov::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:120px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.55),transparent)}

/* ── Kartice: diskretan premium hover + focus (samo početna) ── */
body.home .about-card,
body.home .material-card,
body.home .news-card,
body.home .event-card,
body.home .dokument-card,
body.home .stat-card,
body.home .us-cl-card{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.home .about-card:hover,
body.home .material-card:hover,
body.home .news-card:hover,
body.home .event-card:hover,
body.home .dokument-card:hover,
body.home .us-cl-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(10,35,66,.14);
  border-color:rgba(201,168,76,.5)}
body.home a:focus-visible,
body.home .btn:focus-visible,
body.home .us-cl-card:focus-visible{
  outline:3px solid #c9a84c;outline-offset:2px;border-radius:8px}
/* Diskretno pomjeranje ikonice na hover */
body.home .uscc-icon,body.home .uscb-ico,body.home .ai-prof-icon{transition:transform .2s ease}
body.home .us-cl-card:hover .uscc-icon,
body.home .ai-profesor-section .ai-prof-card:hover .ai-prof-icon{transform:translateY(-2px) scale(1.05)}

/* ── Glow na zlatnim akcentima (diskretno) ───────────────── */
body.home .section-label{text-shadow:0 0 18px rgba(201,168,76,.25)}

/* ── Matematički kutak: Fibonačijeva spirala (desni ugao) ── */
.pb-promo-card{position:relative;overflow:hidden}
.home-math-fibonacci{position:absolute;right:-20px;bottom:-30px;width:260px;height:260px;
  opacity:.16;color:#d4a72c;pointer-events:none}
@media (max-width:720px){ .home-math-fibonacci{width:180px;opacity:.12;right:-40px} }
@media (max-width:430px){ .home-math-fibonacci{display:none} }

/* ── Mobilni: manji pomak + kraće trajanje (bez teških efekata) ── */
@media (max-width:600px){
  .home-fade{transform:translate3d(0,11px,0);transition-duration:.46s}
}

/* ── prefers-reduced-motion: ugasi sve animacije/tranzicije ── */
@media (prefers-reduced-motion:reduce){
  .home-fade{opacity:1 !important;transform:none !important;transition:none !important}
  body.home *{transition:none !important;animation:none !important}
}
