/* =====================================================================
   FastDriver Plugin 1263 - FAQs Panel
   Styles for the BorderedAccordionPanel layout ONLY.
   Every class is prefixed .fdfq- and scoped under .fdfq-section, so the
   existing DetaultFunction / WithFirstOpen / AllClosedBoxes / BlackBgFAQs
   layouts are completely unaffected by this file.
   Uses the global theme variables, no external fonts.
   ===================================================================== */
.fdfq-section,.fdfq-section *,.fdfq-section *::before,.fdfq-section *::after{box-sizing:border-box}
.fdfq-section{
  --fdfq-lime:var(--primary-color-one,#c1f11d);
  --fdfq-ink:var(--primary-color-two,#141414);
  --fdfq-deep:#7da40a;
  --fdfq-line:#e0e0e0;
  --fdfq-grey:#9e9e9e;
  background:#fff;
  padding:60px 24px;
  font-family:var(--creote-family-two,"Inter",system-ui,sans-serif);
  font-size:var(--font-size-base,15px);
  color:var(--fdfq-ink);
  -webkit-font-smoothing:antialiased;
}
.fdfq-wrap{max-width:820px;margin:0 auto}

/* Eyebrow pill */
.fdfq-tag{
  display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--fdfq-ink);background:var(--fdfq-lime);
  padding:7px 18px;border-radius:50px;margin-bottom:12px;
}

/* Heading */
.fdfq-title{
  font-family:var(--creote-family-one,"Spartan",sans-serif);
  font-size:clamp(22px,2.8vw,34px);font-weight:800;color:var(--fdfq-ink);
  letter-spacing:-.4px;line-height:1.35;margin:0 0 10px;
}
.fdfq-title span{color:var(--fdfq-deep)}
.fdfq-intro{font-size:14.5px;color:#6b6b6b;line-height:1.8;margin:0}
.fdfq-intro p{margin:0 0 8px}
.fdfq-intro p:last-child{margin-bottom:0}
.fdfq-intro a{color:var(--fdfq-deep);font-weight:600}

/* Accordion */
.fdfq-list{
  display:flex;flex-direction:column;margin-top:32px;
  border:1px solid var(--fdfq-line);border-radius:12px;overflow:hidden;
}
.fdfq-item{border-bottom:1px solid var(--fdfq-line)}
.fdfq-item:last-child{border-bottom:none}
.fdfq-q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;text-align:left;padding:16px 20px;margin:0;
  font-family:inherit;font-size:14px;font-weight:700;color:var(--fdfq-ink);
  background:#fff;border:none;cursor:pointer;transition:background .15s,color .15s;
}
.fdfq-q:hover{background:#f5f5f5}
.fdfq-q:focus-visible{outline:2px solid var(--fdfq-deep);outline-offset:-2px}
.fdfq-q svg{width:18px;height:18px;fill:var(--fdfq-grey);flex-shrink:0;transition:transform .2s,fill .2s}
.fdfq-q.is-open{color:var(--fdfq-deep)}
.fdfq-q.is-open svg{transform:rotate(180deg);fill:var(--fdfq-deep)}
.fdfq-a{
  display:none;padding:0 20px 16px;background:#fff;
  font-size:13.5px;color:#6b6b6b;line-height:1.78;
}
.fdfq-a.is-open{display:block}
.fdfq-a p{margin:0 0 10px}
.fdfq-a p:last-child{margin-bottom:0}
.fdfq-a a{color:var(--fdfq-deep);font-weight:600}
.fdfq-a ul,.fdfq-a ol{margin:0 0 10px;padding-left:20px}
.fdfq-a li{margin-bottom:4px}

@media(max-width:480px){
  .fdfq-section{padding:40px 16px}
  .fdfq-q{padding:14px 16px;font-size:13.5px}
  .fdfq-a{padding:0 16px 14px}
}

/* =====================================================================
   TwoColumnDetailsList layout  (.fdq2-*)
   ---------------------------------------------------------------------
   Two balanced columns of hairline-divided questions on a tinted band.
   Built on native <details>, so no JavaScript is involved. Colour,
   spacing and layout only: no font-size and no font-family are set,
   so the questions and answers use the site default type straight
   from theme-css.css.
   Scoped entirely under .fdq2-section so the other four layouts in this
   plugin are untouched.
   ===================================================================== */
.fdq2-section,.fdq2-section *,.fdq2-section *::before,.fdq2-section *::after{box-sizing:border-box}

.fdq2-section{
  --fdq2-lime:var(--primary-color-one,#C1F11D);
  --fdq2-head:var(--heading-dark,#141414);
  --fdq2-ink:var(--primary-color-two,#141414);
  --fdq2-body:var(--text-color-dark,#4a4e56);
  --fdq2-line:var(--border-color-dark,#e4e7ee);
  --fdq2-acc:var(--menu-active-color,#4cae08);
  --fdq2-tint:#f8fde8;
  --fdq2-tint:color-mix(in srgb, var(--fdq2-lime) 13%, #ffffff);
  background:var(--fdq2-tint);
  border-top:1px solid var(--fdq2-line);
  padding:80px 0;
  color:var(--fdq2-body);
  -webkit-font-smoothing:antialiased;
}
.fdq2-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

.fdq2-tag{
  display:inline-block;
  margin-bottom:12px;
  background:var(--fdq2-lime);
  color:var(--fdq2-ink);
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:8px 18px;
  border-radius:100px;
  line-height:1.2;
}
.fdq2-title{
  margin:0;
  max-width:60ch;
  font-weight:600;
  color:var(--fdq2-head);
}
.fdq2-title span{color:var(--fdq2-acc)}
.fdq2-intro{margin-top:14px;max-width:76ch}
.fdq2-intro p{margin:0 0 10px;color:var(--fdq2-body)}
.fdq2-intro p:last-child{margin-bottom:0}

.fdq2-grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.fdq2-col{display:flex;flex-direction:column;min-width:0}

.fdq2-item{border-bottom:1px solid var(--fdq2-line)}
.fdq2-q{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:19px 0;
  min-height:44px;
  cursor:pointer;
  list-style:none;
  font-weight:500;
  color:var(--fdq2-head);
  transition:color .18s ease;
}
.fdq2-q::-webkit-details-marker{display:none}
.fdq2-q::marker{content:""}
.fdq2-q:hover{color:var(--fdq2-acc)}
.fdq2-q:focus-visible{outline:2px solid var(--fdq2-head);outline-offset:3px}
.fdq2-plus{
  flex:none;
  line-height:1;
  color:var(--fdq2-acc);
  transition:transform .18s ease;
}
.fdq2-item[open] .fdq2-plus{transform:rotate(45deg)}

.fdq2-a{padding:0 0 20px;max-width:62ch;color:var(--fdq2-body)}
.fdq2-a p{margin:0 0 10px;color:var(--fdq2-body)}
.fdq2-a p:last-child{margin-bottom:0}
.fdq2-a a{color:var(--fdq2-acc);text-decoration:underline}
.fdq2-a ul,.fdq2-a ol{margin:0 0 10px;padding-left:20px}
.fdq2-a li{margin-bottom:4px}

@media(max-width:1000px){
  .fdq2-grid{grid-template-columns:1fr;gap:0}
}
@media(max-width:760px){
  .fdq2-section{padding:56px 0}
  .fdq2-wrap{padding:0 20px}
}
@media(max-width:400px){
  .fdq2-wrap{padding:0 16px}
}