/* pe-home.css — Home fixes: centered subheads, FAQ accordion centering, sliders (2026-09-04) */

/* ---- centering: FAQ + testimonials eyebrow/title/intro ---- */
.kt-adv-headingpe-faq-eyebrow,
.kt-adv-headingpe-faq-title,
.kt-adv-headingpe-faq-intro,
.kt-adv-headingpe-testimonials-eyebrow,
.kt-adv-headingpe-testimonials-title,
.kt-adv-headingpe-testimonials-intro {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.kt-adv-headingpe-faq-intro,
.kt-adv-headingpe-testimonials-intro { max-width: 640px; }

/* ---- FAQ accordion: centre the 760px wrap ---- */
.wp-block-kadence-accordion .kt-accordion-wrap.kt-accordion-idpe-faq-accordion { margin-left: auto !important; margin-right: auto !important; }
.wp-block-kadence-accordion:has(.kt-accordion-idpe-faq-accordion) { text-align: center; }

/* ---- horizontal slider: testimonials + case studies ----
   keep Kadence's grid model, just flow children horizontally + scroll */
.kb-row-layout-idpe-testimonials-grid > .kt-row-column-wrap,
.kb-row-layout-idpe-case-grid > .kt-row-column-wrap {
  grid-auto-flow: column !important;
  grid-template-columns: none !important;
  grid-template-rows: auto !important;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 6px;
}
.kb-row-layout-idpe-testimonials-grid > .kt-row-column-wrap { grid-auto-columns: clamp(300px, 40%, 380px) !important; }
.kb-row-layout-idpe-case-grid > .kt-row-column-wrap { grid-auto-columns: clamp(330px, 62%, 540px) !important; }
.kb-row-layout-idpe-testimonials-grid > .kt-row-column-wrap::-webkit-scrollbar,
.kb-row-layout-idpe-case-grid > .kt-row-column-wrap::-webkit-scrollbar { display: none; }
.kb-row-layout-idpe-testimonials-grid > .kt-row-column-wrap > .wp-block-kadence-column,
.kb-row-layout-idpe-case-grid > .kt-row-column-wrap > .wp-block-kadence-column { scroll-snap-align: start; }
@media (max-width: 768px) {
  .kb-row-layout-idpe-testimonials-grid > .kt-row-column-wrap { grid-auto-columns: 86% !important; }
  .kb-row-layout-idpe-case-grid > .kt-row-column-wrap { grid-auto-columns: 90% !important; }
}

/* case-study prev/next arrows: active state */
.pe-case-control { cursor: pointer; user-select: none; transition: opacity .2s; }
.pe-case-control[aria-disabled="true"], .pe-case-next-wrap[aria-disabled="true"] { opacity: .35; pointer-events: none; }

/* testimonials: simple dot nav injected by JS */
.pe-tst-dots { display: flex; gap: 8px; justify-content: center; margin-top: 22px; }
.pe-tst-dots button {
  width: 8px; height: 8px; border-radius: 50%; border: 0; padding: 0;
  background: #D1D5DB; cursor: pointer; transition: background .2s, width .2s;
}
.pe-tst-dots button[aria-current="true"] { background: var(--global-palette1, #F5821F); width: 22px; border-radius: 4px; }

/* ---- editor: centre the Home FAQ accordion + testimonials/faq subheads ---- */
.block-editor-block-list__layout .wp-block-kadence-accordion .kt-accordion-wrap[style*="max-width"],
.editor-styles-wrapper .wp-block-kadence-accordion .kt-accordion-wrap[style*="max-width"] {
  margin-left: auto !important; margin-right: auto !important;
}
.editor-styles-wrapper .kt-adv-headingpe-faq-intro,
.editor-styles-wrapper .kt-adv-headingpe-faq-title,
.editor-styles-wrapper .kt-adv-headingpe-faq-eyebrow,
.editor-styles-wrapper .kt-adv-headingpe-testimonials-intro,
.editor-styles-wrapper .kt-adv-headingpe-testimonials-title,
.editor-styles-wrapper .kt-adv-headingpe-testimonials-eyebrow {
  text-align: center !important; margin-left: auto !important; margin-right: auto !important;
}
