/* Default Theme - Header Graphics Integration */

/* Header container with theme-specific background */
#headerContainer {
    background-image: url('/assets/themes/bootswatch-default/images/header-1600.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    padding: 20px 0;
}

/* Responsive header images */
@media (max-width: 800px) {
    #headerContainer {
        background-image: url('/assets/themes/bootswatch-default/images/header-800.jpg');
    }
}

@media (max-width: 480px) {
    #headerContainer {
        background-image: url('/assets/themes/bootswatch-default/images/header-480.jpg');
    }
}

/* Custom CSS variables for theme customization */
:root {
    --header-height: 200px;
}

/* Fix search input and button height alignment */
.search .input-group .form-control,
.search .input-group .btn {
    height: 38px !important;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    border: 1px solid;
}

.search .input-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Special Offers Card - Toned down for better readability */
.card.border-success {
    border-color: #5a7a3c !important;
}

.card-header.bg-success {
    background-color: #4a6b2f !important;
    border-color: #5a7a3c !important;
}

/* Dark mode adjustments for Special Offers card */
[data-bs-theme="dark"] .card.border-success {
    background-color: #1a2515;
    border-color: #5a7a3c !important;
}

[data-bs-theme="dark"] .card.border-success .card-body {
    background-color: #1a2515;
}

[data-bs-theme="dark"] .card-header.bg-success {
    background-color: #3a5a25 !important;
    border-color: #5a7a3c !important;
}


/* ========================================================================
   Theme-Specific Overrides - Dark Mode Only
   ======================================================================== */

[data-bs-theme="dark"] {
    /* Fix search input and button height alignment */
    .search .input-group .form-control,
    .search .input-group .btn {
        height: 38px !important;
        line-height: 1.5;
        padding: 0.375rem 0.75rem;
        border: 1px solid;
    }

    .search .input-group .btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Special Offers Card - Toned down for better readability */
    .card.border-success {
        background-color: #1a2515;
        border-color: #5a7a3c !important;
    }

    .card.border-success .card-body {
        background-color: #1a2515;
    }

    .card-header.bg-success {
        background-color: #3a5a25 !important;
        border-color: #5a7a3c !important;
    }
}