/* Static-site additions (contact form, search page, 404). Kadence vendor CSS handles everything else. */
.sk-form { max-width: 100%; }
.sk-field { margin: 0 0 1.25rem; padding: 0; border: 0; min-width: 0; }
.sk-label, .sk-field legend { display: block; font-weight: 600; font-size: 16px; line-height: 1.2; margin: 0 0 .35rem; color: var(--global-palette3); }
.sk-required { color: #d63638; }
.sk-row { display: flex; gap: 15px; }
.sk-sub { flex: 1 1 0; display: block; }
.sk-sub span { display: block; font-size: 14px; line-height: 1.2; margin-top: 5px; color: var(--global-palette5); }
.sk-form input[type="text"], .sk-form input[type="email"], .sk-form textarea { width: 100%; }
.sk-form textarea { min-height: 170px; }
.sk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sk-status { margin: .5rem 0 0; min-height: 1.2em; }
.sk-status.is-success { color: var(--global-palette1); font-weight: 600; }
.sk-status.is-error { color: #d63638; }
.sk-submit { margin-top: 10px; }
.cf-turnstile { margin: 0 0 1rem; }
@media (max-width: 600px) { .sk-row { flex-direction: column; gap: 10px; } }

/* Search page (Pagefind) */
.sk-search { --pagefind-ui-primary: var(--global-palette1); --pagefind-ui-text: var(--global-palette4); --pagefind-ui-background: var(--global-palette9); --pagefind-ui-border: var(--global-palette7); --pagefind-ui-tag: var(--global-palette7); --pagefind-ui-font: var(--global-body-font-family); --pagefind-ui-border-radius: 4px; }
.sk-search .pagefind-ui__result-title { font-family: var(--global-heading-font-family); }
.sk-search .pagefind-ui__search-input { font-size: 18px; }
.sk-search .pagefind-ui__result-link { color: var(--global-palette3); }

/* Kadence references --global-gray-400/500 for input borders but the theme palette never defines them
   (on the live site this left form fields borderless). Define them so inputs render as Kadence intends. */
:root { --global-gray-400: #CBD5E0; --global-gray-500: #A0AEC0; }
/* GoDaddy's "contrast fallback" stylesheet sets input borders with color-mix() on an undefined preset variable,
   which invalidates the whole declaration and leaves fields borderless. Restore Kadence's intended field styling. */
body .wp-site-blocks .sk-form input:not([type="submit"]):not([type="button"]),
body .wp-site-blocks .sk-form textarea,
body .wp-site-blocks .search-form .search-field {
  border: 1px solid var(--global-gray-400);
  background-color: var(--global-palette9);
  color: var(--global-palette5);
  border-radius: 3px;
}
body .wp-site-blocks .sk-form input:focus, body .wp-site-blocks .sk-form textarea:focus { border-color: var(--global-palette6); }
/* The GoDaddy contrast-fallback rules use --wp--preset--color--contrast/base, which this theme never defines. */
:root { --wp--preset--color--contrast: var(--global-palette3); --wp--preset--color--base: var(--global-palette9); }