/* ==================================================================
   16) „SCROLL" NAGOVJESTAJ — fiksiran desno po sredini ekrana (2026-09-05)
   Markup + JS: inc/44-scroll-hint.php (pocetna + Why Choose Us).
   Pri vrhu: „Scroll", tackica ide DOLJE. Nize (.is-up): „Top", linija iznad, tackica ide GORE.
   .is-on-dark (preko fotke / tamnih sekcija): bijel + sjenka. .is-on-light: tamna slova. Bira JS po podlozi.
   Na telefonu ga nema (fiksiran element bi prekrivao sadrzaj).
   ================================================================== */
.rs-sh{
  position:fixed; right:40px; top:50%; transform:translateY(-50%); z-index:60;
  display:flex; flex-direction:column; align-items:center; gap:14px;
  font-family:inherit; font-size:11px; letter-spacing:.24em; text-transform:uppercase; font-weight:600; text-decoration:none;
  color:#fff; opacity:.9; transition:color .3s ease, opacity .3s ease;
}
.rs-sh:hover{ opacity:1; text-decoration:none; }
.rs-sh.is-on-dark{ color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.45); filter:drop-shadow(0 1px 3px rgba(0,0,0,.35)); }
.rs-sh.is-on-dark:hover{ color:var(--rs-gold-2,#f0c96c); }
.rs-sh.is-on-light{ color:#142c37; text-shadow:none; filter:none; }
.rs-sh.is-on-light:hover{ color:#a17a3d; }
.rs-sh.is-hidden{ opacity:0; pointer-events:none; }
.rs-sh-txt{ writing-mode:vertical-rl; transform:rotate(180deg); }
.rs-sh-ring{ width:32px; height:52px; border:1.5px solid currentColor; border-radius:18px; position:relative; box-sizing:border-box; }
.rs-sh-dot{ position:absolute; left:50%; top:9px; width:4px; height:9px; margin-left:-2px; border-radius:3px; background:var(--rs-gold-2,#f0c96c); animation:rs-sh-down 1.7s ease-in-out infinite; }
.rs-sh.is-on-light .rs-sh-dot{ background:#a17a3d; }
.rs-sh-line{ width:1px; height:56px; background:linear-gradient(180deg,currentColor,transparent); opacity:.6; }
/* okrenuto */
.rs-sh.is-up{ flex-direction:column-reverse; }
.rs-sh.is-up .rs-sh-line{ background:linear-gradient(0deg,currentColor,transparent); }
.rs-sh.is-up .rs-sh-dot{ animation-name:rs-sh-up; }
@keyframes rs-sh-down{ 0%{ top:9px; opacity:1; } 70%{ top:28px; opacity:0; } 100%{ top:28px; opacity:0; } }
@keyframes rs-sh-up{ 0%{ top:28px; opacity:1; } 70%{ top:9px; opacity:0; } 100%{ top:9px; opacity:0; } }
@media (max-width:1050px){ .rs-sh{ right:16px; } }
/* telefon/tablet (2026-09-06, korisnik: „scroll bi valjao i na ostalim verzijama"): ostaje, ali kompaktniji i uz samu ivicu */
@media (max-width:767.98px){
  .rs-sh{ right:10px; gap:8px; font-size:9px; letter-spacing:.2em; opacity:.85; }
  .rs-sh-ring{ width:24px; height:38px; border-radius:14px; }
  .rs-sh-dot{ top:7px; width:3px; height:7px; margin-left:-1.5px; }
  .rs-sh-line{ height:34px; }
  @keyframes rs-sh-down{ 0%{ top:7px; opacity:1; } 70%{ top:20px; opacity:0; } 100%{ top:20px; opacity:0; } }
  @keyframes rs-sh-up{ 0%{ top:20px; opacity:1; } 70%{ top:7px; opacity:0; } 100%{ top:7px; opacity:0; } }
}
@media (prefers-reduced-motion:reduce){ .rs-sh-dot{ animation:none; } }