/* IKG d.o.o. — stilovi za produkcijsku stranicu (izvučeno iz Naslovnica.dc.html) */

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', system-ui, sans-serif; background: #FFFFFE; color: #0B1E42; }
h1, h2, h3 { font-family: 'Bodoni Moda', Georgia, serif; margin: 0; font-weight: 500; }
.label { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #0B1E42; color: #0B1E42; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; padding: 14px 28px; font-family: 'Inter', sans-serif; background: transparent; cursor: pointer; }
.btn-outline-dark { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #C9A961; color: #FFFFFE; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; padding: 14px 28px; font-family: 'Inter', sans-serif; }
.navlink { font-size: 13px; font-weight: 500; color: #E4E9F2; }
.navlink-light { font-size: 13px; font-weight: 500; color: #3A4A6B; }
a { text-decoration: none; }

/* FAQ — pretraga uživo + harmonika (kolaps/expand) */
.faq-search-wrap { display: flex; align-items: center; gap: 12px; border: 1px solid #0B1E42; padding: 15px 20px; background: #FFFFFE; }
.faq-search-wrap input { border: none; outline: none; background: transparent; flex: 1; font-family: 'Inter', sans-serif; font-size: 14px; color: #0B1E42; }
.faq-search-wrap input::placeholder { color: #8792A6; }
.faq-count { font-size: 12px; color: #8792A6; padding-top: 10px; }
.faq-item { border-bottom: 1px solid #E2E8ED; }
.faq-q { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; cursor: pointer; }
.faq-q-text { font-size: 16px; color: #0B1E42; font-weight: 500; }
.faq-chevron { flex-shrink: 0; transition: transform 0.2s ease; }
.faq-item.open .faq-chevron { transform: rotate(180deg); }
.faq-a { font-size: 14px; line-height: 1.7; color: #5C6B87; max-height: 0; overflow: hidden; transition: max-height 0.25s ease, padding-bottom 0.25s ease; padding-bottom: 0; margin: 0; }
.faq-item.open .faq-a { max-height: 400px; padding-bottom: 20px; }
.faq-empty { display: none; font-size: 14px; color: #8792A6; padding: 24px 0; }

/* Kontakt forma */
.form-field { border: none; border-bottom: 1px solid #C7D0DB; height: 34px; width: 100%; font-family: 'Inter', sans-serif; font-size: 14px; color: #0B1E42; background: transparent; padding: 0; outline: none; }
.form-field:focus { border-bottom-color: #023E8A; }
textarea.form-field { height: 72px; padding-top: 8px; resize: vertical; font-family: 'Inter', sans-serif; }
.form-note { font-size: 12px; color: #8792A6; margin: 0; }

/* Mobilni izbornik (hamburger) — sakriven na desktopu */
.nav-toggle { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; border: 1px solid #0B1E42; background: transparent; cursor: pointer; padding: 0; flex-shrink: 0; }
.nav-toggle-bar { display: block; width: 18px; height: 1.5px; background: #0B1E42; transition: transform 0.2s ease, opacity 0.2s ease; }
.nav-toggle.open .nav-toggle-bar:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-toggle.open .nav-toggle-bar:nth-child(2) { opacity: 0; }
.nav-toggle.open .nav-toggle-bar:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ============ RESPONSIVE — tableti i manje (≤880px) ============ */
@media (max-width: 880px) {
  .masthead-inner { flex-wrap: wrap; padding: 16px 24px !important; }
  .masthead-actions { gap: 12px !important; }
  .nav-toggle { display: flex; }
  .nav-links { display: none !important; flex-basis: 100%; width: 100%; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; order: 3; }
  .nav-links.nav-open { display: flex !important; margin-top: 16px; padding-top: 16px; border-top: 1px solid #E8EEF3; }
  .nav-links a { width: 100%; padding: 10px 0; }

  .section-row { flex-direction: column !important; gap: 48px !important; }
  .section-sidebar { width: 100% !important; }

  .section-pad { padding: 72px 28px !important; }
  .hero-inner { padding: 72px 28px 96px !important; }
  .hero-title { font-size: 36px !important; }
  .section-h2 { font-size: 27px !important; }

  .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  .footer-inner { flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; }
  .footer-nav { flex-wrap: wrap; gap: 18px !important; }
}

/* ============ RESPONSIVE — mobiteli (≤560px) ============ */
@media (max-width: 560px) {
  .masthead-inner { padding: 14px 20px !important; }
  .masthead-logo { height: 52px !important; }
  .masthead-actions .btn-outline { padding: 10px 16px !important; font-size: 11px !important; }

  .section-pad { padding: 56px 20px !important; }
  .hero-inner { padding: 56px 20px 72px !important; }
  .hero-title { font-size: 28px !important; }
  .hero-cta-row { flex-wrap: wrap; gap: 16px !important; }
  .section-h2 { font-size: 22px !important; }

  .grid-2, .grid-3 { grid-template-columns: 1fr !important; }

  .hero-arrow, .footer-arrow, .hero-circles { display: none !important; }

  .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}