/*
 * ali/faq-section — component styles.
 * Enqueued conditionally from includes/assets.php (was inline in render.php).
 */

/* ── Accordion base ──
   The item/toggle/content shell the block's markup is built on. This used to
   live only in the consuming themes' own stylesheets, which left the block
   unstyled on any site that adopted the plugin without inheriting that CSS.
   The section-scoped rules further down override these, so keep them first.
   `button.ali-faq-toggle` carries the element selector on purpose: consuming
   themes ship global button resets that would otherwise win. */
.ali-faq-item{border-bottom:1px solid rgba(0,0,0,.08)}
.ali-faq-item:first-child{border-top:1px solid rgba(0,0,0,.08)}
button.ali-faq-toggle{width:100%;background:transparent;border:none;color:var(--block-dark,#1a2332);font-family:var(--block-font-body);font-size:.95rem;font-weight:500;text-align:left;padding:20px 44px 20px 0;cursor:pointer;position:relative;line-height:1.45;transition:color .25s ease;border-radius:0;box-shadow:none;margin:0}
button.ali-faq-toggle:hover{color:var(--block-accent-deep,#2B8A9A);background:transparent}
.ali-faq-toggle::after{content:'';position:absolute;right:0;top:50%;width:28px;height:28px;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(0,0,0,.1);background:transparent;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ali-faq-toggle::before{content:'';position:absolute;right:0;top:50%;width:28px;height:28px;transform:translateY(-50%);background:var(--block-accent,#3DAABD);z-index:1;transition:transform .3s ease;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.25' y='1' width='1.5' height='10' rx='.75'/%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.25' y='1' width='1.5' height='10' rx='.75'/%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E");-webkit-mask-size:12px 12px;mask-size:12px 12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.ali-faq-item.open .ali-faq-toggle::before{transform:translateY(-50%) rotate(180deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E")}
.ali-faq-item.open .ali-faq-toggle::after{background:var(--block-accent-glow,color-mix(in srgb,var(--block-accent) 12%,transparent));border-color:var(--block-accent-glow,color-mix(in srgb,var(--block-accent) 30%,transparent))}
.ali-faq-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s ease}
.ali-faq-item.open .ali-faq-content{max-height:600px;padding-bottom:22px}
.ali-faq-content p{margin:0 0 12px;font-size:.9rem;line-height:1.8;color:var(--block-text-secondary,#5a5a5a)}
.ali-faq-content p:last-child{margin-bottom:0}

.ali-faq-section{padding:80px 24px 90px}
.ali-faq-section-inner{max-width:800px;margin:0 auto}
/* Column context */
.wp-block-column .ali-faq-section{padding:0}
.wp-block-column .ali-faq-section.alignfull{margin-left:0;width:auto;max-width:none}
.wp-block-column .ali-faq-section-inner{max-width:none}
/* Header */
.ali-faq-section-header{text-align:center;margin-bottom:48px}
.ali-faq-section-header .ali-label::before{background:var(--block-accent)}
.ali-faq-section--left .ali-faq-section-header{text-align:left}
.ali-faq-section--left .ali-faq-section-desc{margin-left:0}
.ali-faq-section-desc{font-size:.95rem;color:var(--block-text-secondary, #5a5a5a);line-height:1.65;margin:12px auto 0;max-width:600px}
/* Accent toggle */
.ali-faq-section .ali-faq-toggle::after{border-color:var(--block-accent-glow,rgba(61,170,189,.2))}
.ali-faq-section .ali-faq-item.open .ali-faq-toggle::after{background:var(--block-accent-glow,rgba(61,170,189,.1));border-color:var(--block-accent-glow,rgba(61,170,189,.3))}
/* Cards variant */
.ali-faq-section--cards .ali-faq-list{display:flex;flex-direction:column;gap:6px}
.ali-faq-section--cards .ali-faq-item{background:#fff;border-radius:var(--block-radius-sm,10px);border-bottom:none;overflow:hidden;transition:box-shadow .3s ease}
.ali-faq-section--cards .ali-faq-item:first-child{border-top:none}
.ali-faq-section--cards .ali-faq-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.04)}
.ali-faq-section--cards .ali-faq-toggle{padding:18px 50px 18px 20px}
.ali-faq-section--cards .ali-faq-toggle::after{right:16px}
.ali-faq-section--cards .ali-faq-toggle::before{right:16px}
.ali-faq-section--cards .ali-faq-item.open .ali-faq-content{padding:0 20px 18px}
/* Backgrounds */
.ali-faq-section--bg-cream{background:#FDFCFA}
.ali-faq-section--bg-sky{background:var(--block-bg-sky,#E8F4F6)}
.ali-faq-section--bg-warm{background:var(--block-bg-warm,#F5F2ED)}
.ali-faq-section--bg-accent-light{background:color-mix(in srgb,var(--block-accent) 8%,#fff)}
.ali-faq-section--bg-accent-medium{background:color-mix(in srgb,var(--block-accent) 15%,#fff)}
.ali-faq-section--bg-accent-gradient{background:linear-gradient(135deg,var(--block-accent) 0%,var(--block-accent-deep, #2B8A9A) 100%)}
.ali-faq-section--bg-navy{background:var(--block-dark, #1a2332)}
/* Dark bg — headings, desc, label */
.ali-faq-section--bg-accent-gradient .ali-heading,.ali-faq-section--bg-navy .ali-heading{color:var(--block-dark-ink,#fff)}
.ali-faq-section--bg-accent-gradient .ali-faq-section-desc,.ali-faq-section--bg-navy .ali-faq-section-desc{color:color-mix(in srgb,var(--block-dark-ink,#fff) 82%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-label,.ali-faq-section--bg-navy .ali-label{color:color-mix(in srgb,var(--block-dark-ink,#fff) 70%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-label::before,.ali-faq-section--bg-navy .ali-label::before{background:color-mix(in srgb,var(--block-dark-ink,#fff) 40%,transparent)}
/* Dark bg — toggles */
.ali-faq-section--bg-accent-gradient .ali-faq-toggle,.ali-faq-section--bg-navy .ali-faq-toggle{color:var(--block-dark-ink,#fff)}
.ali-faq-section--bg-accent-gradient .ali-faq-toggle:hover,.ali-faq-section--bg-navy .ali-faq-toggle:hover{color:color-mix(in srgb,var(--block-dark-ink,#fff) 80%,transparent)}
/* Dark bg — content */
.ali-faq-section--bg-accent-gradient .ali-faq-content,.ali-faq-section--bg-navy .ali-faq-content,.ali-faq-section--bg-accent-gradient .ali-faq-content p,.ali-faq-section--bg-navy .ali-faq-content p{color:color-mix(in srgb,var(--block-dark-ink,#fff) 70%,transparent)}
/* Dark bg — borders */
.ali-faq-section--bg-accent-gradient .ali-faq-item,.ali-faq-section--bg-navy .ali-faq-item{border-bottom-color:color-mix(in srgb,var(--block-dark-ink,#fff) 10%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-item:first-child,.ali-faq-section--bg-navy .ali-faq-item:first-child{border-top-color:color-mix(in srgb,var(--block-dark-ink,#fff) 10%,transparent)}
/* Dark bg — toggle circle */
.ali-faq-section--bg-accent-gradient .ali-faq-toggle::after,.ali-faq-section--bg-navy .ali-faq-toggle::after{border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 15%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-toggle::before,.ali-faq-section--bg-navy .ali-faq-toggle::before{background:color-mix(in srgb,var(--block-dark-ink,#fff) 50%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-item.open .ali-faq-toggle::after,.ali-faq-section--bg-navy .ali-faq-item.open .ali-faq-toggle::after{background:color-mix(in srgb,var(--block-dark-ink,#fff) 6%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 20%,transparent)}
/* Dark bg — cards.
   `cardStyle` is a separate attribute, so the background variant has no business
   deciding what the cards look like: a red band with solid white cards was
   impossible because choosing the dark background silently converted them to
   translucent panels. `cardSurface: light` opts back out — the band stays dark
   and the cards stay solid. */
.ali-faq-section--bg-accent-gradient.ali-faq-section--cards .ali-faq-item,.ali-faq-section--bg-navy.ali-faq-section--cards .ali-faq-item{background:color-mix(in srgb,var(--block-dark) 82%,#000);border:1px solid color-mix(in srgb,var(--block-dark-ink,#fff) 18%,transparent)}
/* Light cards on a dark band.
   Every dark-variant rule above now derives from --block-dark-ink, so opting
   out is redefining that one token rather than re-listing each rule the dark
   variant paints white — which is how the hover state got missed the first
   time and made the question vanish on click. The card surface and its border
   are surfaces, not ink, so they stay explicit. */
/* --block-text, not --block-dark: on a campaign palette --block-dark is often
   the accent itself, and ink on a light card should be body ink. Here that is
   the difference between 4.09:1 and 9.74:1 for the question text. */
.ali-faq-section--surface-light{--block-dark-ink:var(--block-text,var(--block-dark,#1a2332))}
.ali-faq-section--cards.ali-faq-section--surface-light .ali-faq-item{background:#fff;border:1px solid rgba(0,0,0,.04)}
.ali-faq-section--surface-light .ali-faq-toggle:hover,
.ali-faq-section--surface-light .ali-faq-toggle:focus-visible{color:var(--block-accent-text, var(--block-accent-deep,#2B8A9A))}
.ali-faq-section--surface-light .ali-faq-content,
.ali-faq-section--surface-light .ali-faq-content p{color:var(--block-text-secondary,#5a5a5a)}
.ali-faq-section--surface-light .ali-faq-toggle::before{background:var(--block-accent,#3DAABD)}
.ali-faq-section--bg-accent-gradient.ali-faq-section--cards .ali-faq-item:hover,.ali-faq-section--bg-navy.ali-faq-section--cards .ali-faq-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.15)}
/* Light bg — cards */
.ali-faq-section--bg-cream.ali-faq-section--cards .ali-faq-item,.ali-faq-section--bg-sky.ali-faq-section--cards .ali-faq-item,.ali-faq-section--bg-warm.ali-faq-section--cards .ali-faq-item,.ali-faq-section--bg-accent-light.ali-faq-section--cards .ali-faq-item,.ali-faq-section--bg-accent-medium.ali-faq-section--cards .ali-faq-item{background:#fff}
/* Load more */
.ali-faq-item--hidden{display:none}
.ali-faq-item--hidden.ali-faq-item--visible{display:block;animation:aliFaqReveal .4s cubic-bezier(.22,1,.36,1) both}
@keyframes aliFaqReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* ── Accordion indicator variants ──
   The default (no modifier) is the plus/minus mask above. Each preset swaps the
   ::before mask and its open state; --ind-custom hides the mask and centres a
   shared-set SVG in the same circle instead. ── */
.ali-faq-section--ind-chevron .ali-faq-toggle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ali-faq-section--ind-chevron .ali-faq-item.open .ali-faq-toggle::before{transform:translateY(-50%) rotate(180deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ali-faq-section--ind-arrow .ali-faq-toggle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2.8 6.8L6 10l3.2-3.2' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2.8 6.8L6 10l3.2-3.2' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ali-faq-section--ind-arrow .ali-faq-item.open .ali-faq-toggle::before{transform:translateY(-50%) rotate(180deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2.8 6.8L6 10l3.2-3.2' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2.8 6.8L6 10l3.2-3.2' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Plus that turns into a cross: same mask, 45deg. */
.ali-faq-section--ind-plus-x .ali-faq-item.open .ali-faq-toggle::before{transform:translateY(-50%) rotate(45deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.25' y='1' width='1.5' height='10' rx='.75'/%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='5.25' y='1' width='1.5' height='10' rx='.75'/%3E%3Crect x='1' y='5.25' width='10' height='1.5' rx='.75'/%3E%3C/svg%3E")}
.ali-faq-section--ind-custom .ali-faq-toggle::before{display:none}
.ali-faq-toggle__icon{position:absolute;right:0;top:50%;width:28px;height:28px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--block-accent-text, var(--block-accent, #3DAABD));z-index:1;pointer-events:none}
.ali-faq-section--cards .ali-faq-toggle__icon{right:16px}
.ali-faq-section--bg-accent-gradient .ali-faq-toggle__icon,.ali-faq-section--bg-navy .ali-faq-toggle__icon{color:color-mix(in srgb,var(--block-dark-ink,#fff) 70%,transparent)}

.ali-faq-expand-all.ali-has-icon{display:inline-flex;align-items:center;gap:6px}
/* Beats the ::after glyph above, which outranks base.css .ali-btn--icon by load
   order (faq-section.css is enqueued after base.css). */
.ali-faq-more.ali-btn--icon::after{content:none}

.ali-faq-cta{text-align:center;margin-top:36px}
.ali-faq-cta__note{max-width:520px;margin:0 auto 20px;font-size:.98rem;line-height:1.65;color:var(--block-text-secondary,#5a5a5a)}
.ali-faq-section--bg-accent-gradient .ali-faq-cta__note,.ali-faq-section--bg-navy .ali-faq-cta__note{color:color-mix(in srgb,var(--block-dark-ink,#fff) 85%,transparent)}
.ali-faq-more-wrap{text-align:center;margin-top:24px}
.ali-faq-more{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--block-accent-text, var(--block-accent, #3DAABD));font-family:var(--block-font-body);font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:10px 28px;border:2px solid var(--block-accent);border-radius:var(--block-btn-radius,50px);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ali-faq-more::after{content:'\2193';transition:transform .3s ease}
.ali-faq-more:hover{background:var(--block-accent);color:var(--block-accent-ink,#fff);transform:translateY(-2px);box-shadow:0 6px 24px var(--block-accent-glow,rgba(61,170,189,.3))}
.ali-faq-more:hover::after{transform:translateY(2px)}
/* Dark bg — load more */
.ali-faq-section--bg-accent-gradient .ali-faq-more,.ali-faq-section--bg-navy .ali-faq-more{color:color-mix(in srgb,var(--block-dark-ink,#fff) 80%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 25%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-more:hover,.ali-faq-section--bg-navy .ali-faq-more:hover{background:color-mix(in srgb,var(--block-dark-ink,#fff) 12%,transparent);color:var(--block-dark-ink,#fff);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 50%,transparent);box-shadow:0 6px 24px rgba(0,0,0,.15)}
/* Search */
.ali-faq-search-wrap{position:relative;margin-bottom:28px;max-width:480px}
.ali-faq-section-header+.ali-faq-search-wrap{margin-top:-20px}
.ali-faq-section:not(.ali-faq-section--left) .ali-faq-search-wrap{margin-left:auto;margin-right:auto}
.ali-faq-search{width:100%;padding:12px 18px 12px 44px;font-family:var(--block-font-body);font-size:.92rem;color:var(--block-dark, #1a2332);background:rgba(0,0,0,.03);border:1.5px solid rgba(0,0,0,.08);border-radius:var(--block-btn-radius,50px);outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;-webkit-appearance:none;appearance:none}
.ali-faq-search::placeholder{color:#999}
.ali-faq-search:focus{border-color:var(--block-accent-text, var(--block-accent, #3DAABD));background:#fff;box-shadow:0 0 0 3px var(--block-accent-glow,rgba(61,170,189,.15))}
.ali-faq-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none;transition:color .25s ease}
.ali-faq-search:focus~.ali-faq-search-icon{color:var(--block-accent-text, var(--block-accent, #3DAABD))}
.ali-faq-no-results{text-align:center;padding:32px 20px;font-size:.92rem;color:#999}
/* Dark bg — search */
.ali-faq-section--bg-accent-gradient .ali-faq-search,.ali-faq-section--bg-navy .ali-faq-search{background:color-mix(in srgb,var(--block-dark-ink,#fff) 8%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 15%,transparent);color:var(--block-dark-ink,#fff)}
.ali-faq-section--bg-accent-gradient .ali-faq-search::placeholder,.ali-faq-section--bg-navy .ali-faq-search::placeholder{color:color-mix(in srgb,var(--block-dark-ink,#fff) 45%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-search:focus,.ali-faq-section--bg-navy .ali-faq-search:focus{background:color-mix(in srgb,var(--block-dark-ink,#fff) 12%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 30%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--block-dark-ink,#fff) 8%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-search-icon,.ali-faq-section--bg-navy .ali-faq-search-icon{color:color-mix(in srgb,var(--block-dark-ink,#fff) 40%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-search:focus~.ali-faq-search-icon,.ali-faq-section--bg-navy .ali-faq-search:focus~.ali-faq-search-icon{color:color-mix(in srgb,var(--block-dark-ink,#fff) 80%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-no-results,.ali-faq-section--bg-navy .ali-faq-no-results{color:color-mix(in srgb,var(--block-dark-ink,#fff) 50%,transparent)}
/* Light bg — search */
.ali-faq-section--bg-cream .ali-faq-search,.ali-faq-section--bg-sky .ali-faq-search,.ali-faq-section--bg-warm .ali-faq-search,.ali-faq-section--bg-accent-light .ali-faq-search,.ali-faq-section--bg-accent-medium .ali-faq-search{background:rgba(255,255,255,.6)}
.ali-faq-section--bg-cream .ali-faq-search:focus,.ali-faq-section--bg-sky .ali-faq-search:focus,.ali-faq-section--bg-warm .ali-faq-search:focus,.ali-faq-section--bg-accent-light .ali-faq-search:focus,.ali-faq-section--bg-accent-medium .ali-faq-search:focus{background:#fff}
/* Expand all */
.ali-faq-expand-all-wrap{display:flex;justify-content:flex-end;margin-bottom:12px}
.ali-faq-expand-all{background:none;border:none;cursor:pointer;font-family:var(--block-font-body);font-size:.82rem;font-weight:600;color:var(--block-accent-text, var(--block-accent, #3DAABD));letter-spacing:.02em;padding:4px 0;transition:opacity .2s ease}
.ali-faq-expand-all:hover{opacity:.7}
.ali-faq-section--left .ali-faq-expand-all-wrap{justify-content:flex-start}
/* Dark bg — expand all */
.ali-faq-section--bg-accent-gradient .ali-faq-expand-all,.ali-faq-section--bg-navy .ali-faq-expand-all{color:color-mix(in srgb,var(--block-dark-ink,#fff) 70%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-expand-all:hover,.ali-faq-section--bg-navy .ali-faq-expand-all:hover{color:color-mix(in srgb,var(--block-dark-ink,#fff) 90%,transparent)}
/* Tag filter chips */
.ali-faq-tags-wrap{margin-bottom:24px;text-align:center}
.ali-faq-section-header+.ali-faq-tags-wrap{margin-top:-20px}
.ali-faq-tags-wrap+.ali-faq-search-wrap{margin-top:0}
.ali-faq-section--left .ali-faq-tags-wrap{text-align:left}
.ali-faq-tags-label{font-family:var(--block-font-body);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;margin-bottom:10px}
.ali-faq-tags{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ali-faq-section--left .ali-faq-tags{justify-content:flex-start}
.ali-faq-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-family:var(--block-font-body);font-size:.82rem;font-weight:600;line-height:1.3;color:var(--block-dark, #1a2332);background:rgba(0,0,0,.02);border:1.5px solid rgba(0,0,0,.1);border-radius:999px;cursor:pointer;transition:background .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1);-webkit-appearance:none;appearance:none}
.ali-faq-tag:hover:not(.is-active){border-color:var(--block-accent-text, var(--block-accent, #3DAABD));color:var(--block-accent-text, var(--block-accent, #3DAABD))}
.ali-faq-tag.is-active{background:var(--block-accent);border-color:var(--block-accent);color:var(--block-accent-ink,#fff)}
.ali-faq-tag.is-active:hover{filter:brightness(1.08)}
.ali-faq-tag-count{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.06);color:inherit;opacity:.75;transition:background .25s ease,opacity .25s ease}
.ali-faq-tag:hover:not(.is-active) .ali-faq-tag-count{background:var(--block-accent-glow,rgba(61,170,189,.15));opacity:1}
.ali-faq-tag.is-active .ali-faq-tag-count{background:rgba(255,255,255,.22);opacity:1}
.ali-faq-tag.is-empty{opacity:.45}
.ali-faq-tag.is-empty .ali-faq-tag-count{background:rgba(0,0,0,.04)}
/* Dark bg — tags */
.ali-faq-section--bg-accent-gradient .ali-faq-tags-label,.ali-faq-section--bg-navy .ali-faq-tags-label{color:color-mix(in srgb,var(--block-dark-ink,#fff) 60%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag:not(.is-active),.ali-faq-section--bg-navy .ali-faq-tag:not(.is-active){background:color-mix(in srgb,var(--block-dark-ink,#fff) 6%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 25%,transparent);color:color-mix(in srgb,var(--block-dark-ink,#fff) 85%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag:hover:not(.is-active),.ali-faq-section--bg-navy .ali-faq-tag:hover:not(.is-active){background:color-mix(in srgb,var(--block-dark-ink,#fff) 12%,transparent);border-color:color-mix(in srgb,var(--block-dark-ink,#fff) 50%,transparent);color:var(--block-dark-ink,#fff)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag.is-active,.ali-faq-section--bg-navy .ali-faq-tag.is-active{background:var(--block-dark-ink,#fff);border-color:var(--block-dark-ink,#fff);color:var(--block-dark, #1a2332)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag.is-active:hover,.ali-faq-section--bg-navy .ali-faq-tag.is-active:hover{color:var(--block-dark, #1a2332)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag:not(.is-active) .ali-faq-tag-count,.ali-faq-section--bg-navy .ali-faq-tag:not(.is-active) .ali-faq-tag-count{background:color-mix(in srgb,var(--block-dark-ink,#fff) 12%,transparent)}
.ali-faq-section--bg-accent-gradient .ali-faq-tag.is-active .ali-faq-tag-count,.ali-faq-section--bg-navy .ali-faq-tag.is-active .ali-faq-tag-count{background:color-mix(in srgb, var(--block-dark) 10%, transparent)}
/* Light bg — tags */
.ali-faq-section--bg-cream .ali-faq-tag:not(.is-active),.ali-faq-section--bg-sky .ali-faq-tag:not(.is-active),.ali-faq-section--bg-warm .ali-faq-tag:not(.is-active),.ali-faq-section--bg-accent-light .ali-faq-tag:not(.is-active),.ali-faq-section--bg-accent-medium .ali-faq-tag:not(.is-active){background:rgba(255,255,255,.6)}
/* Responsive */
@media(max-width:900px){.ali-faq-section{padding:60px 20px 70px}}

/* Dark band, light cards: the header sits directly on the band, and the CTA is a
   filled accent button — on an accent-coloured band it would disappear, so it
   inverts to a light pill with accent text. */
/* The header and the CTA note sit on the BAND, not on the cards, so they keep
   white ink even though the section's --block-dark-ink is now dark. */
.ali-faq-section--surface-light .ali-heading,
.ali-faq-section--surface-light .ali-faq-section-desc,
.ali-faq-section--surface-light .ali-faq-cta__note,
.ali-faq-section--surface-light .ali-label{color:#fff}
.ali-faq-section--surface-light .ali-faq-cta .ali-btn{background:#fff;color:var(--block-accent-text,var(--block-accent,#3DAABD));--block-btn-hover-bg:rgba(255,255,255,.88);--block-btn-hover-ink:var(--block-accent-text,var(--block-accent,#3DAABD))}