/* THC header add-ons (Oliver Nov 1 2026 12:37 to 12:39 PM PT). THC only; styles.css stays byte-identical with californiacounselorceus.com.
   1) Agencies opens a state drop-down (Oregon, Texas, Washington -> /agency/<state>/). The pill keeps the grey CA Agencies pill look
      (size, color, hover, phone spot); the menu is the CA nav-dd menu (same as Licensed / Associate Clinicians).
   2) THC home and /answers/ nav (nav.thc-nav): About + Agencies added; phones: centered rows. */
.site-header nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies { background: #EDEFF1 !important; border-color: #EDEFF1 !important; color: var(--ink) !important; }
.site-header nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies:hover,
.site-header nav > ul > li.nav-dd.nav-dd-agency.open > a.nav-dd-btn.nav-agencies { background: #E1E4E7 !important; border-color: #E1E4E7 !important; }
.site-header nav > ul > li.nav-dd.nav-dd-agency.nav-dd-current > a.nav-dd-btn.nav-agencies { background: #D3D6DA !important; border-color: #D3D6DA !important; }
.site-header nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies { display: inline-flex; align-items: center; white-space: nowrap; }
@media (min-width: 641px) { .site-header nav > ul > li.nav-dd-agency .nav-dd-menu { left: auto; right: 0; min-width: 12rem; } }
@media (max-width: 640px) {
  /* same spot and size as the CA grey Agencies pill on phones (not the yellow clinician row) */
  .site-header nav > ul > li.nav-dd.nav-dd-agency { order: 6 !important; grid-column: auto / span 1 !important; }
  .site-header nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies { white-space: nowrap !important; line-height: 1.2 !important; letter-spacing: .03em !important; min-height: 2.5rem !important; padding: 6.8px 13px !important; font-size: 0.85rem !important; }
  .site-header nav > ul > li.nav-dd-agency .nav-dd-menu { left: 50% !important; right: auto !important; transform: translateX(-50%); min-width: 12rem; }
}
@media (max-width: 380px) {
  .site-header nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies { padding: 6.8px 11px !important; }
}
/* thc-nav (home, /answers/): states yellow, others grey; phones: centered rows */
.site-header nav > ul > li > a.nav-state { background: #FFC700 !important; border-color: #FFC700 !important; color: #123333 !important; justify-content: center; text-align: center; }
.site-header nav > ul > li > a.nav-state:hover { background: #F0BB00 !important; border-color: #F0BB00 !important; }
@media (max-width: 640px) {
  .site-header nav.thc-nav { display: block !important; margin-top: 1.6rem !important; }
  .site-header nav.thc-nav > ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: .45rem !important; margin: 0 !important; }
  html body .site-header nav.thc-nav > ul > li, .site-header nav.thc-nav > ul > li.nav-dd.nav-dd-agency { display: flex; margin: 0 !important; order: 0 !important; grid-column: auto !important; }
  .site-header nav.thc-nav > ul > li > a, .site-header nav.thc-nav > ul > li.nav-dd.nav-dd-agency > a.nav-dd-btn.nav-agencies { display: inline-flex !important; align-items: center; justify-content: center; text-align: center; width: auto !important; min-height: 2.3rem !important; padding: .35rem .85rem !important; font-size: .8rem !important; letter-spacing: .03em !important; line-height: 1.2 !important; white-space: nowrap !important; }
}