/* Overrides for the static build. Put new styles here rather than in the WordPress CSS files. */

/* GeneratePress's sticky nav needed jQuery; plain CSS sticky does the same job on inner pages.
   The home page keeps its transparent header overlaid on the hero, as on WordPress. */
body:not(.home) .header-wrap { position: sticky; top: 0; z-index: 100; background: var(--base-3, #fff); box-shadow: 0 2px 12px rgba(0, 0, 0, .06); }

/* Contact form */
.it-form { display: grid; gap: 18px; max-width: 760px; }
.it-form .row { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
@media (max-width: 640px) { .it-form .row { grid-template-columns: 1fr; } }
.it-form label { display: block; font-weight: 500; margin-bottom: 6px; }
.it-form .req { color: #c0392b; }
.it-form input[type=text], .it-form input[type=email], .it-form textarea {
  width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px; font: inherit; background: #fff; color: inherit;
}
.it-form input:focus, .it-form textarea:focus { outline: 2px solid var(--accent, #0b6efd); outline-offset: 1px; }
.it-form .check { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.it-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.it-form button[type=submit] { justify-self: start; border-radius: 9999px; padding: 12px 32px; cursor: pointer; }
.it-form button[disabled] { opacity: .6; cursor: progress; }
.it-form .status { padding: 12px 16px; border-radius: 6px; }
.it-form .status.ok { background: #e8f6ec; color: #17602d; }
.it-form .status.err { background: #fdecea; color: #8a1f12; }
.it-form .status:empty { display: none; }

/* Color fixes for headings that were off-palette on the WordPress site too. */
/* Street Team: gray italic H2 -> dark navy like every other large heading. */
h2.gb-headline-ec492452 { color: var(--contrast); }
h2.gb-headline-ec492452 em { font-style: normal; }
/* Contact: "Contact us" label was #D1DCE4 (meant for dark backgrounds) on a light page -> accent blue. */
h5.gb-headline-7fdc32dc { color: var(--accent); }

/* Home: main headline is now the page's h1 (was an h2); keep the h2 line-height it was designed with. */
h1.gb-headline-c9410d14 { line-height: 1.2em; }

/* Lazy decorative backgrounds: no image until scrolled near (script in Base.astro adds .is-inview). */
.lazy-bg:not(.is-inview) { background-image: none !important; }