/* =========================================================================
   Carreh — setup-detail.css
   Shared component layer for the /setup SERVICE DETAIL pages (company
   formation, NIF, each visa, address, airport transfer, concierge, …).
   Builds on site-redesign.css (.rd-*) — this file only adds the richer,
   detail-page-specific blocks so every service page reads as one system:
     quick-facts box · day-by-day timeline · comparison table · requirement
     checklist · "what's included" grid · pricing tiers · rule-change callout
     · FAQ accordion.
   All scoped under .sd- so nothing collides with .rd- or page CSS.
   ========================================================================= */

/* ---- Breadcrumb (under the sticky nav) ---------------------------------- */
.sd-crumb{font-family:var(--rd-font-body);font-size:13px;color:rgba(255,255,255,.66);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.sd-crumb a{color:rgba(255,255,255,.66);text-decoration:none}
.sd-crumb a:hover{color:#fff}
.sd-crumb .sep{opacity:.5}

/* ---- Hero eyebrow pill (flags/price) ----------------------------------- */
.sd-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;padding:8px 16px;border-radius:100px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.sd-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--rd-emerald)}

/* ---- Quick-facts box (hero-adjacent) ----------------------------------- */
.sd-quickfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;margin-top:36px}
.sd-qf{background:rgba(9,30,19,.35);padding:18px 20px}
.sd-qf .l{font-family:var(--rd-font-body);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sd-qf .v{font-family:var(--rd-font-display);font-weight:700;font-size:19px;color:#fff;margin-top:6px;line-height:1.15}
.sd-qf .v em{font-family:var(--rd-font-serif);font-style:italic;font-weight:400;color:var(--rd-apricot)}

/* ---- Generic content prose inside a section ---------------------------- */
.sd-prose{max-width:760px}
.sd-prose p{font-family:var(--rd-font-body);font-size:16px;line-height:1.72;color:var(--rd-muted);margin:16px 0 0}
.rd-section--dark .sd-prose p{color:rgba(255,255,255,.8)}
.sd-prose strong{color:var(--rd-ink);font-weight:600}
.rd-section--dark .sd-prose strong{color:#fff}

/* ---- "What's included" / benefit grid ---------------------------------- */
.sd-incl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:44px}
.sd-icard{background:#fff;border:1px solid var(--rd-card-border);border-radius:18px;padding:22px;box-shadow:var(--rd-card-shadow)}
.rd-section--dark .sd-icard{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);box-shadow:none}
.sd-icard .i{font-size:24px;line-height:1}
.sd-icard h4{font-family:var(--rd-font-display);font-weight:700;font-size:16.5px;color:var(--rd-ink);margin:12px 0 5px}
.rd-section--dark .sd-icard h4{color:#fff}
.sd-icard p{font-family:var(--rd-font-body);font-size:14px;line-height:1.55;color:var(--rd-muted);margin:0}
.rd-section--dark .sd-icard p{color:rgba(255,255,255,.76)}

/* ---- Day-by-day timeline ----------------------------------------------- */
.sd-timeline{max-width:820px;margin:44px auto 0;display:grid;gap:0}
.sd-step{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative}
.sd-step .rail{display:flex;flex-direction:column;align-items:center}
.sd-step .num{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--rd-cta-grad);color:#fff;font-family:var(--rd-font-display);font-weight:800;font-size:16px;display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(14,74,40,.7)}
.sd-step .line{width:2px;flex:1 1 auto;background:linear-gradient(var(--rd-emerald),rgba(64,190,120,.15));margin:6px 0;min-height:18px}
.sd-step:last-child .line{display:none}
.sd-step .body{padding-bottom:26px}
.sd-step .when{font-family:var(--rd-font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rd-terracotta)}
.rd-section--dark .sd-step .when{color:var(--rd-emerald)}
.sd-step h4{font-family:var(--rd-font-display);font-weight:700;font-size:18px;color:var(--rd-ink);margin:6px 0 5px}
.rd-section--dark .sd-step h4{color:#fff}
.sd-step p{font-family:var(--rd-font-body);font-size:14.5px;line-height:1.6;color:var(--rd-muted);margin:0}
.rd-section--dark .sd-step p{color:rgba(255,255,255,.76)}

/* ---- Requirement / eligibility checklist ------------------------------- */
.sd-check{max-width:760px;margin:36px auto 0;display:grid;gap:12px}
.sd-check .row{display:flex;gap:13px;align-items:flex-start;font-family:var(--rd-font-body);font-size:15.5px;line-height:1.55;color:#3a463e}
.rd-section--dark .sd-check .row{color:rgba(255,255,255,.84)}
.sd-check .row .ck{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(64,190,120,.16);color:var(--rd-forest);display:grid;place-items:center;font-size:12px;font-weight:800;margin-top:1px}
.rd-section--dark .sd-check .row .ck{background:rgba(64,190,120,.2);color:var(--rd-emerald)}
.sd-check .row strong{color:var(--rd-ink);font-weight:700}
.rd-section--dark .sd-check .row strong{color:#fff}

/* ---- Comparison table --------------------------------------------------- */
.sd-tablewrap{max-width:880px;margin:40px auto 0;overflow-x:auto;border-radius:18px;border:1px solid var(--rd-card-border)}
.rd-section--dark .sd-tablewrap{border-color:rgba(255,255,255,.12)}
.sd-table{width:100%;border-collapse:collapse;font-family:var(--rd-font-body);min-width:520px;background:#fff}
.rd-section--dark .sd-table{background:transparent}
.sd-table th,.sd-table td{text-align:left;padding:15px 18px;font-size:14.5px;border-bottom:1px solid var(--rd-card-border);vertical-align:top}
.rd-section--dark .sd-table th,.rd-section--dark .sd-table td{border-color:rgba(255,255,255,.1)}
.sd-table thead th{font-family:var(--rd-font-display);font-weight:700;font-size:15px;color:var(--rd-ink);background:#faf9f6}
.rd-section--dark .sd-table thead th{color:#fff;background:rgba(255,255,255,.05)}
.sd-table tbody th{font-weight:600;color:var(--rd-ink);width:34%}
.rd-section--dark .sd-table tbody th{color:#fff}
.sd-table td{color:var(--rd-muted)}
.rd-section--dark .sd-table td{color:rgba(255,255,255,.78)}
.sd-table tr:last-child th,.sd-table tr:last-child td{border-bottom:0}
.sd-table .hl{color:var(--rd-forest);font-weight:600}
.rd-section--dark .sd-table .hl{color:var(--rd-emerald)}

/* ---- Pricing tiers ------------------------------------------------------ */
.sd-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:44px}
.sd-tier{background:#fff;border:1.5px solid var(--rd-card-border);border-radius:20px;padding:26px;box-shadow:var(--rd-card-shadow);display:flex;flex-direction:column}
.sd-tier.feat{border-color:var(--rd-forest);box-shadow:0 26px 60px -30px rgba(14,74,40,.5)}
.sd-tier .tag{align-self:flex-start;font-family:var(--rd-font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--rd-terracotta);border-radius:100px;padding:5px 12px;margin-bottom:12px}
.sd-tier h4{font-family:var(--rd-font-display);font-weight:700;font-size:19px;color:var(--rd-ink);margin:0}
.sd-tier .price{font-family:var(--rd-font-display);font-weight:800;font-size:34px;color:var(--rd-forest);margin:10px 0 2px;letter-spacing:-.02em}
.sd-tier .price small{font-size:14px;font-weight:600;color:var(--rd-muted)}
.sd-tier .sub{font-family:var(--rd-font-body);font-size:13px;color:var(--rd-muted);line-height:1.5}
.sd-tier ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px}
.sd-tier li{font-family:var(--rd-font-body);font-size:14px;line-height:1.5;color:#3a463e;padding-left:24px;position:relative}
.sd-tier li::before{content:'✓';position:absolute;left:0;color:var(--rd-emerald);font-weight:800}
.sd-tier .feenote{font-family:var(--rd-font-body);font-size:12px;color:#8a908b;line-height:1.5;margin-top:14px;padding-top:14px;border-top:1px solid var(--rd-card-border)}

/* ---- Callout (rule changes / important note) --------------------------- */
.sd-callout{max-width:820px;margin:40px auto 0;display:flex;gap:16px;background:rgba(200,98,47,.06);border:1px solid rgba(200,98,47,.24);border-left:4px solid var(--rd-terracotta);border-radius:16px;padding:20px 22px}
.rd-section--dark .sd-callout{background:rgba(232,149,95,.08);border-color:rgba(232,149,95,.3);border-left-color:var(--rd-apricot)}
.sd-callout .ic{font-size:22px;line-height:1.2;flex:0 0 auto}
.sd-callout h4{font-family:var(--rd-font-display);font-weight:700;font-size:16px;color:var(--rd-ink);margin:0 0 6px}
.rd-section--dark .sd-callout h4{color:#fff}
.sd-callout p{font-family:var(--rd-font-body);font-size:14px;line-height:1.6;color:var(--rd-muted);margin:0}
.rd-section--dark .sd-callout p{color:rgba(255,255,255,.78)}

/* ---- FAQ accordion (reused across detail pages) ------------------------ */
.sd-faq{max-width:820px;margin:36px auto 0;display:flex;flex-direction:column;gap:10px}
.sd-faq-item{background:#fff;border:1px solid var(--rd-card-border);border-radius:16px;overflow:hidden}
.rd-section--dark .sd-faq-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.sd-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:transparent;border:0;color:var(--rd-ink);padding:20px 22px;cursor:pointer;font-family:var(--rd-font-body);font-size:16px;font-weight:600}
.rd-section--dark .sd-faq-q{color:#fff}
.sd-faq-ic{font-size:22px;color:var(--rd-terracotta);transition:transform .3s;flex:0 0 auto}
.rd-section--dark .sd-faq-ic{color:var(--rd-apricot)}
.sd-faq-body{overflow:hidden;transition:max-height .35s ease,opacity .3s ease;max-height:0;opacity:0}
.sd-faq-body>div{padding:0 22px 20px;color:var(--rd-muted);font-family:var(--rd-font-body);font-size:15px;line-height:1.65}
.rd-section--dark .sd-faq-body>div{color:rgba(255,255,255,.76)}

/* ---- Disclaimer line ---------------------------------------------------- */
.sd-disc{max-width:760px;margin:30px auto 0;font-family:var(--rd-font-body);font-size:12.5px;line-height:1.7;color:#8a908b;text-align:center}
.rd-section--dark .sd-disc{color:rgba(255,255,255,.5)}

/* ---- Related services (cross-sell) ------------------------------------- */
.sd-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:40px}
.sd-rcard{display:block;text-decoration:none;background:#fff;border:1px solid var(--rd-card-border);border-radius:16px;padding:20px;transition:transform .2s var(--rd-ease),box-shadow .2s}
.sd-rcard:hover{transform:translateY(-3px);box-shadow:0 20px 44px -26px rgba(14,74,40,.45)}
.sd-rcard .i{font-size:22px}
.sd-rcard h4{font-family:var(--rd-font-display);font-weight:700;font-size:16px;color:var(--rd-ink);margin:10px 0 4px}
.sd-rcard p{font-family:var(--rd-font-body);font-size:13px;line-height:1.5;color:var(--rd-muted);margin:0}
.sd-rcard .go{display:inline-block;margin-top:10px;font-family:var(--rd-font-body);font-weight:700;font-size:13px;color:var(--rd-forest)}

@media(max-width:600px){
  .sd-quickfacts{grid-template-columns:1fr 1fr}
  .sd-step{gap:15px}
}