/* Fixes on top of the WordPress snapshot. Linked last on every page. */

/* Long FAQ questions overflowed phones: the button reset forbids wrapping.
   Phones only: on desktop the questions fit, and wrapping squeezed them. */
@media (max-width: 600px) {
  .faq-q { white-space: normal; text-align: left; }
}

/* Phone header: brand wrapped to three lines and spilled out of the 68px bar. */
@media (max-width: 600px) {
  nav:has(> .nav-brand) { grid-template-columns: 1fr auto; column-gap: 0.75rem; padding: 0 1.25rem; }
  .nav-brand { font-size: 1rem; line-height: 1.2; }
  nav .nav-cta { padding: 0.55rem 0.9rem; font-size: 0.68rem; letter-spacing: 0.04em; white-space: nowrap; }
}

/* California's project cards are an inline 3-column grid that pushed the page sideways on phones. */
@media (max-width: 600px) {
  [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
}

/* SMS consent checkbox (TCPA). Wording lives in consent/sms-consent.json. */
.cewu-sms-consent label { display: flex !important; gap: 0.6rem; align-items: flex-start; font-size: 0.75rem !important; line-height: 1.5 !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 400 !important; cursor: pointer; }
/* Elementor styles every form input; the consent box must read as a plain checkbox. */
.cewu-sms-consent input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; margin: 0.2rem 0 0 !important; padding: 0 !important; flex: none; width: 1rem !important; height: 1rem !important; min-height: 0 !important; border-radius: 3px !important; accent-color: #c17d4c; }
.cewu-sms-consent a { color: inherit; text-decoration: underline; }