/* FinOra Full Design Refresh — shared page layer */

/* Generic inner-page spacing */
body:not(.home-page) main {
  padding: 72px 0 96px;
  background:
    radial-gradient(circle at 92% 2%, rgba(232,173,69,.10), transparent 22%),
    linear-gradient(180deg, #fbfcfd 0%, #f7f9fb 100%);
}

body:not(.home-page) main > .container {
  position: relative;
}

body:not(.home-page) main > .container > h1,
.faq-intro h1,
.contact-intro h1,
.planer-wrapper > h1,
.quiz-intro h1,
.privacy-content > h1,
.legal-content > h1 {
  font-size: clamp(2.7rem, 6vw, 4.8rem) !important;
  max-width: 900px;
  letter-spacing: -.045em;
  margin-bottom: 18px;
}

body:not(.home-page) main > .container > p:first-of-type,
.faq-intro > p,
.contact-intro > p,
.planer-subtitle,
.quiz-intro > p,
.privacy-content > p:first-of-type,
.legal-content > p:first-of-type {
  max-width: 760px;
  font-size: 1.06rem;
  line-height: 1.75;
}

/* Introduce a subtle eyebrow without changing content */
body.page-about main > .container::before,
body.page-faq .faq-intro::before,
body.page-contact .contact-intro::before,
body.page-planer .planer-wrapper::before,
body.page-quiz .quiz-intro::before,
body.page-privacy .privacy-content::before,
body.page-legal .legal-content::before {
  display: inline-block;
  margin-bottom: 14px;
  color: #a16913;
  font-size: .72rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
}

body.page-about main > .container::before { content: "O FinOra platformi"; }
body.page-faq .faq-intro::before { content: "Pitanja i odgovori"; }
body.page-contact .contact-intro::before { content: "Razgovor s FinOra timom"; }
body.page-planer .planer-wrapper::before { content: "Praktični alat"; }
body.page-quiz .quiz-intro::before { content: "Upoznajte svoju situaciju"; }
body.page-privacy .privacy-content::before { content: "Privatnost i podaci"; }
body.page-legal .legal-content::before { content: "Pravne informacije"; }

/* Header/Nav standard */
.site-header .primary-nav a[aria-current="page"],
.site-header .primary-nav a.is-active {
  color:#fff;
}
.site-header .primary-nav a[aria-current="page"]:not(.nav-cta)::after,
.site-header .primary-nav a.is-active:not(.nav-cta)::after {
  content:"";
  display:block;
  height:2px;
  border-radius:99px;
  background:var(--gold);
  margin-top:5px;
}

/* About */
body.page-about main > .container {
  max-width: 1080px;
}
.about-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:38px 0 72px !important;
}
.about-card {
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-md) !important;
  box-shadow:none !important;
  padding:30px !important;
  min-height:240px;
}
.about-card::before {
  content:"";
  display:block;
  width:42px;
  height:5px;
  border-radius:99px;
  background:var(--gold);
  margin-bottom:36px;
}
.about-card h3 { font-size:1.35rem !important; }
.principles {
  list-style:none !important;
  margin:26px 0 58px !important;
  padding:0 !important;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.principles li {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 22px;
  margin:0 !important;
}

/* FAQ */
.faq-intro {
  max-width:820px !important;
  margin:0 auto 38px !important;
}
.faq-list {
  max-width:900px !important;
  margin:0 auto !important;
}
body.page-faq .faq-item {
  border-radius:18px !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  margin-bottom:12px !important;
}
body.page-faq .faq-question {
  padding:21px 24px !important;
  font-size:1rem !important;
}
body.page-faq .faq-answer {
  padding:0 24px 22px !important;
}
.faq-icon {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--soft);
  color:var(--navy);
  flex:0 0 auto;
}

/* Contact */
.contact-intro {
  max-width:830px !important;
  margin:0 auto 34px !important;
}
.consultation-box {
  max-width:1080px;
  margin:0 auto !important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) !important;
  gap:20px !important;
}
.consultation-form-card,
.consultation-info-card {
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-sm) !important;
  padding:32px !important;
}
.consultation-info-card {
  background:var(--navy) !important;
  color:#fff;
}
.consultation-info-card h2,
.consultation-info-card strong { color:#fff !important; }
.consultation-info-card p,
.consultation-info-card li,
.consultation-info-card .contact-details,
.consultation-info-card span { color:#c7d0dc !important; }
.consultation-info-card .consultation-steps li {
  border-color:rgba(255,255,255,.12) !important;
}
.small-disclaimer {
  max-width:1080px;
  margin:24px auto 0 !important;
  border:1px solid var(--line);
  background:#fff !important;
  border-radius:16px !important;
  padding:18px 20px !important;
}

/* Planer */
.planer-wrapper {
  max-width:980px !important;
  padding:44px !important;
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
}
.planer-wrapper > h1,
.planer-subtitle { text-align:left !important; }
.planer-subtitle { margin:0 0 28px !important; }
.info-box {
  border:0 !important;
  border-radius:16px !important;
  background:var(--cream) !important;
  padding:18px 20px !important;
}
.slider-group {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
}
.slider-group label span.value {
  background:var(--soft) !important;
  color:var(--navy) !important;
}
body.page-planer input[type="range"]::-webkit-slider-thumb {
  background:var(--navy) !important;
  border-color:var(--gold) !important;
}
body.page-planer input[type="range"]::-moz-range-thumb {
  background:var(--navy) !important;
  border-color:var(--gold) !important;
}
.result-box {
  border-left:0 !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  background:var(--soft) !important;
  padding:30px !important;
}
.result-stats {
  gap:12px !important;
}
.stat-item {
  border:1px solid var(--line) !important;
  border-radius:16px !important;
}
.signup-form {
  border:1px solid var(--line);
  border-radius:18px !important;
  box-shadow:none !important;
}

/* Questionnaire */
.quiz-shell { max-width:920px !important; }
.quiz-card {
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow) !important;
  padding:44px !important;
}
.quiz-intro { max-width:760px !important; }
.progress-track { height:7px !important; background:#e6ebf1 !important; }
.progress-bar { background:var(--gold) !important; }
.option-card {
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:15px 17px !important;
}
.option-card:hover {
  border-color:#d2b16e !important;
  background:var(--cream) !important;
  transform:translateY(-1px);
}
.result-box,
body.page-quiz .result-box {
  border-left:0 !important;
}
.profile-item {
  border-radius:14px !important;
  border:1px solid var(--line) !important;
}
.profile-summary {
  border:1px solid var(--line);
}
.consultation-box,
body.page-quiz .consultation-box {
  border-radius:18px !important;
}

/* Legal/privacy */
.privacy-content,
.legal-content {
  max-width:960px !important;
  padding:48px !important;
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-sm) !important;
}
.privacy-content h2,
.legal-content h2 {
  border-bottom:0 !important;
  padding-bottom:0 !important;
  margin-top:46px !important;
  font-size:clamp(1.6rem,3vw,2.15rem) !important;
}
.last-updated {
  display:inline-flex;
  background:var(--soft) !important;
  border:1px solid var(--line);
  border-radius:999px !important;
  padding:8px 13px !important;
  font-size:.82rem;
  margin-bottom:26px !important;
}
.highlight,
.notice,
.info,
.required-info {
  border-left:0 !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  padding:18px 20px !important;
}
.notice,.required-info { background:var(--cream) !important; }
.info,.highlight { background:var(--soft) !important; }
.privacy-table {
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
}
.privacy-table th,
.privacy-table td {
  border:0 !important;
  border-bottom:1px solid var(--line) !important;
}
.privacy-table th { background:var(--soft) !important; }

/* Articles — both legacy and new */
body.article-page main {
  padding:58px 0 92px;
}
body.article-page .article-content {
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-sm) !important;
  max-width:940px !important;
  padding:clamp(28px,5vw,58px) !important;
  margin:0 auto !important;
}
body.article-page .article-content > h1 {
  font-size:clamp(2.5rem,5.8vw,4.7rem) !important;
  max-width:850px;
  letter-spacing:-.045em;
}
body.article-page .article-content .meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  padding-bottom:24px;
  margin-bottom:28px;
  border-bottom:1px solid var(--line);
  color:var(--muted) !important;
}
body.article-page .article-content h2 {
  font-size:clamp(1.65rem,3vw,2.2rem) !important;
  margin-top:44px !important;
}
body.article-page .article-content p {
  font-size:1rem;
  line-height:1.8;
}
body.article-page .article-content .article-lead {
  border-left:0 !important;
  background:var(--cream) !important;
  border:1px solid #eadbc1 !important;
  border-radius:18px !important;
  padding:22px !important;
}
body.article-page .article-callout,
body.article-page .author-box {
  border-left:0 !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:var(--soft) !important;
}
body.article-page .article-cta {
  border-radius:var(--radius-lg) !important;
  background:var(--navy) !important;
}
body.article-page .related-card {
  border-radius:16px !important;
}

/* General legacy cards */
.card,.blog-preview,.testimonial,.contact-form {
  border-radius:18px !important;
  border-color:var(--line) !important;
}
.card:hover,.blog-preview:hover {
  box-shadow:var(--shadow-sm);
}

/* Footer */
footer { margin-top:0; }

/* Responsive */
@media (max-width: 900px) {
  .about-grid { grid-template-columns:1fr !important; }
  .principles { grid-template-columns:1fr !important; }
  .consultation-box { grid-template-columns:1fr !important; }
}
@media (max-width: 760px) {
  body:not(.home-page) main { padding:48px 0 68px; }
  .planer-wrapper,.quiz-card,.privacy-content,.legal-content {
    padding:24px 18px !important;
  }
  body.article-page .article-content {
    padding:26px 18px !important;
  }
}