/* ljuska.css - sitne dorade ljuske predloska (ne dirati main.css) */
.header-one {
  box-shadow: 0 6px 24px -14px rgba(15, 23, 41, 0.35), 0 1px 0 rgba(15, 23, 41, 0.04);
}

/* fiksni izbornik uvijek vidljiv: animacija predloska (data-ns-animate) na kratkim stranicama
   (profil, prijava, rezultat) ostane na opacity 0 i header nestane */
.header-one[data-ns-animate] { opacity: 1 !important; transform: translateX(-50%) !important; }

/* razmak prije podnozja (ODLUKA 10, 23.09.2026.): naslovnica vec ima vlastiti CTA odmak
   prije footera pa je namjerno izuzeta (body bez dc-listing/dc-profil, main bez ovih klasa) */
body.dc-listing main,
body.dc-profil main,
main:has(.dc-cijene-odmak),
main:has(.dc-vodic) {
  padding-bottom: 80px;
}
@media (max-width: 480px) {
  body.dc-listing main,
  body.dc-profil main,
  main:has(.dc-cijene-odmak),
  main:has(.dc-vodic) {
    padding-bottom: 56px;
  }
}


/* modal s paketima na naslovnici */
.dc-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 40px 12px; }
.dc-modal[hidden] { display: none; }
.dc-modal-pozadina { position: fixed; inset: 0; background: rgba(15, 23, 41, 0.55); }
.dc-modal-okvir { position: relative; background: #fff; border-radius: 24px; max-width: 1100px; width: 100%; padding: 36px 28px 28px; box-shadow: 0 30px 80px -30px rgba(15, 23, 41, 0.5); }
.dc-modal-x { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border-radius: 999px; border: 1px solid #e5e7eb; background: #fff; color: #0f1729; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.dc-modal-x:hover { background: #f4f5f7; }
.dc-modal-nadnaslov { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #6b7280; margin: 0 0 6px; text-align: center; }
.dc-modal-naslov { font-size: 28px; line-height: 1.2; font-weight: 500; color: #0f1729; margin: 0 0 10px; text-align: center; }
.dc-modal-uvod { color: #6b7280; margin: 0 auto 18px; max-width: 720px; text-align: center; }
.dc-modal-noga { color: #6b7280; font-size: 13px; margin: 18px 0 0; text-align: center; }
.dc-modal-noga a { color: #0f1729; text-decoration: underline; }
body.dc-modal-otvoren { overflow: hidden; }
@media (max-width: 640px) {
  .dc-modal { padding: 12px 8px; }
  .dc-modal-okvir { padding: 52px 14px 20px; border-radius: 18px; }
  .dc-modal-naslov { font-size: 22px; }
}