/* ================================================================= */
/*  ICA FRANCHISE — FAQ PAGE companion stylesheet                    */
/*  Mirrors the /reviews layout: two-column with a sticky sidebar.   */
/*  Palette: indigo #393185 / blue #616dfd / yellow #ffc926 / Roboto */
/*  Upload alongside the HTML and adjust the <link> href to match    */
/*  where you host it (child theme or /wp-content/uploads).          */
/* ================================================================= */

.faqx-page{
  --ica-indigo:#393185;
  --ica-blue:#616dfd;
  --ica-yellow:#ffc926;
  --ica-ink:#1f2330;
  --ica-muted:#667085;
  --ica-line:#e6e8f2;
  --ica-soft:#f5f6fb;
  font-family:'Roboto',system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--ica-ink);
  padding:56px 0 84px;
  background:#fff;
  padding-top: 150px;
}
.faqx-page *{box-sizing:border-box;}
.faqx-container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ---- breadcrumb + hero ---- */
.faqx-breadcrumb{font-size:.85rem;color:var(--ica-muted);margin-bottom:1.4rem;}
.faqx-breadcrumb a{color:var(--ica-indigo);text-decoration:none;}
.faqx-breadcrumb a:hover{text-decoration:underline;}
.faqx-hero{max-width:780px;margin-bottom:2.6rem;}
.faqx-eyebrow{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ica-blue);margin-bottom:.6rem;}
.faqx-hero h1{font-size:2.5rem;font-weight:800;line-height:1.12;color:var(--ica-indigo);margin:0 0 .8rem;}
.faqx-hero p{font-size:1.06rem;line-height:1.65;color:var(--ica-muted);margin:0;}

/* ---- two-column layout ---- */
.faqx-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;}
.faqx-main{min-width:0;}
/* Stick the grid ITEM, and keep it content-height with align-self:start so */
/* the tall row (driven by the FAQ column) gives it room to travel. */
.faqx-sidebar{position:sticky;top:100px;align-self:start;}
.faqx-sticky{display:flex;flex-direction:column;gap:18px;}

/* ---- tier headings ---- */
.faqx-tier{margin:2.4rem 0 1rem;}
.faqx-tier:first-child{margin-top:0;}
.faqx-tier-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.34rem .8rem;border-radius:999px;margin-bottom:.5rem;background:#eef0ff;color:var(--ica-indigo);}
.faqx-tier--2 .faqx-tier-label{background:#e8ecff;color:var(--ica-blue);}
.faqx-tier--3 .faqx-tier-label{background:#fff4d1;color:#8a6a00;}
.faqx-tier h2{font-size:1.4rem;font-weight:700;color:var(--ica-indigo);margin:.2rem 0 0;}

/* ---- accordion (CSS-only, no JS) ---- */
.faqx-q{border:1px solid var(--ica-line);border-radius:12px;margin-bottom:.7rem;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faqx-q[open]{border-color:var(--ica-blue);box-shadow:0 6px 20px rgba(57,49,133,.06);}
.faqx-q summary{list-style:none;cursor:pointer;padding:1.05rem 3rem 1.05rem 1.15rem;font-weight:600;font-size:1.01rem;color:var(--ica-ink);position:relative;outline-offset:3px;}
.faqx-q summary::-webkit-details-marker{display:none;}
.faqx-q summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;line-height:1;color:var(--ica-blue);}
.faqx-q[open] summary::after{content:"\2212";}
.faqx-q[open] summary{color:var(--ica-indigo);}
.faqx-a{padding:0 1.15rem 1.15rem;color:#444;font-size:.97rem;line-height:1.6;}
.faqx-a p{margin:0 0 .7rem;}
.faqx-a p:last-child{margin:0;}
.faqx-a b,.faqx-a strong{color:var(--ica-indigo);}

/* ---- sidebar: stats ---- */
.faqx-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ica-line);border:1px solid var(--ica-line);border-radius:16px;overflow:hidden;}
.faqx-stat{background:var(--ica-soft);padding:18px 16px;}
.faqx-stat b{display:block;font-size:1.55rem;font-weight:800;line-height:1;color:var(--ica-indigo);}
.faqx-stat span{display:block;margin-top:.35rem;font-size:.78rem;color:var(--ica-muted);}

/* ---- sidebar: CTA card ---- */
.faqx-cta{background:linear-gradient(135deg,var(--ica-indigo) 0%,var(--ica-blue) 100%);color:#fff;border-radius:16px;padding:24px;}
.faqx-cta h3{font-size:1.24rem;font-weight:700;margin:0 0 .5rem;}
.faqx-cta p{font-size:.9rem;line-height:1.55;opacity:.92;margin:0 0 1.2rem;}
.faqx-btn{display:block;text-align:center;background:var(--ica-yellow);color:var(--ica-ink);font-weight:700;text-decoration:none;padding:.82rem 1rem;border-radius:999px;margin-bottom:.6rem;transition:transform .15s;}
.faqx-btn:hover{transform:translateY(-2px);}
.faqx-btn-ghost{display:block;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.55);text-decoration:none;font-weight:600;padding:.72rem 1rem;border-radius:999px;}
.faqx-btn-ghost:hover{background:rgba(255,255,255,.12);}
.faqx-cta small{display:block;margin-top:1rem;font-size:.72rem;line-height:1.45;opacity:.78;}

/* ---- sidebar: explore next ---- */
.faqx-explore{border:1px solid var(--ica-line);border-radius:16px;padding:20px 22px;}
.faqx-explore h4{margin:0 0 .6rem;font-size:1rem;font-weight:700;color:var(--ica-indigo);}
.faqx-explore a{display:block;padding:.55rem 0;font-size:.92rem;color:var(--ica-ink);text-decoration:none;border-bottom:1px solid var(--ica-line);}
.faqx-explore a:last-child{border-bottom:0;padding-bottom:0;}
.faqx-explore a::before{content:"\203A";color:var(--ica-blue);font-weight:700;margin-right:.5rem;}
.faqx-explore a:hover{color:var(--ica-blue);}

/* ---- footnote ---- */
.faqx-note{margin-top:2rem;font-size:.8rem;color:var(--ica-muted);line-height:1.5;}

/* ---- responsive ---- */
@media(max-width:900px){
  .faqx-layout{grid-template-columns:1fr;gap:32px;}
  .faqx-sidebar{position:static;}
  .faqx-hero h1{font-size:1.9rem;}
}
@media(max-width:480px){
  .faqx-stats{grid-template-columns:1fr 1fr;}
  .faqx-q summary{font-size:.96rem;padding-right:2.6rem;}
}