/* --- General Styling --- */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;700&display=swap');

body {
    font-family: 'Sarabun', sans-serif;
    background-color: #f4f7f6; /* A slightly softer background color */
}

/* --- Card and Form Styling --- */
.card {
    border: none; /* Remove default border */
    border-radius: 0.75rem; /* Smoother corners */
}

.card-header {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.card-header h1 {
    font-weight: 700;
}

/* --- Fieldset Styling for better visual separation --- */
fieldset {
    border: 1px solid #dee2e6 !important;
    border-radius: 0.5rem;
}

fieldset legend {
    float: none; /* Fix for Bootstrap 5 */
    width: auto;
    padding: 0 10px;
    font-size: 1.1rem;
    font-weight: 500;
    color: #495057;
}

/* --- Input and Button Styling --- */
.form-control, .form-select {
    border-radius: 0.375rem;
}

.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn-primary {
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s ease-in-out;
}

.btn-primary:hover {
    background-color: #0b5ed7;
}

/* --- Helper text and required fields --- */
.form-text {
    font-size: 0.875em;
    color: #6c757d;
}

.text-danger {
    font-weight: 500;
}

/* --- reCAPTCHA Alignment --- */
.g-recaptcha {
    display: inline-block;
}