/* Website forms (replaces the old third-party form styling) */
.site-form { display: block; width: 100%; text-align: left; }
.site-form .sf-row { margin: 0 0 10px; }
.site-form label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 4px; }
.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="tel"],
.site-form input[type="date"],
.site-form select,
.site-form textarea {
    display: block; width: 100%; box-sizing: border-box;
    padding: 10px 12px; border: 1px solid #c9d1da; border-radius: 4px;
    background: #fff; color: #222; font: inherit; font-size: 16px;
}
.site-form textarea { min-height: 110px; resize: vertical; }
.site-form input:focus, .site-form select:focus, .site-form textarea:focus {
    outline: 2px solid #0d3b66; outline-offset: 1px; border-color: #0d3b66;
}
.site-form .sf-note { font-size: 13px; line-height: 1.4; margin: 0 0 10px; opacity: 0.85; }
.site-form button[type="submit"] {
    display: inline-block; padding: 12px 28px; border: 0; border-radius: 4px;
    background: #0d3b66; color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
.site-form button[type="submit"]:hover { background: #092947; }
.site-form button[disabled] { opacity: 0.7; cursor: default; }
/* Spam trap: hidden from people, bots fill it in */
.site-form .sf-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.site-form fieldset { border: 0; margin: 0 0 10px; padding: 0; }
.site-form legend { font-size: 14px; font-weight: 600; margin: 0 0 6px; padding: 0; }
.site-form .sf-check { display: flex; align-items: center; gap: 8px; font-weight: 400; margin: 0 0 6px; cursor: pointer; }
.site-form .sf-check input { flex: 0 0 auto; margin: 0; }
.site-form .sf-cols { display: flex; flex-wrap: wrap; gap: 0 20px; }
.site-form .sf-cols > .sf-row { flex: 1 1 240px; }
.site-form .sf-section { font-size: 18px; font-weight: 700; margin: 18px 0 10px; }
/* Full-page forms (referral, appointment request) */
.site-form.sf-page { max-width: 760px; margin: 30px auto; }
#refer-form-container .site-form.sf-page { margin: 0 auto; color: #fff; }
#refer-form-container .site-form button[type="submit"] { background: #fff; color: #0d3b66; }
#refer-form-container .site-form button[type="submit"]:hover { background: #e6edf4; }
/* Forms on dark backgrounds (KCSD footer, referral/appointment boxes): white text */
#fo-contact .site-form label, #fo-contact .site-form legend, #fo-contact .site-form .sf-note,
#refer-form-container .site-form label, #refer-form-container .site-form legend,
#refer-form-container .site-form .sf-note, #refer-form-container .site-form .sf-section { color: #fff; }
#fo-contact .site-form button[type="submit"] { background: #fff; color: #0d3b66; }
#fo-contact .site-form button[type="submit"]:hover { background: #e6edf4; }
/* Keep the site's own form/box styles from rearranging these forms */
#refer-form-container .site-form div,
#fo-contact .site-form div { float: none !important; position: static; height: auto !important; min-height: 0 !important; max-width: none !important; background: none; box-shadow: none; text-align: left; }
#refer-form-container .site-form div.sf-hp, #fo-contact .site-form div.sf-hp { position: absolute !important; }
#refer-form-container .site-form .sf-row,
#fo-contact .site-form .sf-row { display: block !important; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; }
#refer-form-container .site-form .sf-cols { display: flex !important; flex-wrap: wrap !important; gap: 0 20px; width: 100% !important; margin: 0 !important; padding: 0 !important; }
#refer-form-container .site-form .sf-cols > .sf-row { flex: 1 1 240px !important; }
#refer-form-container .site-form .sf-section { margin: 18px 0 10px !important; padding: 0 !important; }
#refer-form-container .site-form input[type="text"],
#refer-form-container .site-form input[type="email"],
#refer-form-container .site-form input[type="tel"],
#refer-form-container .site-form select,
#refer-form-container .site-form textarea { width: 100% !important; max-width: none !important; margin: 0 !important; float: none !important; }
#refer-form-container .site-form label { margin: 0 0 4px !important; text-align: left; }
#refer-form-container .site-form .sf-check { display: flex !important; margin: 0 0 6px !important; }
#refer-form-container .site-form a, #fo-contact .site-form a { color: #fff; text-decoration: underline; }
#refer-form-container .site-form .sf-cols,
#fo-contact .site-form .sf-cols { flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 20px !important; height: auto !important; }
#refer-form-container .site-form .sf-cols::before, #refer-form-container .site-form .sf-cols::after,
#refer-form-container .site-form .sf-row::before, #refer-form-container .site-form .sf-row::after { display: none !important; content: none !important; }
#refer-form-container .site-form, #refer-form-container .site-form fieldset { display: block !important; width: 100% !important; height: auto !important; }