/* Hera B16 - clean FAQ cards on every page (JD-20261007-FAQ-READABILITY, 2026-10-07)
   Style only: heading tags, text, links and FAQPage JSON-LD are unchanged. */
:root{--hf-border:#dde6ec;--hf-q:#04324d;--hf-a:#3d4b55;--hf-bg:#fff;--hf-open:#f4f9fc;--hf-accent:#43c8f3}

/* ---------- shared card ---------- */
.hera-faq-card,
.hera-pc-faq-item,
.hera-faq-list > details.hera-faq-item,
.faq-accordian .accordion-item,
.faq-accordion-holder .accordion-item{
  background:var(--hf-bg)!important;
  border:1px solid var(--hf-border)!important;
  border-radius:12px!important;
  box-shadow:0 1px 3px rgba(4,50,77,.05);
  margin:0 0 12px!important;
  max-width:880px;
  overflow:hidden;
  overflow-wrap:break-word;
}
.hera-faq-card,
.hera-pc-faq-item,
.hera-faq-list > details.hera-faq-item{padding:16px 18px!important}
.hera-pc-faq-item:last-of-type{padding-bottom:16px!important;border-bottom:1px solid var(--hf-border)!important}

/* ---------- question ---------- */
.hera-faq-card > h2,.hera-faq-card > h3,.hera-faq-card > h4,.hera-faq-card > h5,.hera-faq-card > h6,
.hera-faq-card--qa > p:first-child,
.hera-pc-faq-item > h2,.hera-pc-faq-item > h3,.hera-pc-faq-item > h4,
.hera-faq-list > details.hera-faq-item > summary,
.faq-accordian .accordion-button,
.faq-accordion-holder .accordion-header .accordion-button{
  font-family:"Mukta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:17.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--hf-q)!important;
}
.hera-faq-card > h2,.hera-faq-card > h3,.hera-faq-card > h4,.hera-faq-card > h5,.hera-faq-card > h6,
.hera-faq-card--qa > p:first-child,
.hera-pc-faq-item > h2,.hera-pc-faq-item > h3,.hera-pc-faq-item > h4{margin:0 0 6px!important;padding:0!important;border:0!important}
.hera-faq-card--qa > p:first-child strong,.hera-faq-card--qa > p:first-child b{font-weight:600}
.hera-faq-card > h3 strong,.hera-faq-card > h3 b{font-weight:600}

/* ---------- answer ---------- */
.hera-faq-card > p,.hera-faq-card > ul,.hera-faq-card > ol,.hera-faq-card li,
.hera-pc-faq-item > p,
.hera-faq-list > details.hera-faq-item > p,
.faq-accordian .accordion-body,.faq-accordian .accordion-body p,.faq-accordian .accordion-body li,
.faq-accordion-holder .accordion-body,.faq-accordion-holder .accordion-body p,.faq-accordion-holder .accordion-body li{
  font-size:16px!important;
  line-height:1.6!important;
  color:var(--hf-a)!important;
  font-style:normal;
}
.hera-faq-card--qa > p:not(:first-child),.hera-faq-card > p,.hera-pc-faq-item > p{margin:0 0 8px}
.hera-faq-card > :last-child,.hera-pc-faq-item > :last-child,
.faq-accordian .accordion-body > :last-child,.faq-accordion-holder .accordion-body > :last-child{margin-bottom:0!important}
.hera-faq-card a,.hera-pc-faq-item a,.hera-faq-list a,.faq-accordian .accordion-body a,.faq-accordion-holder .accordion-body a{color:#0b7fae;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.hera-faq-card > p > span[style]{font-weight:inherit!important}

/* ---------- native details rows ---------- */
.hera-faq-list > details.hera-faq-item > summary{cursor:pointer;list-style:none;position:relative;padding-right:30px!important}
.hera-faq-list > details.hera-faq-item > summary::-webkit-details-marker{display:none}
.hera-faq-list > details.hera-faq-item > summary::after{content:"";position:absolute;right:2px;top:.35em;width:10px;height:10px;border-right:2px solid var(--hf-accent);border-bottom:2px solid var(--hf-accent);transform:rotate(45deg);transition:transform .2s}
.hera-faq-list > details.hera-faq-item[open] > summary::after{transform:rotate(-135deg);top:.6em}
.hera-faq-list > details.hera-faq-item > p{margin:10px 0 0!important}

/* ---------- Bootstrap FAQ accordions ---------- */
.faq-accordian .accordion-header,.faq-accordion-holder .accordion-header{margin:0!important;border:0!important}
.faq-accordian .accordion-button,
.faq-accordion-holder .accordion-header .accordion-button{
  background:var(--hf-bg)!important;padding:16px 18px!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:12px;
}
.faq-accordian .accordion-button:not(.collapsed),
.faq-accordion-holder .accordion-header .accordion-button:not(.collapsed){background:var(--hf-open)!important;color:var(--hf-q)!important;border-bottom:1px solid var(--hf-border)!important}
.faq-accordian .accordion-button::after,.faq-accordion-holder .accordion-button::after{width:16px;height:16px;background-size:16px;flex-shrink:0}
.faq-accordian .accordion-button b{font-weight:600}
.faq-accordian .accordion-body,.faq-accordion-holder .accordion-body{padding:14px 18px 16px!important;background:var(--hf-bg)}
.faq-accordian .accordion-button:focus-visible,.faq-accordion-holder .accordion-button:focus-visible{outline:2px solid var(--hf-accent)!important;outline-offset:-2px}
.faq-accordian .hide-initially:not(.show-more-faqs) .accordion-item{box-shadow:none}
.faq-accordian .cta-link .show-hide-more-faqs{border-radius:10px;font-weight:600;max-width:880px}

/* ---------- section intro + spacing ---------- */
section:has(.hera-faq-card) p.lead,
.tab-pane:has(.hera-faq-card) p.lead,
div:has(> .hera-faq-card) > p.lead,
.hera-pc-faq p.lead,
#hera-local-faq p.lead{font-style:normal!important;font-size:17px!important;line-height:1.55!important;color:#4a5a64!important;max-width:880px}
section:has(.hera-faq-card) hr,.hera-pc-faq hr{max-width:880px;margin:14px 0 18px;opacity:.12}
.hera-faq-list{max-width:880px}

/* ---------- phones ---------- */
@media (max-width:767px){
  .hera-faq-card,.hera-pc-faq-item,.hera-faq-list > details.hera-faq-item{padding:14px 16px!important}
  .faq-accordian .accordion-button,.faq-accordion-holder .accordion-header .accordion-button{padding:14px 16px!important}
  .faq-accordian .accordion-body,.faq-accordion-holder .accordion-body{padding:12px 16px 14px!important}
  /* keep the floating Book Now button clear of the last answer */
  section:has(.hera-faq-card),.hera-pc-faq,#hera-local-faq,section:has(.faq-accordian),section:has(.faq-accordion-holder){padding-bottom:84px!important}
  section:has(.hera-faq-card) h2:not(.hera-faq-card h2),.hera-pc-faq > .row h2.h3{font-size:1.75rem;line-height:1.2}
}
/* ---------- desktop ---------- */
@media (min-width:768px){
  .hera-faq-card > h2,.hera-faq-card > h3,.hera-faq-card > h4,.hera-faq-card > h5,.hera-faq-card > h6,
  .hera-faq-card--qa > p:first-child,
  .hera-pc-faq-item > h2,.hera-pc-faq-item > h3,.hera-pc-faq-item > h4,
  .hera-faq-list > details.hera-faq-item > summary,
  .faq-accordian .accordion-button,
  .faq-accordion-holder .accordion-header .accordion-button{font-size:19.5px!important}
  .hera-faq-card,.hera-pc-faq-item,.hera-faq-list > details.hera-faq-item{padding:20px 24px!important}
  .faq-accordian .accordion-button,.faq-accordion-holder .accordion-header .accordion-button{padding:18px 22px!important}
  .faq-accordian .accordion-body,.faq-accordion-holder .accordion-body{padding:16px 22px 18px!important}
}
/* product-feature accordions that were uppercase: keep a title-case look instead of all caps */
.faq-accordian .accordion-button.text-uppercase{text-transform:capitalize!important}
