/* ══════════════════════════════════════════════════════════════
   ORFI Landing — "topla" preobleka (v2.45, 2026-09-29)
   Naloži se ZA landing.css in ga le prekrije. Povrnitev na prejšnji
   videz: v layouts/landing.php odstrani vrstico z landing-warm.css.

   Cilj: manj "SaaS/AI predloga", bolj stran domačega podjetja za
   obrtnike — kremna podlaga, topla temna namesto mornarsko modre,
   naslovi v pisavi z značajem, brez pilul, gradientov in sijev.
   ══════════════════════════════════════════════════════════════ */

:root {
  --ld-dark:        #221E1A;   /* topla oglje namesto #0B1120 */
  --ld-dark-2:      #2E2822;
  --ld-dark-3:      #3A332B;
  --ld-blue:        #2457D6;
  --ld-blue-hover:  #1C47B5;
  --ld-blue-light:  #EAF0FC;
  --ld-text:        #1F1A14;
  --ld-muted:       #6B6155;
  --ld-border:      #E6DCCD;
  --ld-white:       #FFFFFF;
  --ld-surface:     #F4EEE4;
  --ld-surface-2:   #EDE5D8;
  --ld-cream:       #FBF8F3;
  --ld-mark:        #F4D57A;   /* "flomaster" za poudarke */
  --ld-clay:        #A8522B;   /* drobni topli poudarki */
  --ld-serif:       'Fraunces', Georgia, 'Times New Roman', serif;
  --ld-shadow:      0 1px 2px rgba(60,40,20,.06);
  --ld-shadow-md:   0 2px 10px rgba(60,40,20,.08);
  --ld-shadow-lg:   0 10px 30px rgba(60,40,20,.12);
}

body.ld-body { background: var(--ld-cream); color: var(--ld-text); margin: 0; } /* prej privzetih 8 px belega roba */

/* ── Naslovi: pisava z značajem, manj "stisnjena" ──────────── */
.ld-display, .ld-h2, .ld-hero-title, .ld-cta-inner .ld-h2 {
  font-family: var(--ld-serif);
  font-weight: 600;
  letter-spacing: -.01em;
  font-variation-settings: "SOFT" 50, "opsz" 72;
}
.ld-h2 { line-height: 1.18; }

/* Poudarek kot s flomastrom namesto mavričnega gradienta */
.ld-gradient-text,
.ld-mark {
  background: linear-gradient(transparent 58%, var(--ld-mark) 58%, var(--ld-mark) 90%, transparent 90%);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: inherit;
  padding: 0 .08em;
}
.ld-flywheel .ld-mark,
.ld-cta-section .ld-mark,
.ld-cta-section .ld-gradient-text {
  background: linear-gradient(transparent 62%, rgba(244,213,122,.45) 62%, rgba(244,213,122,.45) 92%, transparent 92%);
}

/* ── Oznake sekcij: navaden tekst s črtico, ne modra "pilula" ─ */
.ld-section-label,
.ld-flywheel .ld-section-label,
.ld-cta-section .ld-section-label {
  background: none !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0;
  color: var(--ld-clay) !important;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  gap: .6rem;
}
.ld-section-label i { display: none; }
.ld-section-label::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 2px;
  background: currentColor;
}
.ld-flywheel .ld-section-label,
.ld-cta-section .ld-section-label { color: #E3A57E !important; }

/* ── Gumbi: brez gradienta in modrega sija ─────────────────── */
.ld-btn { border-radius: 8px; }
.ld-btn-primary {
  background: var(--ld-blue);
  box-shadow: none;
}
.ld-btn-primary:hover {
  background: var(--ld-blue-hover);
  box-shadow: none;
  transform: none;
}
.ld-btn-lg { border-radius: 8px; }

/* ── Navigacija ────────────────────────────────────────────── */
.ld-nav { background: rgba(251,248,243,.94); border-bottom: 1px solid var(--ld-border); }
.ld-nav.scrolled { box-shadow: 0 1px 0 var(--ld-border); }
.ld-nav-login { border-color: var(--ld-border); background: transparent; }

/* ── Hero: svetla kremna podlaga namesto temno modre s sijem ─ */
.ld-hero {
  background: var(--ld-cream);
  padding: 88px 0 96px;
  border-bottom: 1px solid var(--ld-border);
}
.ld-hero::before { display: none; }
.ld-hero-label {
  background: none;
  border: 0;
  padding: 0;
  color: var(--ld-muted);
  font-weight: 600;
  font-size: .875rem;
}
.ld-hero-label i { color: var(--ld-clay); }
.ld-hero-title { color: var(--ld-text); line-height: 1.12; }
.ld-hero-lead { color: var(--ld-muted); }
.ld-hero .ld-btn-ghost {
  color: var(--ld-text);
  border-color: #CFC3B1;
}
.ld-hero .ld-btn-ghost:hover {
  background: var(--ld-surface);
  border-color: #B9AB96;
  color: var(--ld-text);
}
.ld-hero-note { color: var(--ld-muted); }
.ld-hero-note i { color: #3E8E5E; }

/* Prikaz ponudbe kot "papir", ne temno okno aplikacije */
.ld-mockup {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 14px;
  box-shadow: var(--ld-shadow-lg);
  transform: rotate(-.6deg);
}
.ld-mockup-bar {
  background: var(--ld-surface);
  border-bottom: 1px solid var(--ld-border);
}
.ld-mockup-dots { display: none; }
.ld-mockup-url {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  color: var(--ld-muted);
}
.ld-mockup-pane { border-right: 1px solid var(--ld-border); }
.ld-mockup-pane-label { color: var(--ld-muted); }
.ld-mockup-inquiry {
  color: #4A4137;
  font-family: var(--ld-font);
  font-size: .84rem;
  font-style: italic;
  background: var(--ld-cream);
  border-left: 3px solid var(--ld-mark);
  padding: .75rem .875rem;
  border-radius: 0 6px 6px 0;
}
.ld-mockup-item {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
}
.ld-mockup-check {
  background: #EAF5EE;
  border-color: #3E8E5E;
  color: #3E8E5E;
}
.ld-mockup-item-name { color: var(--ld-text); }
.ld-mockup-item-sub { color: var(--ld-muted); }
.ld-mockup-price { color: var(--ld-text); }
.ld-mockup-divider { border-top-color: var(--ld-border); }
.ld-mockup-total {
  background: var(--ld-surface);
  border-color: var(--ld-border);
}
.ld-mockup-total-label { color: var(--ld-muted); }
.ld-mockup-total-value { color: var(--ld-text); }
.ld-mockup-suggest {
  background: #FDF6E3;
  border-color: #EBD9A6;
  color: #6B5316;
}
.ld-mockup-suggest strong { color: #4F3C0C; }
.ld-mockup-badge {
  background: var(--ld-dark);
  box-shadow: var(--ld-shadow-md);
  font-weight: 600;
}

/* ── Kartice: tanka topla obroba, brez barvnih "ikon v kvadratku" ─ */
.ld-pain-card,
.ld-feature-card,
.ld-demo-panel,
.ld-plan-card {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  box-shadow: none;
}
.ld-pain-card:hover,
.ld-feature-card:hover {
  border-color: #CDBFA9;
  box-shadow: var(--ld-shadow-md);
  transform: none;
}
.ld-pain-icon {
  background: none;
  width: auto;
  height: auto;
  justify-content: flex-start;
  color: var(--ld-clay);
  font-size: 1.35rem;
}
.ld-feature-icon { background: var(--ld-surface) !important; color: var(--ld-text) !important; }

/* Pas pod težavami: topla temna, brez sija in mavrice */
.ld-problem-cta {
  background: var(--ld-dark);
  border: 0;
}
.ld-problem-cta::before { display: none; }
.ld-problem-cta-highlight {
  font-family: var(--ld-serif);
  font-weight: 600;
  background: none;
  -webkit-text-fill-color: #F4D57A;
  color: #F4D57A;
}

/* ── Potek: številke kot v zvezku, ne svetleči krogi ───────── */
.ld-bg-surface { background: var(--ld-surface); }
.ld-step:not(:last-child)::before { background: #D8CBB6; width: 1px; left: 25px; }
.ld-step-num {
  background: var(--ld-cream);
  color: var(--ld-text);
  border: 1.5px solid var(--ld-text);
  box-shadow: none;
  font-family: var(--ld-serif);
  font-size: 1.2rem;
  font-weight: 600;
}
.ld-step-badge {
  background: #EAF5EE;
  color: #2F6F48;
  border-color: #CFE6D8;
}

/* ── Temne sekcije (cenik se gradi, zaključni poziv) ──────── */
.ld-flywheel,
.ld-cta-section { background: var(--ld-dark); }
.ld-flywheel::before,
.ld-cta-section::before { display: none; }
.ld-fw-icon {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: #F4D57A;
}
.ld-fw-arrow { color: rgba(255,255,255,.3); }

/* ── Za koga ───────────────────────────────────────────────── */
.ld-whom-pill {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  box-shadow: none;
  border-radius: 8px;
}
.ld-whom-pill i { color: var(--ld-clay); }

/* ── Cenik paketov ─────────────────────────────────────────── */
.ld-price-payback {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
}
.ld-ct-wrap { border-color: var(--ld-border); box-shadow: var(--ld-shadow-md); }

/* ── Noga ──────────────────────────────────────────────────── */
.ld-footer {
  background: var(--ld-surface);
  border-top: 1px solid var(--ld-border);
}
.ld-footer-tagline {
  background: none;
  border: 0;
  padding: 0;
  color: var(--ld-muted);
}

/* ── Pripravljena "človeška" bloka (vklop v config/landing.php) ─ */
.ld-founder {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 2.5rem;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}
.ld-founder-photo {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #FFFFFF;
  box-shadow: var(--ld-shadow-md);
}
.ld-founder-text {
  font-family: var(--ld-serif);
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--ld-text);
}
.ld-founder-sign { margin-top: 1rem; font-size: .95rem; color: var(--ld-muted); }
.ld-founder-sign strong { color: var(--ld-text); }
.ld-founder-phone {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 1.25rem;
  font-weight: 600;
  color: var(--ld-blue);
  text-decoration: none;
}
.ld-quotes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.25rem;
}
.ld-quote {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 12px;
  padding: 1.75rem;
  margin: 0;
}
.ld-quote p {
  font-family: var(--ld-serif);
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0 0 1rem;
}
.ld-quote footer { font-size: .9rem; color: var(--ld-muted); }
.ld-quote footer strong { color: var(--ld-text); }

@media (max-width: 767px) {
  .ld-hero { padding: 56px 0 64px; }
  .ld-mockup { transform: none; }
  .ld-founder { grid-template-columns: 1fr; text-align: center; gap: 1.5rem; }
  .ld-founder-photo { margin: 0 auto; width: 140px; height: 140px; }
}

/* ── Blog (/blog) ──────────────────────────────────────────── */
.ld-blog {
  max-width: 760px;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 5rem;
}
.ld-blog-head { margin-bottom: 2.5rem; }
.ld-blog-head .ld-h2 { margin: 0 0 .75rem; }
.ld-blog-admin-note {
  background: #FDF6E3;
  border: 1px solid #EBD9A6;
  border-radius: 8px;
  padding: .75rem 1rem;
  font-size: .9rem;
  margin-bottom: 2rem;
}
.ld-blog-admin-note a { color: var(--ld-blue); }
.ld-blog-list { display: flex; flex-direction: column; }
.ld-blog-item {
  padding: 1.75rem 0;
  border-top: 1px solid var(--ld-border);
}
.ld-blog-meta { font-size: .85rem; color: var(--ld-muted); margin-bottom: .4rem; }
.ld-blog-title {
  font-family: var(--ld-serif);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0 0 .5rem;
}
.ld-blog-title a { color: var(--ld-text); text-decoration: none; }
.ld-blog-title a:hover { text-decoration: underline; text-decoration-color: var(--ld-mark); text-decoration-thickness: 3px; }
.ld-blog-excerpt { color: #4A4137; line-height: 1.7; margin: 0 0 .75rem; }
.ld-blog-more { font-weight: 600; color: var(--ld-blue); text-decoration: none; font-size: .95rem; }

.ld-blog-post-head { margin: 1.5rem 0 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--ld-border); }
.ld-blog-post-head .ld-h2 { margin: 0 0 .75rem; font-size: clamp(1.9rem, 4vw, 2.6rem); }
.ld-blog-post-head .ld-lead { margin: 1rem 0 0; }
.ld-blog-body { font-size: 1.075rem; line-height: 1.8; color: #2F2922; }
.ld-blog-body h2 { font-family: var(--ld-serif); font-weight: 600; font-size: 1.55rem; margin: 2.25rem 0 .75rem; }
.ld-blog-body h3 { font-family: var(--ld-serif); font-weight: 600; font-size: 1.25rem; margin: 1.75rem 0 .5rem; }
.ld-blog-body p { margin: 0 0 1.1rem; }
.ld-blog-body ul, .ld-blog-body ol { margin: 0 0 1.1rem 1.25rem; padding: 0; }
.ld-blog-body li { margin-bottom: .35rem; }
.ld-blog-body blockquote {
  margin: 1.5rem 0;
  padding: .25rem 0 .25rem 1.25rem;
  border-left: 3px solid var(--ld-mark);
  font-family: var(--ld-serif);
  font-size: 1.2rem;
  color: var(--ld-text);
}
.ld-blog-body a { color: var(--ld-blue); }
.ld-blog-cta {
  margin-top: 3rem;
  padding: 1.5rem;
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.ld-blog-cta strong { display: block; font-family: var(--ld-serif); font-size: 1.15rem; margin-bottom: .25rem; }
.ld-blog-cta span { color: var(--ld-muted); font-size: .95rem; }

/* ── Hero: 9 prednosti ORFI (vrtiljak) ─────────────────────── */
.ld-bn {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 16px;
  box-shadow: var(--ld-shadow-lg);
  padding: 1.5rem 1.75rem 1.25rem;
  text-align: left; /* hero je na telefonu sredinski */
  position: relative;
  overflow: hidden;
}
.ld-bn-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
}
.ld-bn-kicker {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ld-clay);
}
.ld-bn-count { font-size: .85rem; color: var(--ld-muted); }
.ld-bn-count strong { color: var(--ld-text); font-family: var(--ld-serif); font-size: 1.1rem; }

/* Vsi diapozitivi v isti celici mreže → višina = najvišji, nič ne poskakuje */
.ld-bn-stage { display: grid; }
.ld-bn-slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
}
.ld-bn-slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .35s ease, transform .35s ease, visibility 0s;
}
.ld-bn-title {
  font-family: var(--ld-serif);
  font-weight: 600;
  font-size: 1.45rem;
  line-height: 1.2;
  color: var(--ld-text);
  margin: 0 0 .4rem;
}
.ld-bn-text { color: var(--ld-muted); font-size: .95rem; line-height: 1.55; margin: 0 0 1rem; }

.ld-bn-visual {
  background: var(--ld-cream);
  border: 1px solid var(--ld-border);
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  font-size: .85rem;
  min-height: 210px;
  justify-content: center;
}
.ld-bn-bubble {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-left: 3px solid var(--ld-mark);
  border-radius: 0 8px 8px 0;
  padding: .6rem .8rem;
  font-style: italic;
  color: #4A4137;
}
.ld-bn-arrow { text-align: center; color: var(--ld-muted); line-height: 1; }
.ld-bn-rows, .ld-bn-card { display: flex; flex-direction: column; gap: .35rem; }
.ld-bn-card {
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 10px;
  padding: .8rem .9rem;
}
.ld-bn-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: #FFFFFF;
  border: 1px solid var(--ld-border);
  border-radius: 8px;
  padding: .45rem .65rem;
}
.ld-bn-card .ld-bn-row { border: 0; border-top: 1px solid var(--ld-border); border-radius: 0; padding: .45rem 0 .1rem; }
.ld-bn-row span { flex: 1; color: var(--ld-text); }
.ld-bn-row b { color: var(--ld-text); white-space: nowrap; }
.ld-bn-row em { font-style: normal; color: #9A5B20; font-size: .78rem; white-space: nowrap; }
.ld-bn-total { background: var(--ld-surface); font-weight: 600; }
.ld-bn-hl { background: #FDF6E3; border-color: #EBD9A6 !important; border-radius: 6px !important; padding: .45rem .5rem !important; }
.ld-bn-ok { color: #3E8E5E; }
.ld-bn-muted { color: var(--ld-muted); font-size: .8rem; }
.ld-bn-label { font-weight: 700; color: var(--ld-text); font-size: .82rem; }
.ld-bn-big { font-family: var(--ld-serif); font-size: 1.6rem; font-weight: 600; color: var(--ld-text); }
.ld-bn-btns { display: flex; gap: .5rem; margin-top: .25rem; }
.ld-bn-btn {
  border: 1px solid var(--ld-border);
  border-radius: 7px;
  padding: .45rem .8rem;
  font-weight: 600;
  color: var(--ld-muted);
  background: #FFFFFF;
}
.ld-bn-btn-go { background: #2F7A4F; border-color: #2F7A4F; color: #FFFFFF; }
.ld-bn-toast {
  align-self: flex-end;
  background: var(--ld-dark);
  color: #FFFFFF;
  border-radius: 8px;
  padding: .45rem .75rem;
  font-size: .8rem;
  font-weight: 600;
}
.ld-bn-toast i { color: #7BD49B; }
.ld-bn-notif { flex-direction: row; align-items: flex-start; gap: .7rem; }
.ld-bn-notif > div { flex: 1; }
.ld-bn-ico { color: var(--ld-clay); font-size: 1.1rem; margin-top: .1rem; }
.ld-bn-time { font-size: .75rem; color: var(--ld-muted); white-space: nowrap; }
.ld-bn-dim { opacity: .6; }
.ld-bn-chip {
  flex: 0 0 auto !important;
  border: 1px solid var(--ld-blue);
  color: var(--ld-blue) !important;
  border-radius: 6px;
  padding: .1rem .5rem;
  font-size: .75rem;
  font-weight: 600;
}
.ld-bn-pay { flex-direction: row; align-items: center; gap: 1rem; }
.ld-bn-pay .ld-bn-rows { flex: 1; }
.ld-bn-qr { display: flex; flex-direction: column; align-items: center; color: var(--ld-text); font-size: .72rem; font-weight: 700; }
.ld-bn-qr i { font-size: 3.2rem; line-height: 1; }
.ld-bn-share { display: flex; gap: .5rem; flex-wrap: wrap; margin: .35rem 0; }
.ld-bn-sh {
  display: inline-flex; align-items: center; gap: .35rem;
  border: 1px solid var(--ld-border); border-radius: 7px;
  padding: .4rem .7rem; font-weight: 600; color: var(--ld-text); background: #FFFFFF;
}
.ld-bn-wa i { color: #25A55F; }
.ld-bn-vb i { color: #7360F2; }
.ld-bn-voice { flex-direction: row; align-items: center; gap: .75rem; }
.ld-bn-mic {
  width: 38px; height: 38px; border-radius: 50%;
  background: #C0392B; color: #FFFFFF;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
.ld-bn-wave { flex: 1; display: flex; align-items: center; gap: 3px; height: 28px; }
.ld-bn-wave i { display: block; width: 4px; border-radius: 2px; background: #CDBFA9; height: 40%; }
.ld-bn-wave i:nth-child(2n) { height: 80%; }
.ld-bn-wave i:nth-child(3n) { height: 55%; }
.ld-bn-wave i:nth-child(5n) { height: 100%; }

/* Številke 1-9 */
.ld-bn-nav {
  display: flex;
  justify-content: space-between;
  gap: .35rem;
  margin-top: 1.1rem;
}
.ld-bn-dot {
  flex: 1 1 0;
  max-width: 40px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--ld-border);
  background: #FFFFFF;
  color: var(--ld-muted);
  font-family: var(--ld-serif);
  font-size: .95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.ld-bn-dot:hover { border-color: #B9AB96; color: var(--ld-text); }
.ld-bn-dot.is-active { background: var(--ld-dark); border-color: var(--ld-dark); color: #F4D57A; }
.ld-bn-dot:focus-visible { outline: 2px solid var(--ld-blue); outline-offset: 2px; }
.ld-bn-progress { height: 3px; background: var(--ld-surface); border-radius: 2px; margin-top: .75rem; overflow: hidden; }
.ld-bn-progress span { display: block; height: 100%; width: 0; background: var(--ld-mark); }

@media (max-width: 767px) {
  .ld-bn { padding: 1.1rem 1rem 1rem; }
  .ld-bn-title { font-size: 1.25rem; }
  .ld-bn-visual { min-height: 0; }
  .ld-bn-dot { height: 32px; font-size: .9rem; }
  .ld-bn-row em { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ld-bn-slide, .ld-bn-slide.is-active { transition: none; transform: none; }
}

/* Škatla "prihrani" nad cenikom: flomaster čez večji del črk (manjša pisava) */
.ld-price-payback .ld-mark {
  font-weight: 700;
  background: linear-gradient(transparent 40%, var(--ld-mark) 40%, var(--ld-mark) 95%, transparent 95%);
}
.ld-price-payback i { color: var(--ld-clay); }

/* Izpostavljen citat nad cenikom (namesto škatle s prašičkom) */
.ld-pullquote {
  max-width: 760px;
  margin: 0 auto 2.75rem;
  padding: .25rem 0 .25rem 1.75rem;
  border-left: 4px solid var(--ld-mark);
  text-align: left;
}
.ld-pullquote p {
  font-family: var(--ld-serif);
  font-weight: 500;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  line-height: 1.45;
  color: var(--ld-text);
  margin: 0 0 .75rem;
}
.ld-pullquote .ld-mark { font-weight: 700; }
.ld-pullquote footer {
  font-size: .95rem;
  font-weight: 600;
  color: var(--ld-clay);
}
@media (max-width: 767px) {
  .ld-pullquote { padding-left: 1.1rem; }
}

/* "9 prednosti ORFI" — izpostavljen naslov: temen pas čez vrh kartice */
.ld-bn-head {
  margin: -1.5rem -1.75rem 1.25rem;
  padding: .85rem 1.75rem;
  background: var(--ld-dark);
  align-items: center;
}
.ld-bn-kicker {
  font-family: var(--ld-serif);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}
.ld-bn-nine {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 8px;
  background: var(--ld-mark);
  color: var(--ld-dark);
  font-size: 1.35rem;
  font-weight: 700;
}
.ld-bn-count { color: rgba(255,255,255,.6); }
.ld-bn-count strong { color: #F4D57A; }
@media (max-width: 767px) {
  .ld-bn-head { margin: -1.1rem -1rem 1rem; padding: .75rem 1rem; }
  .ld-bn-kicker { font-size: 1.15rem; }
}
