/* ==========================================================================
   9wickets — "প্রশ্নোত্তর" (FAQ) section REDESIGN "Full Navy Panel" (2026-07,
   loads LAST)
   --------------------------------------------------------------------------
   Pattern-only change, same "cream head above a full-bleed navy panel"
   convention as #how/#why/#quotes/#platform-story/#about/#platform this
   pass. The accordion widget (w0013) is NOT modified or moved out of the
   Elementor tree in a way that would break 9w-faq-schema.php — that script
   recursively walks `elements` at any depth for accordion/toggle widgets,
   so nesting it one level deeper inside a new plain container (id
   vfq0001, css_classes "vfq-panel") is schema-safe. The container vp0015
   (.vk-faq) itself goes full-bleed; its head widget (vp0012) stays on
   cream; the accordion + "সব প্রশ্ন দেখুন / কাস্টমার সার্ভিস" CTA row
   (vp0014) move into the new navy .vfq-panel. The pill styling itself
   (faq-pills.css, .elementor-accordion-item etc.) is untouched — those are
   light glass pills, same as the cream cards elsewhere on navy panels.
   Scoped additions here: .vfq-panel + a ghost-button override (that button
   is styled dark-on-transparent for a light backdrop sitewide and would be
   invisible on navy).
   ========================================================================== */

body.vk .e-con.vk-faq {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.vk .vk-faq .vk-section__head {
    padding: clamp(16px, 2vw, 26px) var(--vk-pad) 0;
}

/* Panel slimmed down (2026-07): the 2-column accordion grid below is already
   roughly half the height of the old single-column list, so the panel's own
   padding no longer needs to carry a full-section's worth of breathing
   room — cut it down so the section reads compact rather than empty. */
body.vk .vfq-panel {
    max-width: none !important;
    width: 100% !important;
    margin: clamp(6px, 1vw, 12px) 0 0 !important;
    padding: clamp(18px, 2.2vw, 28px) var(--vk-pad) clamp(20px, 2.4vw, 30px) !important;
    background: linear-gradient(180deg, var(--vk-bg-dark) 0%, var(--vk-bg-dark-2) 100%);
}
/* Accordion widget widened from the old single-column 820px so two pill
   columns each get a comfortable measure; the CTA row underneath stays at
   the narrower reading width since it's short, centered text + 2 buttons. */
body.vk .vfq-panel > .elementor-widget-accordion {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
body.vk .vfq-panel > .elementor-widget-html {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* the ghost button (সব প্রশ্ন দেখুন) is styled dark-border/dark-text for a
   light backdrop sitewide (wickets-home.css "final layer") — invisible on
   this navy panel without an override */
body.vk .vfq-panel .vk-btn--ghost {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
}
body.vk .vfq-panel .vk-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    color: #FFFFFF !important;
}