/*
 * Suburb FAQ band + accordion styling.
 *
 * Source: the <style> half of WPCode snippet 18192 "PHGP Suburb FAQ Accordion",
 * migrated to the child theme 28 July 2026. The snippet is now disabled, not
 * deleted. Its <script> half became js/faq-accordion.js — the two are a pair
 * and load on the same pages.
 * Enqueued by: inc/enqueue-css.php (handle "phgp-faq-accordion")
 * Consumers: the 16 published children of page 5031 "Areas Serviced".
 *
 * TWO CHANGES from the snippet, both deliberate:
 *
 * 1. SCOPED. The accordion rules used to target bare #rank-math-faq, so they
 *    would have restyled ANY Rank Math FAQ block added anywhere on the site.
 *    They are now scoped under .phgp-faqband. Verified safe: #rank-math-faq is
 *    a direct child of .phgp-faqband on these pages.
 *
 * 2. TOKENISED. Hard-coded hexes now reference the theme.json palette. Note
 *    this band sits OUTSIDE the .phgp wrapper, so core.css's flat tokens
 *    (--navy etc.) are NOT in scope here — that is why the snippet hard-coded
 *    them. The --wp--custom--* properties come from WordPress global styles at
 *    :root, so they work anywhere. Hex fallbacks kept, as in core.css.
 *
 * The #ddd item divider is left literal: it is not a brand colour.
 */

/* PHGP suburb FAQ - cream band + headings (matches previous Elementor section) */
.phgp-faqband{background:var(--wp--custom--paper--50, #FBFAF4);padding:88px 0;}
@media(max-width:1024px){.phgp-faqband{padding:70px 0;}}
@media(max-width:600px){.phgp-faqband{padding:56px 0;}}
.phgp-faqband>.faq-head,.phgp-faqband>#rank-math-faq{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:56px;padding-right:56px;box-sizing:border-box;}
@media(max-width:1024px){.phgp-faqband>.faq-head,.phgp-faqband>#rank-math-faq{padding-left:40px;padding-right:40px;}}
@media(max-width:600px){.phgp-faqband>.faq-head,.phgp-faqband>#rank-math-faq{padding-left:24px;padding-right:24px;}}
.phgp-faqband .faq-eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--custom--navy--600, #16335A);margin:0 0 14px;line-height:1.3;}
.phgp-faqband .faq-title{font-size:44px;font-weight:700;line-height:1.05;color:var(--wp--custom--navy--600, #16335A);margin:0 0 36px;}
@media(max-width:1024px){.phgp-faqband .faq-title{font-size:30px;}}
@media(max-width:600px){.phgp-faqband .faq-title{font-size:32px;}}

/* Accordion items - matched to previous Elementor styling */
.phgp-faqband #rank-math-faq .rank-math-list-item{border-bottom:1px solid #ddd;}
.phgp-faqband #rank-math-faq .rank-math-question{position:relative;cursor:pointer;margin:0;padding:30px 44px 30px 0;font-size:20px;font-weight:600;line-height:1.35;color:var(--wp--custom--navy--600, #16335A);transition:color .15s ease;}
@media(max-width:1024px){.phgp-faqband #rank-math-faq .rank-math-question{font-size:22px;padding:25px 44px 25px 0;}}
@media(max-width:600px){.phgp-faqband #rank-math-faq .rank-math-question{font-size:18px;padding:20px 40px 20px 0;line-height:1.4;}}
.phgp-faqband #rank-math-faq .rank-math-question:hover{color:var(--wp--custom--mint--500, #5BD0A8);}
.phgp-faqband #rank-math-faq .rank-math-question::after{content:"";position:absolute;right:4px;top:50%;width:10px;height:10px;border-right:2px solid var(--wp--custom--navy--600, #16335A);border-bottom:2px solid var(--wp--custom--navy--600, #16335A);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease,border-color .2s ease;}
.phgp-faqband #rank-math-faq .rank-math-answer{color:var(--wp--custom--dim, #52606A);font-size:16px;line-height:1.6;padding:0 0 30px;}
@media(max-width:1024px){.phgp-faqband #rank-math-faq .rank-math-answer{font-size:18px;}}
.phgp-faqband #rank-math-faq .rank-math-answer a{color:var(--wp--custom--navy--600, #16335A);text-decoration:underline;}

/* Collapse only when JS is active (answers stay visible if the JS fails to load,
   so the content remains readable and crawlable) */
.phgp-faqband #rank-math-faq.js-accordion .rank-math-answer{display:none;}
.phgp-faqband #rank-math-faq.js-accordion .rank-math-list-item.is-open .rank-math-answer{display:block;}
.phgp-faqband #rank-math-faq.js-accordion .rank-math-list-item.is-open>.rank-math-question{color:var(--wp--custom--mint--500, #5BD0A8);}
.phgp-faqband #rank-math-faq.js-accordion .rank-math-list-item.is-open>.rank-math-question::after{transform:translateY(-30%) rotate(225deg);border-color:var(--wp--custom--navy--700, #0F2444);}