/* Custom SweetAlert styles */
:root {
    --btn-brown-light: #4E3116; /* Light brown for idle state */
    --btn-brown-dark: #392415;  /* Dark brown for hover state */
}

.swal2-backdrop-show {
    background-color: #F9F6F1 !important; /* Set overlay to solid #F9F6F1 */
}
.swal2-popup {
    width: 320px !important; /* Reduce popup width */
    padding: 1.5rem 1rem !important; /* Reduce padding to decrease height */
    font-family: 'Dosis', sans-serif !important;
    background-color: #F9F6F1 !important; /* Match popup background to overlay */
    border: none !important;
    box-shadow: none !important;
}
.swal2-title {
    font-size: 1.25rem !important; /* Smaller title */
    margin-bottom: 0.5rem !important; /* Less margin */
    padding: 0 !important;
    color: #6e4425 !important;
    font-family: 'Dosis', sans-serif !important;
}
.swal2-html-container {
    font-size: 1.05rem !important; /* Larger paragraph text */
    margin: -10px 0 0.5rem !important; /* Adjusted negative top margin */
    padding: 0 !important;
    line-height: 1.4 !important; /* Better readability */
    font-family: 'Dosis', sans-serif !important;
}
.swal2-icon {
    transform: scale(0.7) !important; /* Further reduce icon size */
    border-color: #6e4425 !important;
    color: #6e4425 !important;
    margin: 0.5rem auto !important; /* Less margin */
}
.swal2-actions {
    margin: 0.75rem auto 0 !important; /* Less margin */
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #6e4425 !important;
}
.swal2-icon.swal2-warning {
    border-color: #6e4425 !important;
    color: #6e4425 !important;
}
.swal2-icon.swal2-info {
    border-color: #6e4425 !important;
    color: #6e4425 !important;
}
.swal2-icon.swal2-question {
    border-color: #6e4425 !important;
    color: #6e4425 !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #6e4425 !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: #6e4425 !important;
}

/* Custom button styling */
.swal2-confirm.custom-btn {
    background-color: var(--btn-brown-light) !important;
    color: white !important;
    font-weight: bold !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.375rem !important;
    transition: background-color 0.3s !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.swal2-confirm.custom-btn:hover {
    background-color: var(--btn-brown-dark) !important;
}
.swal2-confirm.custom-btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Global Button Style */
.btn-primary {
    background-color: var(--btn-brown-light) !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 0.375rem !important;
    transition: background-color 0.3s !important;
}
.btn-primary:hover {
    background-color: var(--btn-brown-dark) !important;
}