/* ── Global font-arv fix (Inter på alle elementer) ──────────────
   Browsere arver IKKE font-family til input/select/textarea/button
   medmindre det er eksplicit sat. Dette fix sikrer konsistent Inter.
   ──────────────────────────────────────────────────────────────── */
input, select, textarea, button,
.calc-title, .calc-field label, .calc-result-row span,
.calc-result-row strong, .range-wrapper,
.filter-select, .laan-info span, .laan-info strong,
.kort-titel, .laane-kort *, .hero-calculator *,
.ql-card *, .laanetyper *, .guide-grid *,
.fav-feature, .fav-kort * {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ═══════════════════════════════════════════════════════════════
   Monino.dk — Artikel CSS  (monino-article.css)
   Til: blog_view.php (layout) + monino-article komponenter
   ═══════════════════════════════════════════════════════════════ */

/* ── Artikel side-layout ──────────────────────────────────────── */
.artikel-wrapper{padding:2rem 0 4rem}
.artikel-layout{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}
@media(max-width:900px){.artikel-layout{grid-template-columns:1fr}}
.artikel-hoved{min-width:0}
.artikel-billede{width:100%;border-radius:16px;margin-bottom:1.5rem;object-fit:cover;max-height:420px}
.artikel-header{margin-bottom:1.5rem}
.artikel-meta{font-size:.875rem;color:var(--color-text-muted,#667085);margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.artikel-header h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;margin:0 0 .75rem;letter-spacing:-.03em}
.artikel-ingress{font-size:1.0625rem;color:var(--color-text-muted,#667085);line-height:1.65;margin:0}
.artikel-disclaimer{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.75rem 1rem;font-size:.8125rem;color:#1e40af;margin-bottom:1.5rem;display:flex;gap:.5rem}
.artikel-indhold{line-height:1.75}
.artikel-indhold h2{font-size:1.5rem;margin:2.5rem 0 1rem;letter-spacing:-.025em}
.artikel-indhold h3{font-size:1.1875rem;margin:1.75rem 0 .75rem}
.artikel-indhold p{margin:0 0 1.25rem}
.artikel-opdateret{font-size:.8125rem;color:var(--color-text-muted,#667085);margin-top:2rem;padding-top:1rem;border-top:1px solid #f0f0f0}
.relaterede-indlaeg h3{font-size:1rem;margin:0 0 1rem}
.relateret-kort{display:flex;gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;font-size:.875rem;font-weight:500}
.relateret-kort:hover{color:#1a56db}
.relateret-kort img{width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0}
.artikel-sidebar{position:sticky;top:100px}

/* ═══════════════════════════════════════════════════════════════
   MONINO ARTIKEL KOMPONENTER
   ═══════════════════════════════════════════════════════════════ */

.monino-article{
  --mp:#1a56db; --mpd:#1e429f; --mac:#f59e0b;
  --mbg:#f0f6ff; --mc:#fff; --mt:#1f2933;
  --mm:#667085; --mb:#e4e7ec;
  --green:#16a34a; --orange:#ea580c; --red:#dc2626;
  color:var(--mt);font-family:inherit;line-height:1.7;
}
.monino-article *{box-sizing:border-box}
.monino-article h1,.monino-article h2,.monino-article h3{color:#101828;line-height:1.2}
.monino-article h2{font-size:1.5rem;margin:2.5rem 0 1rem;letter-spacing:-.025em}
.monino-article h3{font-size:1.1rem;margin:1.5rem 0 .625rem}
.monino-article p{margin:0 0 1.1rem}
.monino-article ul,.monino-article ol{margin:0 0 1.25rem;padding-left:1.375rem}
.monino-article li{margin:.4rem 0}
.monino-article a{color:var(--mpd);font-weight:600;text-underline-offset:3px}
.monino-article strong{color:#101828}
.monino-article hr{border:none;border-top:1px solid var(--mb);margin:2rem 0}

/* ── Hero ──────────────────────────────────────────────────────── */
.monino-hero,.monino-article section.monino-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#eff6ff 0%,#fff 55%,#fffbeb 100%);
  border:1.5px solid var(--mb);border-radius:22px;
  padding:clamp(1.5rem,4vw,3rem);margin:0 0 2rem;
}
.monino-hero::after{
  content:"";position:absolute;right:-60px;top:-60px;
  width:160px;height:160px;background:rgba(26,86,219,.08);
  border-radius:999px;pointer-events:none;
}
.monino-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 .875rem;letter-spacing:-.03em}

/* Eyebrow badge */
.monino-eyebrow{
  display:inline-flex;gap:6px;align-items:center;
  padding:5px 12px;background:#fff;border:1px solid var(--mb);
  border-radius:999px;font-size:.8rem;font-weight:700;
  color:var(--mpd);margin-bottom:1rem;letter-spacing:.02em;text-transform:uppercase;
}

/* Lead tekst */
.monino-lead{font-size:1.05rem;color:#344054;line-height:1.7;max-width:680px;margin:0 0 1.5rem}

/* ── Stats grid — altid 3 kolonner ─────────────────────────────── */
.monino-hero-grid,.monino-stats-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;margin:1.25rem 0;
}
@media(max-width:600px){
  .monino-hero-grid,.monino-stats-row{grid-template-columns:1fr}
}
.monino-stat{
  background:rgba(255,255,255,.82);border:1px solid var(--mb);
  border-radius:14px;padding:14px 16px;backdrop-filter:blur(4px);
}
/* Understøt begge navnekonventioner fra AI */
.monino-stat strong,.monino-stat__value,.monino-stat .monino-stat__value{
  display:block;font-size:1.35rem;color:#101828;
  font-weight:800;letter-spacing:-.03em;margin-bottom:.2rem;
}
.monino-stat span,.monino-stat__label,.monino-stat .monino-stat__label{
  display:block;font-size:.82rem;color:var(--mm);line-height:1.35;
}

/* ── CTA-knapper ───────────────────────────────────────────────── */
.monino-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:1.375rem 0;align-items:center}
.monino-bottom-cta .monino-cta-row{justify-content:center}

/* Primær knap — understøt både monino-btn og monino-btn--primary */
.monino-btn,
.monino-btn--primary,
.monino-btn.monino-btn--primary{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:.7rem 1.5rem;border-radius:999px;
  background:var(--mp);color:#fff !important;
  text-decoration:none !important;font-weight:700;font-size:.9rem;
  border:none;cursor:pointer;
  box-shadow:0 4px 14px rgba(26,86,219,.22);
  transition:background .15s,transform .1s;
}
.monino-btn:hover,.monino-btn--primary:hover{background:var(--mpd);transform:translateY(-1px)}

/* Sekundær knap — understøt begge navne */
.monino-btn-secondary,
.monino-btn--secondary,
.monino-btn.monino-btn--secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:.7rem 1.5rem;border-radius:999px;
  background:#fff;color:var(--mpd) !important;
  text-decoration:none !important;font-weight:600;font-size:.9rem;
  border:1.5px solid var(--mb);cursor:pointer;
  transition:border-color .15s,background .15s;
}
.monino-btn-secondary:hover,.monino-btn--secondary:hover{
  border-color:var(--mp);background:#f0f6ff;
}

/* ── Tip / Note / Warning — med SVG-ikoner ─────────────────────── */
.monino-tip,.monino-warning,.monino-note{
  border-radius:14px;padding:1rem 1.125rem 1rem 3.25rem;
  margin:1.25rem 0;border:1.5px solid var(--mb);
  position:relative;
}
.monino-tip::before,.monino-warning::before,.monino-note::before{
  content:"";position:absolute;left:1rem;top:1rem;
  width:20px;height:20px;background-size:contain;
  background-repeat:no-repeat;background-position:center;
  flex-shrink:0;
}
.monino-tip{
  background:#ecfdf3;border-color:#abefc6;
}
.monino-tip::before{
  /* Checkmark cirkel ikon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2316a34a'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.monino-warning{
  background:#fff7ed;border-color:#fed7aa;
}
.monino-warning::before{
  /* Advarsel trekant */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ea580c'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.monino-note{
  background:#eff6ff;border-color:#bfdbfe;
}
.monino-note::before{
  /* Info cirkel */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231a56db'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.monino-tip strong,.monino-warning strong,.monino-note strong{
  display:block;margin-bottom:.35rem;color:#101828;font-size:.9375rem;
}

/* ── Tabel ─────────────────────────────────────────────────────── */
.monino-table-wrap{
  overflow-x:auto;border:1.5px solid var(--mb);
  border-radius:14px;margin:1.5rem 0;background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.monino-table-wrap table{width:100%;border-collapse:collapse;min-width:460px}
.monino-table-wrap caption{
  padding:.625rem 1rem;font-size:.8rem;
  color:var(--mm);text-align:left;caption-side:top;
  border-bottom:1px solid var(--mb);font-style:italic;
}
.monino-table-wrap th{
  background:#f9fafb;font-weight:700;color:#101828;
  padding:.75rem 1rem;border-bottom:1.5px solid var(--mb);
  text-align:left;font-size:.875rem;
}
.monino-table-wrap td{
  padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;
  font-size:.875rem;vertical-align:top;
}
.monino-table-wrap tr:last-child td{border-bottom:0}
.monino-table-wrap tbody tr:hover{background:#fafbfc}

/* ── Kort — altid 3 kolonner side om side ──────────────────────── */
.monino-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin:1.5rem 0;
}
@media(max-width:700px){.monino-cards{grid-template-columns:1fr}}

.monino-card{
  background:#fff;border:1.5px solid var(--mb);
  border-radius:18px;padding:1.375rem;
  display:flex;flex-direction:column;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:box-shadow .15s;
}
.monino-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}

/* Kort farver */
.monino-card.good,.monino-card--good{border-color:#bbf7d0;background:linear-gradient(145deg,#f0fdf4,#fff)}
.monino-card.medium,.monino-card--medium{border-color:#fed7aa;background:linear-gradient(145deg,#fff7ed,#fff)}
.monino-card.expensive,.monino-card--expensive{border-color:#fecaca;background:linear-gradient(145deg,#fff5f5,#fff)}

/* Badge/tag i kort */
.monino-card .tag{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:999px;
  font-size:.78rem;font-weight:700;margin-bottom:.75rem;width:fit-content;
}
.monino-card.good .tag{background:#dcfce7;color:#15803d}
.monino-card.medium .tag{background:#ffedd5;color:#c2410c}
.monino-card.expensive .tag{background:#fee2e2;color:#b91c1c}

/* Tag ikoner via ::before */
.monino-card.good .tag::before{
  content:"";display:inline-block;width:14px;height:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2315803d'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}
.monino-card.medium .tag::before{
  content:"";display:inline-block;width:14px;height:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23c2410c'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-4.75a.75.75 0 001.5 0V8.75a.75.75 0 00-1.5 0v4.5zm.75-7.5a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}
.monino-card.expensive .tag::before{
  content:"";display:inline-block;width:14px;height:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23b91c1c'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}

.monino-card h3{font-size:.9375rem;margin:0 0 .5rem;color:#101828}
.monino-card p{font-size:.875rem;margin:0 0 .625rem;color:#344054}
.monino-card p:last-child{margin-bottom:0}
.monino-card ul{padding-left:1.125rem;margin:.625rem 0 0;font-size:.85rem}
.monino-card li{margin:.3rem 0}

/* Stor pris i kort */
.monino-card-price{
  font-size:1.5rem;font-weight:800;color:#101828;
  letter-spacing:-.03em;margin:.375rem 0 .25rem;display:block;
}
.monino-card small{font-size:.8rem;color:var(--mm)}

/* ── Pill-liste ─────────────────────────────────────────────────── */
.monino-pill-list{
  display:flex;flex-wrap:wrap;gap:8px;
  list-style:none;padding:0;margin:1rem 0 1.5rem;
}
.monino-pill-list li{
  padding:6px 14px;background:#fff;
  border:1.5px solid var(--mb);border-radius:999px;
  font-size:.8375rem;font-weight:600;color:#344054;
  transition:border-color .15s,background .15s;
}
.monino-pill-list li:hover{border-color:var(--mp);background:#eff6ff;color:var(--mpd)}

/* ── Mini-grid (2 kolonner) ─────────────────────────────────────── */
.monino-mini-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;margin:1.5rem 0;
}
@media(max-width:500px){.monino-mini-grid{grid-template-columns:1fr}}
.monino-mini{
  background:#fff;border:1.5px solid var(--mb);
  border-radius:14px;padding:1rem 1.125rem;
}
.monino-mini strong{display:block;color:#101828;margin-bottom:.3rem;font-size:.9rem}
.monino-mini p{font-size:.875rem;color:#344054;margin:0}

/* ── Søjlediagram ───────────────────────────────────────────────── */
.monino-bar-chart{
  background:#fff;border:1.5px solid var(--mb);
  border-radius:16px;padding:1.25rem 1.5rem;margin:1.5rem 0;
}
.monino-bar-chart h3{margin:0 0 1rem;font-size:.9375rem;color:#101828}
.monino-bar-row{
  display:grid;grid-template-columns:140px 1fr 70px;
  gap:12px;align-items:center;margin:.625rem 0;
}
.monino-bar-label{font-size:.875rem;font-weight:600;color:#344054}
.monino-bar-track{
  height:14px;background:#f1f5f9;
  border-radius:999px;overflow:hidden;
}
.monino-bar-fill{
  height:100%;border-radius:999px;
  background:linear-gradient(90deg,#1a56db,#3b82f6);
  transition:width .4s ease;
}
.monino-bar-value{font-size:.875rem;font-weight:700;color:#101828;text-align:right}

/* ── Tjekliste — mørk med grønne checkmarks ─────────────────────── */
.monino-checklist{
  background:#101828;color:#fff;
  border-radius:20px;padding:1.75rem 2rem;margin:1.75rem 0;
}
.monino-checklist h2,.monino-checklist h3{color:#fff;margin:0 0 1rem}
.monino-checklist ol,.monino-checklist ul{
  list-style:none;padding:0;margin:0;
}
.monino-checklist li{
  padding:.6rem 0;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:.9375rem;line-height:1.5;
  display:flex;align-items:flex-start;gap:.75rem;
}
.monino-checklist li strong{display:inline}
.monino-checklist li:last-child{border-bottom:none}
/* strong på mørk baggrund skal være hvid */
.monino-checklist li strong { color: #fff !important; }

/* strong i checklist li er inline */
.monino-checklist ol li strong { display: inline; }

/* Grøn checkmark via SVG ::before */
.monino-checklist li::before{
  content:"";flex-shrink:0;
  width:20px;height:20px;margin-top:.15rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234ade80'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}

/* ── FAQ accordion ──────────────────────────────────────────────── */
.monino-faq{margin:2rem 0}
.monino-faq > h2{margin-bottom:.875rem}
.monino-faq details{
  background:#fff;border:1.5px solid var(--mb);
  border-radius:12px;padding:1rem 1.25rem;margin:5px 0;
  transition:box-shadow .15s;
}
.monino-faq details[open]{
  box-shadow:0 4px 16px rgba(26,86,219,.08);
  border-color:#bfdbfe;
}
.monino-faq summary{
  cursor:pointer;font-weight:700;color:#101828;
  font-size:.9375rem;list-style:none;
  display:flex;justify-content:space-between;align-items:center;
  gap:.5rem;
}
.monino-faq summary::-webkit-details-marker{display:none}
.monino-faq summary::after{
  content:"+";color:var(--mp);font-size:1.375rem;
  font-weight:300;flex-shrink:0;transition:transform .2s;
}
.monino-faq details[open] summary::after{
  content:"\2212";
}
.monino-faq details p{
  margin:.875rem 0 .125rem;
  font-size:.9rem;color:#344054;line-height:1.75;
}

/* ── Bottom CTA ─────────────────────────────────────────────────── */
.monino-bottom-cta{
  text-align:center;
  background:linear-gradient(135deg,#1e429f 0%,#1a56db 100%);
  color:#fff;border-radius:22px;
  padding:2.75rem 1.5rem;margin:2.5rem 0 1rem;
  box-shadow:0 12px 32px rgba(26,86,219,.2);
}
.monino-bottom-cta h2{color:#fff;margin:0 0 .75rem;font-size:1.375rem}
.monino-bottom-cta p{color:#bfdbfe;max-width:540px;margin:0 auto 1.5rem;font-size:.9375rem}
.monino-bottom-cta .monino-btn,.monino-bottom-cta .monino-btn--primary{
  background:#fff;color:#1e429f !important;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
}
.monino-bottom-cta .monino-btn:hover,.monino-bottom-cta .monino-btn--primary:hover{background:#eff6ff}
.monino-bottom-cta .monino-btn-secondary,.monino-bottom-cta .monino-btn--secondary{
  border-color:rgba(255,255,255,.35);color:#fff !important;background:transparent;
}
.monino-bottom-cta .monino-btn-secondary:hover,.monino-bottom-cta .monino-btn--secondary:hover{
  background:rgba(255,255,255,.1);
}

/* ── Disclaimer ─────────────────────────────────────────────────── */
.monino-disclaimer{
  font-size:.8125rem;color:var(--mm);
  border-top:1px solid var(--mb);
  padding-top:1.25rem;margin-top:2rem;
  line-height:1.6;
}

/* Monino.dk — UI overrides og udvidelser
   Loades EFTER monino.css. Retter og udvider uden at røre hoved-CSS.
   ================================================================= */

/* ── Favoritter — redesign ───────────────────────────────────── */
.favoritter {
  background: var(--color-primary-light, #eff6ff);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
}
.fav-header { text-align: center; margin-bottom: 2rem; }
.fav-header h2 { margin-bottom: .375rem; }
.fav-subtitle { color: var(--color-text-muted, #667085); font-size: .9375rem; margin: 0; text-align: center; }

.fav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 700px) { .fav-grid { grid-template-columns: 1fr; } }

.fav-kort {
  background: #fff;
  border-radius: 20px;
  padding: 1.75rem 1.5rem 1.5rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(26,86,219,.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  border: 1.5px solid rgba(26,86,219,.1);
  transition: box-shadow .2s, transform .2s;
  position: relative;
  overflow: hidden;
}
.fav-kort::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #1a56db, #60a5fa) !important;
  border-radius: 20px 20px 0 0 !important;
}
.fav-kort:hover {
  box-shadow: 0 8px 32px rgba(26,86,219,.16);
  transform: translateY(-3px);
}

/* Logo wrapper - fixed height, centered */
.fav-logo-wrap {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  width: 100%;
}
.fav-logo-wrap img,
.fav-logo {
  max-height: 64px !important;
  max-width: 180px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Features/fordele */
.fav-features {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%;
  margin-bottom: 1.375rem;
  flex: 1;
}
.fav-feature {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  color: var(--color-text, #1f2933) !important;
  padding: .5rem .75rem;
  background: #f8fafc !important;
  border-radius: 8px;
  font-weight: 500;
}
.fav-feature i {
  color: #16a34a !important;
  font-size: .9rem;
  flex-shrink: 0;
}

/* Ansøg-knap fuld bredde */
.fav-btn {
  width: 100%;
  justify-content: center;
  gap: .5rem;
  min-height: 44px;
  border-radius: 12px !important;
}

/* ═══════════════════════════════════════════════════════════════
   NYE KOMPONENTER — hotfix71
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Trust Signal ──────────────────────────────────────────── */
.monino-trust-signal {
  display:inline-flex;align-items:center;gap:8px;
  background:#f0fdf4;border:1.5px solid #bbf7d0;
  border-radius:999px;padding:8px 16px;
  font-size:.875rem;font-weight:600;color:#15803d;
  margin:1rem 0;
}
.monino-trust-signal::before {
  content:"";width:8px;height:8px;background:#16a34a;
  border-radius:50%;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(22,163,74,.2);
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(22,163,74,.2)}50%{box-shadow:0 0 0 6px rgba(22,163,74,.05)}}

/* ── 2. Expert Quote ─────────────────────────────────────────── */
.monino-expert-quote {
  border-left:4px solid #1a56db;
  background:#eff6ff;border-radius:0 12px 12px 0;
  padding:1.125rem 1.375rem;margin:1.5rem 0;
}
.monino-expert-quote blockquote {
  font-size:1.0625rem;font-style:italic;
  color:#1e3a5f;margin:0 0 .625rem;line-height:1.7;
}
.monino-expert-quote cite {
  font-size:.8125rem;font-weight:700;color:#1a56db;
  font-style:normal;display:block;
}

/* ── 3. Qualify — "Er dette noget for dig?" ─────────────────── */
.monino-qualify {
  background:#fff;border:1.5px solid var(--mb,#e4e7ec);
  border-radius:18px;padding:1.5rem 1.75rem;margin:1.5rem 0;
}
.monino-qualify h3 {
  margin:0 0 1.125rem;font-size:1rem;color:#101828;
}
.monino-qualify-grid {
  display:grid;grid-template-columns:1fr 1fr;gap:.75rem;
}
@media(max-width:500px){.monino-qualify-grid{grid-template-columns:1fr}}
.monino-qualify-item {
  display:flex;align-items:flex-start;gap:.625rem;
  padding:.625rem .75rem;border-radius:10px;font-size:.875rem;
}
.monino-qualify-item.ja {
  background:#f0fdf4;color:#15803d;
}
.monino-qualify-item.nej {
  background:#fff5f5;color:#b91c1c;
}
.monino-qualify-item::before {
  font-weight:700;font-size:1rem;flex-shrink:0;margin-top:1px;
}
.monino-qualify-item.ja::before { content:"✓"; }
.monino-qualify-item.nej::before { content:"✗"; }

/* ── 4. Steps — nummererede trin ────────────────────────────── */
.monino-steps {
  margin:1.5rem 0;counter-reset:step;
}
.monino-step {
  display:flex;gap:1.125rem;align-items:flex-start;
  margin:0 0 1.125rem;position:relative;
}
.monino-step:not(:last-child)::after {
  content:"";position:absolute;left:19px;top:44px;
  width:2px;height:calc(100% - 12px);
  background:linear-gradient(180deg,#1a56db,#e4e7ec);
}
.monino-step-num {
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,#1a56db,#3b82f6);
  color:#fff;font-weight:800;font-size:.9375rem;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;box-shadow:0 4px 12px rgba(26,86,219,.25);
}
.monino-step-content { flex:1;padding-top:8px; }
.monino-step-content strong {
  display:block;color:#101828;margin-bottom:.3rem;font-size:.9375rem;
}
.monino-step-content p {
  color:#344054;font-size:.875rem;margin:0;line-height:1.6;
}

/* ── 5. Compare 2-kolonne ────────────────────────────────────── */
.monino-compare-2col {
  display:grid;grid-template-columns:1fr 1fr;
  gap:1rem;margin:1.5rem 0;
}
@media(max-width:600px){.monino-compare-2col{grid-template-columns:1fr}}
.monino-compare-col {
  border-radius:16px;padding:1.25rem 1.375rem;
}
.monino-compare-col.fordele {
  background:#f0fdf4;border:1.5px solid #bbf7d0;
}
.monino-compare-col.ulemper {
  background:#fff5f5;border:1.5px solid #fecaca;
}
.monino-compare-col h4 {
  font-size:.9375rem;margin:0 0 .875rem;display:flex;gap:.5rem;align-items:center;
}
.monino-compare-col.fordele h4 { color:#15803d; }
.monino-compare-col.ulemper h4 { color:#b91c1c; }
.monino-compare-col ul {
  list-style:none;padding:0;margin:0;
}
.monino-compare-col li {
  padding:.4rem 0 .4rem 1.5rem;font-size:.875rem;
  position:relative;color:#344054;border-bottom:1px solid rgba(0,0,0,.05);
}
.monino-compare-col li:last-child { border-bottom:none; }
.monino-compare-col.fordele li::before {
  content:"✓";position:absolute;left:0;color:#16a34a;font-weight:700;
}
.monino-compare-col.ulemper li::before {
  content:"✗";position:absolute;left:0;color:#dc2626;font-weight:700;
}

/* ── 6. Highlight — ét fremhævet faktum ─────────────────────── */
.monino-highlight {
  text-align:center;
  background:linear-gradient(135deg,#eff6ff,#fff);
  border:1.5px solid #bfdbfe;border-radius:18px;
  padding:2rem 1.5rem;margin:1.5rem 0;
}
.monino-highlight-value {
  font-size:clamp(2.5rem,6vw,4rem);font-weight:900;
  color:#1a56db;letter-spacing:-.04em;line-height:1;
  display:block;margin-bottom:.375rem;
}
.monino-highlight-label {
  font-size:.9375rem;color:#344054;display:block;max-width:400px;margin:0 auto;
}

/* ── 7. Timeline ─────────────────────────────────────────────── */
.monino-timeline {
  margin:1.5rem 0;border-left:2px solid #e4e7ec;padding-left:1.5rem;
}
.monino-timeline-item {
  position:relative;margin:0 0 1.375rem;
}
.monino-timeline-item:last-child { margin-bottom:0; }
.monino-timeline-item::before {
  content:"";position:absolute;left:-1.875rem;top:4px;
  width:12px;height:12px;border-radius:50%;
  background:#1a56db;border:2px solid #fff;
  box-shadow:0 0 0 2px #1a56db;
}
.monino-timeline-date {
  font-size:.8125rem;font-weight:700;color:#1a56db;
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;
}
.monino-timeline-title {
  font-size:.9375rem;font-weight:700;color:#101828;margin-bottom:.25rem;
}
.monino-timeline-body { font-size:.875rem;color:#344054;line-height:1.6; }

/* ── 8. Person Example ───────────────────────────────────────── */
.monino-person {
  background:#fff;border:1.5px solid var(--mb,#e4e7ec);
  border-radius:18px;padding:1.375rem 1.5rem;margin:1.5rem 0;
  display:flex;gap:1.25rem;align-items:flex-start;
}
@media(max-width:500px){.monino-person{flex-direction:column}}
.monino-person-avatar {
  width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg,#1a56db,#60a5fa);
  color:#fff;font-weight:800;font-size:1.25rem;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.monino-person-body { flex:1; }
.monino-person-name {
  font-weight:700;color:#101828;font-size:.9375rem;margin-bottom:.25rem;
}
.monino-person-desc { font-size:.875rem;color:#344054;line-height:1.65;margin:0; }
.monino-person-result {
  margin-top:.75rem;padding:.5rem .875rem;
  background:#f0fdf4;border-radius:8px;
  font-size:.8375rem;font-weight:600;color:#15803d;
  display:inline-block;
}

/* ── 9. Rating ───────────────────────────────────────────────── */
.monino-rating {
  display:inline-flex;align-items:center;gap:.375rem;
}
.monino-rating-stars { color:#f59e0b;font-size:1rem;letter-spacing:1px; }
.monino-rating-text { font-size:.8125rem;color:#667085; }

/* ── 10. Callout — fremhævet sætning/konklusion ─────────────── */
.monino-callout {
  text-align:center;
  border-top:2px solid #1a56db;
  border-bottom:2px solid #1a56db;
  padding:1.5rem 1rem;margin:2rem 0;
}
.monino-callout p {
  font-size:1.1875rem;font-weight:600;color:#101828;
  line-height:1.5;max-width:600px;margin:0 auto;
  font-style:italic;
}

/* ── Placeholder kort — ekstra felter ──────────────────────── */
.monino-card-stars { margin:.25rem 0 0;line-height:1; }
.monino-card-svartid {
  display:inline-flex;align-items:center;gap:4px;
  font-size:.78rem;color:#667085;margin:.375rem 0;
}
.monino-card-text {
  font-size:.84rem;color:#344054;margin:.375rem 0 .5rem;
  line-height:1.5;
}

.monino-card-example { font-size:.82rem;color:#667085;margin:.375rem 0 .5rem;line-height:1.5; }

/* ── Kort: samme højde + knap altid i bunden ─────────────────── */
/* align-items:stretch sikrer alle kort er lige høje i en række   */
.monino-cards { align-items: stretch; }
/* margin-top:auto på knappen skubber den til bunden altid        */
.monino-card .monino-btn,
.monino-card .monino-btn-secondary,
.monino-card a[class*="monino-btn"] { margin-top: auto; }

/* ── monino-quiz komponent ───────────────────────────────────── */
.monino-quiz {
  background: linear-gradient(135deg,#eff6ff 0%,#fff 60%);
  border: 1.5px solid #bfdbfe;
  border-radius: 20px;
  padding: 2rem 1.75rem;
  margin: 2rem 0;
  box-shadow: 0 8px 32px rgba(26,86,219,.08);
}
.monino-quiz-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.monino-quiz-title {
  font-size: .8125rem;
  font-weight: 700;
  color: #1a56db;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.monino-quiz-progress {
  font-size: .8125rem;
  font-weight: 600;
  color: #64748b;
  background: #e4e7ec;
  padding: .25rem .625rem;
  border-radius: 99px;
}
.monino-quiz-bar {
  height: 5px;
  background: #e4e7ec;
  border-radius: 99px;
  margin-bottom: 1.75rem;
  overflow: hidden;
}
.monino-quiz-bar-fill {
  height: 100%;
  background: linear-gradient(90deg,#1a56db,#60a5fa);
  border-radius: 99px;
  transition: width .4s cubic-bezier(.4,0,.2,1);
}
.monino-quiz-question {
  font-size: 1.125rem;
  font-weight: 700;
  color: #101828;
  margin-bottom: 1.25rem;
  line-height: 1.4;
}
.monino-quiz-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .625rem;
}
.monino-quiz-option {
  background: #fff;
  border: 1.5px solid #e4e7ec;
  border-radius: 12px;
  padding: .875rem 1rem;
  cursor: pointer;
  font-size: .9375rem;
  color: #344054;
  text-align: left;
  font-family: inherit;
  transition: all .15s;
  width: 100%;
  line-height: 1.4;
}
.monino-quiz-option:hover {
  border-color: #1a56db;
  background: #eff6ff;
  color: #1a56db;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26,86,219,.12);
}
.monino-quiz-option.valgt {
  border-color: #1a56db;
  background: #1a56db;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(26,86,219,.25);
}
.monino-quiz-nav { margin-top: 1.25rem; }
.monino-quiz-back {
  background: none;
  border: 1.5px solid #e4e7ec;
  border-radius: 8px;
  padding: .5rem 1rem;
  cursor: pointer;
  font-size: .875rem;
  color: #667085;
  font-family: inherit;
  transition: all .15s;
}
.monino-quiz-back:hover { border-color: #94a3b8; color: #344054; }
.monino-quiz-result h3 {
  font-size: 1rem;
  color: #101828;
  margin-bottom: 1.25rem;
}
.monino-quiz-result .monino-cards { margin: 0; }
.monino-quiz-restart {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  background: none;
  border: 1.5px solid #e4e7ec;
  border-radius: 8px;
  padding: .5rem 1.125rem;
  color: #667085;
  font-size: .875rem;
  font-family: inherit;
  cursor: pointer;
  margin-top: 1.25rem;
  transition: all .15s;
  text-decoration: none;
}
.monino-quiz-restart:hover { border-color: #1a56db; color: #1a56db; }
/* Sørg for at Ansøg-knapper i quiz-kort altid har korrekt farve */
.monino-quiz-result .monino-btn {
  background: #1a56db;
  color: #fff !important;
  display: block;
  width: 100%;
  text-align: center;
  padding: .75rem 1rem;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: .9375rem;
  margin-top: auto;
  border: none;
  cursor: pointer;
}
.monino-quiz-result .monino-btn:hover { background: #1341a8; }
@media(max-width:480px){
  .monino-quiz { padding: 1.5rem 1.25rem; }
  .monino-quiz-options { grid-template-columns: 1fr; }
}