/*
 * Custom Form Styles - Paniers des Vallons
 * Reduces excessive padding for a more modern, compact form appearance
 */

/* Reduce vertical spacing between form fields */
.form-group {
    margin-bottom: 0.5rem !important; /* Reduced from default 1rem (16px) to 8px */
}

/* Reduce internal padding in form inputs */
.form-control {
    padding: 0.25rem 0.5rem !important; /* Reduced from 0.375rem 0.75rem */
    font-size: 0.95rem; /* Slightly smaller for more compact look */
}

/* Reduce padding around form containers */
.card-body {
    padding: 0.75rem !important; /* Reduced from 1.25rem */
}

/* Reduce padding in form labels */
.col-form-label {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.form-control-label {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* Reduce button padding for more compact appearance */
.btn {
    padding: 0.3rem 0.6rem !important; /* Reduced from 0.375rem 0.75rem */
    font-size: 0.95rem; /* Slightly smaller */
}

/* Reduce card header padding */
.card-header {
    padding: 0.5rem 0.75rem !important; /* Reduced from 0.75rem 1.25rem */
}

/* Reduce spacing for help text */
.form-text {
    margin-top: 0.15rem !important;
    font-size: 0.85rem;
}

/* Adjust validation feedback spacing */
.invalid-feedback,
.valid-feedback {
    margin-top: 0.15rem !important;
    font-size: 0.85rem;
}

/* Reduce spacing in select elements */
select.form-control {
    padding: 0.25rem 0.5rem !important;
}

/* Reduce spacing in textarea elements */
textarea.form-control {
    padding: 0.25rem 0.5rem !important;
}

/* Adjust checkbox and radio spacing */
.form-check {
    margin-bottom: 0.3rem !important;
    padding-left: 1.25rem;
}

.form-check-input {
    margin-top: 0.2rem;
}

/* Reduce spacing for input groups */
.input-group {
    margin-bottom: 0.5rem;
}

/* Alert spacing within forms */
.alert {
    padding: 0.5rem 0.75rem !important;
    margin-bottom: 0.5rem !important;
}

/* Reduce card margins for better flow */
.card {
    margin-bottom: 1rem;
}