/*
  Franciza în România — reference hub, page-scoped styles
  (docs/research/ARF-HANDOFF-Franciza-in-Romania.md). Same pattern as
  arf-membru.css / podcasts.css: reuse the site's real typography/color
  tokens (var(--serif), var(--sans), var(--gold), var(--gold-grad)) for
  every dark band, and scope the handoff's LOCKED navy/ivory/paper
  institutional palette under .frr only — it has no sitewide equivalent
  and must not leak into the global design system. Independent of
  arf-membru.css (Devino membru's own stylesheet) — not shared, not
  imported, per the handoff's separation rule.
*/
.frr{
  --frr-navy:#020408;
  --frr-navy-2:#0A1018;
  --frr-ivory:#F6F1E6;
  --frr-paper:#FBFAF6;
  --frr-ink:#1A1C1B;
  --frr-muted:#6B6A64;
  --frr-hair:rgba(2,4,8,.12);
}
.frr section{padding:88px 0;scroll-margin-top:96px}
.frr h1,.frr h2,.frr h3{font-family:var(--serif)}

/* ---------- HERO (LOCKED) ---------- */
.frr-hero{background:var(--frr-navy);color:var(--frr-ivory);padding:96px 0 80px}
.frr-hero h1{font-size:clamp(36px,6vw,64px);line-height:.98;font-weight:600;max-width:18ch;margin:14px 0 12px}
.frr-hero .frr-sub{font-size:clamp(22px,3.4vw,34px);font-weight:600;color:rgba(246,241,230,.9);margin-bottom:18px}
.frr-hero .lead{max-width:640px;color:rgba(246,241,230,.72);font-weight:400;font-size:16.5px;line-height:1.6;font-family:var(--sans)}

/* ---------- shared building blocks ---------- */
.frr-block{background:var(--frr-paper);color:var(--frr-ink)}
.frr-ivory{background:var(--frr-ivory);color:var(--frr-ink)}
.frr-navyband{background:var(--frr-navy-2);color:var(--frr-ivory)}
.frr .eyebrow{color:var(--gold-deep,var(--gold))}
.frr .eyebrow::before{background:var(--gold-deep,var(--gold))}
.frr-navyband .eyebrow{color:var(--gold-soft,var(--gold))}
.frr-navyband .eyebrow::before{background:var(--gold-soft,var(--gold))}
.frr h2.frr-sec{font-size:clamp(26px,3.6vw,40px);line-height:1.08;margin:10px 0 32px;font-weight:600}

.frr-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.frr-box{padding:28px 26px;border:1px solid var(--frr-hair);background:#fff}
.frr-box.dark{background:var(--frr-navy);color:var(--frr-ivory);border-color:var(--frr-navy)}
.frr-box h3{font-size:19px;margin-bottom:14px;font-weight:600}
.frr-box ul{list-style:none;margin:0;padding:0;font-size:14.5px;line-height:1.75;font-family:var(--sans)}
.frr-box li{padding-left:16px;position:relative}
.frr-box li::before{content:"—";position:absolute;left:0;color:var(--gold-deep,var(--gold))}
.frr-box.dark li::before{color:var(--gold-soft,var(--gold))}

.frr-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.frr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.frr-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.frr-card{background:#fff;border:1px solid var(--frr-hair);padding:22px 20px;display:flex;flex-direction:column}
.frr-navyband .frr-card{background:rgba(255,255,255,.03);border-color:rgba(212,175,55,.22);color:var(--frr-ivory)}
.frr-card h3{font-size:17px;margin:0 0 8px;font-weight:600}
.frr-card p{color:var(--frr-muted);font-size:14px;line-height:1.55;font-family:var(--sans);margin-bottom:14px}
.frr-navyband .frr-card p{color:rgba(246,241,230,.68)}
.frr-label{display:inline-block;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep,var(--gold));margin-bottom:10px;font-weight:700}
.frr-navyband .frr-label{color:var(--gold-soft,var(--gold))}
.frr-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;text-decoration:none;color:var(--frr-ink)}
.frr-navyband .frr-cta{color:var(--gold-soft,var(--gold))}
.frr-cta .ar{transition:transform .3s ease}
.frr-cta:hover .ar{transform:translateX(3px)}
.frr-cta-soon{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--frr-muted)}
.frr-navyband .frr-cta-soon{color:rgba(246,241,230,.45)}

/* ---------- 3 layers ---------- */
.frr-lege .frr-card{padding:26px 24px}

/* ---------- verification path ---------- */
.frr-path{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0;counter-reset:none}
.frr-path li{border-top:2px solid var(--gold-deep,var(--gold));padding:14px 4px 0;font-family:var(--sans);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--frr-muted)}
.frr-path li strong{display:block;font-size:17px;letter-spacing:.02em;text-transform:none;margin-top:4px;font-family:var(--serif);color:var(--frr-ink);font-weight:600}
.frr-path-note{margin:24px 0 12px;max-width:640px;color:var(--frr-muted);font-size:14.5px;line-height:1.6;font-family:var(--sans)}

/* ---------- feedback ---------- */
.frr-feedback{max-width:460px;margin:0 auto;padding:34px 28px 26px;text-align:center;background:#fff;border:1px solid var(--frr-hair)}
.frr-feedback h3{font-size:22px;margin-bottom:20px;font-weight:600}
.frr-fb-row{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--frr-ink)}
.frr-fb-row button{background:#fff;border:0;border-right:1.5px solid var(--frr-ink);padding:14px;font:inherit;font-size:15px;font-family:var(--sans);font-weight:600;cursor:pointer;color:var(--frr-ink);transition:background .2s,color .2s}
.frr-fb-row button:last-child{border-right:0}
.frr-fb-row button:hover,.frr-fb-row button[aria-pressed="true"]{background:var(--frr-navy);color:var(--gold-soft,var(--gold))}
.frr-fb-row button:focus-visible{outline:2px solid var(--gold-deep,var(--gold));outline-offset:-2px}
.frr-fb-msg{margin-top:14px;min-height:1.3em;font-size:13.5px;color:var(--frr-muted);font-family:var(--sans)}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .frr-grid3,.frr-compact,.frr-path{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .frr section{padding:56px 0}
  .frr-hero{padding-top:100px}
  .frr-split,.frr-grid2,.frr-grid3,.frr-compact,.frr-path{grid-template-columns:1fr}
}