/* Styles specific to the subscribe page */

/* Map container */
#previewMap {
    width: 100%;
    height: 300px;
    border-radius: 0.25rem;
    border: 1px solid #dee2e6;
}

/* Form styling */
.form-control:focus, .form-select:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Radius slider styling */
#radius {
    accent-color: #198754;
}

/* Location card */
.card-header.bg-light {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef;
}

/* Location button hover */
#useMyLocation:hover {
    background-color: #0d6efd;
    color: white;
}

/* Info icon in alert */
.alert-info i {
    color: #0dcaf0;
}