/* Phase 4: white dropdown text, transfers and brand pages, six-item services grid.
 * Loads after the earlier stylesheets and reuses the JTAD tokens (maroon, md, gold). */

/* Dropdown panels: dark maroon background with white text */
nav.cat .mega{background:var(--md)}
nav.cat .mega,
nav.cat .mega a,
nav.cat .mega h4,
nav.cat .mega figcaption,
nav.cat .mega figcaption b{color:#fff}
nav.cat .mega h4{border-bottom-color:var(--gold)}
nav.cat .mega a:hover{color:var(--gold)}
nav.cat .mega figure{background:var(--ml)}
nav.cat .mega figcaption b{color:#fff}
nav.cat li.has-kids .mega .wrap{grid-template-columns:1.1fr 1fr 1fr 1.2fr}

/* Category dropdown in the search bar: white text on maroon */
.sf select{background:var(--maroon);color:#fff}
.sf select option{background:var(--maroon);color:#fff}

/* Child category cards on parent pages */
.kids{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.kids a{display:block;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;padding:18px 18px 16px;font:700 1rem/1.3 var(--body);color:var(--maroon)}
.kids a:hover{box-shadow:0 10px 24px rgba(77,10,45,.14);border-left-color:var(--maroon)}
.kids small{display:block;margin-top:6px;font:500 .85rem/1.5 var(--body);color:var(--mute)}

/* Six top-level categories in the home services row */
@media(min-width:900px){.svg5{grid-template-columns:repeat(6,1fr)}}
@media(min-width:561px) and (max-width:899px){.svg5{grid-template-columns:repeat(3,1fr)}}