#cart.modal-open #wrapper {
    z-index : 5;
}

.modal-open #wrapper {
    z-index : 2;
}

#additional-delivery-modal {
    overflow    : auto;
    align-items : flex-start;
}

#additional-delivery-modal .modal-dialog {
    max-width  : 900px;
    margin-top : 100px;
}

#additional-delivery-modal .modal-header {
    background-color : #f8f9fa;
    border-bottom    : 2px solid #007cba;
    padding          : 1rem 1.5rem;
    display          : flex;
    align-items      : center;
    justify-content  : space-between;
}

#additional-delivery-modal .modal-header:after {
    display : none;
}

#additional-delivery-modal .modal-title {
    color       : #007cba;
    font-weight : 600;
    display     : flex;
    align-items : center;
    gap         : 8px;
}

#additional-delivery-modal .modal-title .material-icons {
    font-size : 1.5rem;
}

/* Alert d'information principale */
.delivery-info-alert {
    border-left : 4px solid #17a2b8;
    display     : flex;
    align-items : flex-start;
    gap         : 12px;
}

.delivery-info-alert .material-icons {
    color      : #17a2b8;
    margin-top : 2px;
}

/* Cartes des zones */

.delivery-zones-container {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
}

.delivery-zone-card {
    border        : 1px solid #dee2e6;
    border-radius : 8px;
    overflow      : hidden;
    box-shadow    : 0 2px 4px rgba(0, 0, 0, 0.1);
    transition    : transform 0.2s ease;
}

.delivery-zone-card:hover {
    transform  : translateY(-2px);
    box-shadow : 0 4px 8px rgba(0, 0, 0, 0.15);
}

.delivery-times-trigger-link {
    font-size : 0.8125rem;
    padding   : 0.375rem 0.75rem;
    color     : #262626;
}

#module-bwa_ce-bulkorderssession .delivery-times-trigger-link {
    padding : 0.5rem 0.5rem;
}

.zone-header {
    padding         : 1rem 1.5rem;
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    font-weight     : 600;
}

.zone-header-nord {
    background    : linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-bottom : 1px solid #90caf9;
}

.zone-header-sud {
    background    : linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%);
    border-bottom : 1px solid #ffb74d;
}

.zone-header-standard {
    background    : linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
    border-bottom : 1px solid #a5d6a7;
}

.zone-title {
    margin      : 0;
    display     : flex;
    align-items : center;
    gap         : 8px;
    color       : #333;
}

.zone-delay-badge {
    font-size   : 0.875rem;
    font-weight : 600;
    padding     : 0.375rem 0.75rem;
}

.zone-content {
    padding : 1.5rem;
}

/* Liste des départements */
.departments-title {
    color         : #495057;
    font-weight   : 600;
    margin-bottom : 0.75rem;
    font-size     : 1rem;
}

.departments-list {
    display   : flex;
    flex-wrap : wrap;
    gap       : 0.5rem;
}

.department-item {
    background-color : #f8f9fa;
    border           : 1px solid #dee2e6;
    padding          : 0.25rem 0.5rem;
    border-radius    : 4px;
    font-size        : 0.875rem;
    color            : #495057;
    white-space      : nowrap;
}

/* Images des cartes */
.zone-map-container {
    text-align : center;
    padding    : 1rem;
}

.zone-map-img {
    max-height    : 200px;
    border-radius : 8px;
    box-shadow    : 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Zone standard */
.delivery-zone-standard .zone-content {
    padding : 1rem 1.5rem;
}

.standard-zone-text {
    margin     : 0;
    color      : #6c757d;
    font-style : italic;
}

/* Note en bas */
.delivery-note .alert {
    display     : flex;
    align-items : flex-start;
    gap         : 8px;
    margin      : 0;
}

.delivery-note .material-icons {
    font-size : 1.125rem;
}

/* Modal footer */
#additional-delivery-modal .modal-footer {
    border-top      : 1px solid #dee2e6;
    padding         : 1rem 1.5rem;
    justify-content : center;
}

#additional-delivery-modal .modal-footer .btn {
    display     : flex;
    align-items : center;
    gap         : 8px;
    padding     : 0.5rem 2rem;
    font-weight : 600;
}

#additional-delivery-modal .modal-after-footer {
    padding-top : 50px;
}

.cart-grid-right {
    z-index : 2;
}

/* Responsive */
@media (max-width : 1199px) {

}

@media (max-width : 768px) {
    #additional-delivery-modal .modal-dialog {
        margin    : 75px 1rem 1rem;
        max-width : calc(100% - 2rem);
    }

    .zone-header {
        flex-direction : column;
        gap            : 0.5rem;
        text-align     : center;
    }

    .departments-list {
        justify-content : center;
    }

    .zone-map-img {
        max-height : 150px;
    }
}

@media (max-width : 576px) {
    .zone-content .row {
        flex-direction : column-reverse;
    }

    .zone-map-container {
        margin-bottom : 1rem;
    }

    .department-item {
        font-size : 0.8125rem;
    }
}