/* ==========================================================================
   Haverstock Contact Form Stylesheet
   ==========================================================================
   File: haverstock-contact-form.css
   Purpose: Styles for the contact form components including underline-style
            inputs, required field indicators, and focus states.
   Role: Component layer — used on the Contact page of the Haverstock
         Advisory website to style form elements.
   ========================================================================== */

/* --- Underline-Style Input --- */

.input-underline {
    border: none;
    border-bottom: 1px solid #000000;
    outline: none;
    background: none;
    transition: border-color 0.3s;
}

.font-medium input {
    background: none;
}

/* --- Required Field Indicator --- */

.required::after {
    content: "*";
    color: #ef4444;
    margin-left: 2px;
}

/* --- Input Focus States --- */

.input-underline:focus {
    border-bottom: 1px solid #000;
}

.font-medium input:focus {
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
}