/* ============================================================================
   /asigurare-casco — pagina de serviciu CASCO (mockup SEO, 23.09.2026).
   Stilurile sunt prefixate cu .casco-page ca să nu atingă restul site-ului.
   Culorile și rotunjirile urmează stilul paginilor de serviciu existente
   (verificare-bonus-malus, rca-in-rate): verde #0D967E, galben #F7C244.
   ========================================================================= */

.casco-page {
    --c-green: #0D967E;
    --c-green-dark: #064e42;
    --c-yellow: #F7C244;
    --c-ink: #1f2937;
    --c-muted: #6b7280;
    --c-line: #e6e8eb;
    --c-soft: #f4f7f9;
    color: var(--c-ink);
    /* fonturile site-ului: style.css pune "Segoe" doar pe p/a/h1-h6/li/span/… (body nu are
       font-family), așa că div, dt, dd, th, td și caption ar cădea pe fontul serif al browserului.
       Le dăm familia aici, o dată, iar textele îngroșate folosesc „Segoe-Semi-Bold”, ca titlurile
       din restul site-ului (.e-semibold, .e-section-title-wrapper h2 etc.). */
    font-family: "Segoe", "Open Sans";
}

.casco-page h1, .casco-page h2, .casco-page h3,
.casco-page strong, .casco-page b,
.casco-page .title, .casco-page .card-title, .casco-page .step-title,
.casco-page .value, .casco-page .unit, .casco-page .t,
.casco-page dd, .casco-page th,
.casco-page .casco-toc a, .casco-page .casco-chips li.is-main {
    font-family: "Segoe-Semi-Bold", "Open Sans";
}

.casco-page h2 { font-size: clamp(24px, 3.4vw, 34px); font-weight: 700; line-height: 1.25; }
.casco-page h3 { font-size: clamp(18px, 2.2vw, 22px); font-weight: 700; line-height: 1.3; }
.casco-page p { line-height: 1.7; }
.casco-page .lead-text { font-size: clamp(16px, 2vw, 19px); line-height: 1.65; }
.casco-page .muted { color: var(--c-muted); }
.casco-page .source { font-size: 13px; line-height: 1.6; color: var(--c-muted); border-left: 3px solid var(--c-line); padding-left: 12px; }

/* ── hero ─────────────────────────────────────────────────────────────── */
.casco-hero { background: var(--c-green-dark); color: #fff; }
.casco-hero h1 { font-size: clamp(28px, 5vw, 48px); font-weight: 700; line-height: 1.15; }
.casco-hero .hero-lead { font-size: clamp(16px, 2.1vw, 20px); line-height: 1.6; color: rgba(255,255,255,.88); }
.casco-hero .badge-pill { background: rgba(255,255,255,.15); border-radius: 30px; font-size: .85rem; font-weight: 600; padding: 8px 16px; display: inline-flex; align-items: center; gap: 8px; }
.casco-hero .e-breadcrumb, .casco-hero .e-breadcrumb a { color: rgba(255,255,255,.75); font-size: 14px; text-decoration: none; }
.casco-hero .e-breadcrumb a:hover { color: #fff; }
.casco-hero .e-breadcrumb strong { color: #fff; font-weight: 600; }

/* fișa produsului din hero: chenar alb, cu detaliile scrise cu literă mare (cerere Alina, 24.09.2026) */
.casco-facts { background: #fff; border: 1px solid var(--c-line); border-radius: 18px; padding: 20px 22px; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.casco-facts .title { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--c-green-dark); font-weight: 700; margin-bottom: 14px; }
.casco-facts dl { display: grid; grid-template-columns: 1fr; gap: 10px 24px; margin: 0; }
.casco-facts .row-item { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px dashed var(--c-line); padding-bottom: 8px; }
.casco-facts dt { color: var(--c-muted); font-weight: 400; font-size: 14px; }
.casco-facts dd { margin: 0; font-weight: 700; text-align: right; font-size: 14px; color: var(--c-ink); }
@media (min-width: 768px) { .casco-facts dl { grid-template-columns: 1fr 1fr; } }

/* ── banda de încredere de sub hero (ASF, broker, plată, emitere) ─────── */
.casco-trust-wrap { background: #fff; padding: 20px 0 4px; }
.casco-trust { background: var(--c-green); color: #fff; border-radius: 20px; padding: 22px 20px; }
.casco-trust .item { display: flex; gap: 12px; align-items: flex-start; height: 100%; }
.casco-trust .item > .ti { font-size: 26px; color: var(--c-yellow); line-height: 1.2; flex: 0 0 auto; }
.casco-trust strong { display: block; font-size: 15px; font-weight: 700; }
.casco-trust p { margin: 2px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.85); }

/* ── țările acoperite (etichete) ──────────────────────────────────────── */
.casco-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.casco-chips li { background: #fff; border: 1px solid var(--c-line); border-radius: 30px; padding: 7px 14px; font-size: 14px; }
.casco-chips li.is-main { background: var(--c-green); border-color: var(--c-green); color: #fff; font-weight: 600; }

/* ── cuprins ──────────────────────────────────────────────────────────── */
.casco-toc { background: #fff; border: 1px solid var(--c-line); border-radius: 18px; padding: 18px 20px; }
.casco-toc .title { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--c-muted); font-weight: 700; margin-bottom: 12px; }
.casco-toc ol { list-style: none; counter-reset: toc; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 992px) { .casco-toc ol { grid-template-columns: 1fr 1fr; gap: 8px 24px; } }
.casco-toc li { counter-increment: toc; }
.casco-toc a { display: flex; gap: 10px; align-items: baseline; color: var(--c-ink); text-decoration: none; font-weight: 600; font-size: 15px; padding: 6px 0; }
.casco-toc a::before { content: counter(toc); color: var(--c-green); font-weight: 700; min-width: 1.4em; }
.casco-toc a:hover { color: var(--c-green); }
@media (min-width: 992px) { .casco-toc.is-sticky { position: sticky; top: 90px; } }

/* ── secțiuni ─────────────────────────────────────────────────────────── */
.casco-page section[id] { scroll-margin-top: 90px; }
.casco-page .section-pad { padding: 48px 0; }
@media (min-width: 992px) { .casco-page .section-pad { padding: 64px 0; } }
.casco-page .bg-soft { background: var(--c-soft); }

/* ── carduri ──────────────────────────────────────────────────────────── */
.casco-card { background: #fff; border: 1px solid var(--c-line); border-radius: 16px; padding: 20px; height: 100%; }
.casco-card h3, .casco-card .card-title { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.casco-card p { font-size: 15px; margin-bottom: 0; color: #444; }
.casco-card .ic { width: 38px; height: 38px; border-radius: 10px; background: #eef8f5; color: var(--c-green); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.casco-card.is-out .ic { background: #fdeceb; color: #d92d20; }

/* ── tabele ───────────────────────────────────────────────────────────── */
.casco-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.casco-table { width: 100%; border-collapse: collapse; font-size: 15px; background: #fff; }
.casco-table caption { caption-side: top; text-align: left; font-size: 13px; color: var(--c-muted); padding-bottom: 10px; }
.casco-table th, .casco-table td { padding: 12px 14px; border-bottom: 1px solid var(--c-line); text-align: left; vertical-align: top; }
.casco-table thead th { background: var(--c-soft); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--c-muted); white-space: nowrap; }
.casco-table tbody th { font-weight: 600; }
.casco-table .num { text-align: right; white-space: nowrap; }
.casco-table tr:last-child th, .casco-table tr:last-child td { border-bottom: 0; }

/* ── cifre / statistici ───────────────────────────────────────────────── */
.casco-stat { background: #fff; border: 1px solid var(--c-line); border-radius: 16px; padding: 18px 20px; height: 100%; }
.casco-stat .value { font-size: clamp(26px, 4vw, 34px); font-weight: 700; color: var(--c-green); line-height: 1.1; }
.casco-stat .unit { font-size: 15px; font-weight: 600; color: var(--c-ink); }
.casco-stat .label { font-size: 14px; color: var(--c-muted); margin-top: 6px; line-height: 1.6; }
.casco-stat .label strong { color: var(--c-ink); }

/* ── pași (timeline) ──────────────────────────────────────────────────── */
.casco-steps { list-style: none; margin: 0; padding: 0; counter-reset: step; display: grid; gap: 16px; }
@media (min-width: 768px) { .casco-steps { grid-template-columns: repeat(3, 1fr); } }
.casco-steps li { counter-increment: step; background: #fff; border: 1px solid var(--c-line); border-radius: 16px; padding: 20px; }
.casco-steps li::before { content: counter(step); display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--c-green); color: #fff; font-weight: 700; margin-bottom: 10px; }
.casco-steps .step-title { display: block; font-weight: 700; margin-bottom: 6px; }
.casco-steps p { font-size: 15px; margin: 0; color: #444; }

/* ── listă bifată / cu x ──────────────────────────────────────────────── */
.casco-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.casco-list li { display: flex; gap: 10px; font-size: 15px; line-height: 1.6; }
.casco-list li::before { content: "✓"; color: var(--c-green); font-weight: 700; flex: 0 0 auto; }
.casco-list.is-out li::before { content: "✕"; color: #d92d20; }

/* ── CTA final ────────────────────────────────────────────────────────── */
.casco-cta { background: var(--c-green-dark); color: #fff; border-radius: 20px; padding: 32px 24px; text-align: center; }
.casco-cta h2 { color: #fff; }
.casco-cta p { color: rgba(255,255,255,.85); }

/* ── legături interne (carduri mici) ──────────────────────────────────── */
.casco-links { display: grid; gap: 12px; }
@media (min-width: 576px) { .casco-links { grid-template-columns: 1fr 1fr; } }
@media (min-width: 992px) { .casco-links { grid-template-columns: repeat(3, 1fr); } }
.casco-links a { display: block; background: #fff; border: 1px solid var(--c-line); border-radius: 14px; padding: 16px 18px; text-decoration: none; color: var(--c-ink); }
.casco-links a:hover { border-color: var(--c-green); }
.casco-links .t { font-weight: 700; display: block; }
.casco-links .d { font-size: 14px; color: var(--c-muted); }