/* tiaawilliams.com — site stylesheet
 *
 * Lifted verbatim out of partials/header.html, where it lived because GoHighLevel only accepted
 * one pasted block per page. That constraint is gone: this file is linked from every built page,
 * so shared rules belong here and the header partial goes back to being markup.
 *
 * ⚠️ PER-PAGE <style> BLOCKS ARE DELIBERATELY NOT MERGED IN HERE. The 19 pages carry 396 distinct
 * rules between them, keyed on GENERATED class names -- `.x1`, `.x2`, `.x3` -- which mean
 * different things on different pages. Merging them would collide and break pages silently, and
 * "silently" is the problem: nothing would fail, a few pages would just look wrong. Converting
 * inline styles to shared classes is a per-page job with visual verification, not a script.
 */

html, body { margin:0; padding:0; }
* { box-sizing:border-box; }
body { background:#F4EFE3; font-family:Mulish,system-ui,sans-serif; color:#1E241C; -webkit-font-smoothing:antialiased; }
a { color:#8A6318; text-decoration:none; }
a:hover { color:#BE7038; }
summary::-webkit-details-marker { display:none; }

/* Full-bleed backgrounds. The builder wraps pasted markup in a max-width container,
   which cuts each band's background off at the container edge. If the builder has a
   "full width / stretch row" setting, use that and delete these two rules. */
html { overflow-x:clip; }
header, section, footer { width:100vw; margin-left:calc(50% - 50vw); }

/* --- Page body layout --- */
@media (max-width:1080px) { [data-tri] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width:980px)  { [data-duo] { grid-template-columns:minmax(0,1fr) !important; } [data-branch] { display:none !important; } }
@media (max-width:1180px) { [data-quad] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:620px)  { [data-quad] { grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width:900px)  { [data-ftr-grid] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:560px)  { [data-ftr-grid] { grid-template-columns:minmax(0,1fr) !important; } }

/* --- Header: no hamburger. Wraps to two rows on narrow screens. --- */
@media (max-width:820px) {
  [data-hdr-inner] { flex-wrap:wrap; height:auto !important; padding-top:12px !important; padding-bottom:10px !important; gap:12px !important; }
  [data-hdr-wordmark] { order:1; margin-right:auto; }
  [data-hdr-cta] { order:2; }
  [data-nav-links] { order:3; width:100%; margin-left:0 !important; justify-content:center; flex-wrap:wrap;
                     gap:6px 18px !important; padding-top:9px; border-top:1px solid rgba(44,64,51,.12); }
  [data-hdr-divider] { display:none !important; }
}
@media (max-width:560px) {
  [data-hdr-wordmark] { font-size:20px !important; }
  [data-hdr-cta] { padding:10px 15px !important; font-size:13.5px !important; }
  [data-nav-links] { gap:6px 14px !important; }
  [data-nav-links] a { font-size:13.5px !important; padding:4px 0; }
}

.x10:hover { background:#1F2E25 !important; }