/* Custom CSS for specific elements and overrides */

body {
    background-color: #f8f9fa; /* Lighter background for the entire page */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Header */
header {
    background-color: #ffffff;
}

header h1 {
    color: #007bff; /* Bootstrap primary blue */
}

/* Search and Bank Select */
.nav .input-group .form-control,
.nav .form-select {
    border-color: #ced4da;
}

/* Carousel Indicators - Adjusting position if needed */
.carousel-indicators {
    position: relative; /* Make indicators appear below the carousel */
    margin-top: 20px;
    margin-bottom: 0;
    justify-content: center;
}

.carousel-indicators [data-bs-target] {
    background-color: #6c757d; /* Darker gray for inactive dots */
}

.carousel-indicators .active {
    background-color: #007bff; /* Primary blue for active dot */
}


/* Instructions Section - Green background from original */
.instructions-section {
    background-color: #28a745; /* Bootstrap success green */
}

.instructions-section .form-check-label {
    color: #ffffff; /* White text for labels */
}

.instructions-section .btn-light {
    color: #28a745; /* Green text for the button on light background */
}

.instructions-section p {
    color: #e0e0e0; /* Slightly off-white for body text */
}

.instructions-section .text-warning {
    color: #ffc107 !important; /* Yellow for highlight, !important to override Bootstrap if needed */
}

.instructions-section .text-info {
    color: #17a2b8 !important; /* Bootstrap info blue for SGML */
}


/* Dropzone Styling */
#uploadForm.dropzone {
    border: none; /* Dropzone adds its own border, let's remove default */
    background-color: transparent; /* Don't want Dropzone's default background */
    padding: 0; /* Remove default padding */
    min-height: 100px; /* Ensure it has some height even with no content */
}

.dropzone .dz-message {
    /* Custom styling for the message area */
    border: 3px dashed #28a745; /* Green dashed border */
    background-color: #e6ffe6; /* Light green background */
    color: #28a745; /* Text color */
    padding: 50px 20px;
    border-radius: 0.5rem; /* Bootstrap's rounded corners */
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dropzone .dz-message:hover {
    background-color: #d4fcd4; /* Lighter green on hover */
    border-color: #1e7e34; /* Darker green border on hover */
}

.dropzone .dz-message h4 {
    font-weight: bold;
    color: #1e7e34; /* Darker green for heading */
}

/* Style for individual file previews (Dropzone default) */
.dropzone .dz-preview {
    background-color: #f0f8ff; /* Light blue background for previews */
    border: 1px solid #cceeff;
    border-radius: 0.375rem; /* Bootstrap's border-radius */
    padding: 15px;
    margin-top: 15px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.dropzone .dz-preview .dz-progress {
    background: #e9ecef; /* Light gray progress bar background */
}

.dropzone .dz-preview .dz-upload {
    background: #007bff; /* Bootstrap primary blue for progress fill */
}

.dropzone .dz-remove {
    color: #dc3545; /* Bootstrap danger red for remove link */
    text-decoration: none;
    font-weight: bold;
}
.dropzone .dz-remove:hover {
    text-decoration: underline;
}

/* Ensure Dropzone container adjusts to its content */
#uploadForm {
    min-height: auto; /* Override default min-height set by Dropzone */
}

/* Button style adjustment */
.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}