/* Surcharge du thème enregistrée depuis Réglages > Couleurs Click & Collect. */

/* Textes et accents qui utilisaient l'orange historique rgb(236, 100, 50). */
.cc-footer-brand,
.cc-day-name,
.cc-chip--midi,
.cc-day-location-svc--midi,
.cc-menu-context span,
.cc-menu-category-title,
.cc-menu-card-price,
.cc-product-context span,
.cc-product-total-value,
.cc-option-title,
.cc-option-price,
.cc-product-option-category-title,
.cc-product-option-price,
.cc-pill .p,
.cc-formule-totalbox .v,
.cc-basket-item-badge,
.cc-basket-item-line-price,
.cc-basket-formula-extra-price,
.cc-basket-total-value,
.cc-basket-pill-price,
.cc-client-title,
.cc-register-page .cc-register-note,
.cc-register-page .cc-basket-title,
.cc-payment-result-page .cc-result-note,
.cc-payment-result-page .cc-basket-title,
.cc-slots-page .cc-flash.cc-flash-warning.cc-flash-oversize::before,
.cc-delivery-disclaimer-kicker,
.cc-delivery-disclaimer-window,
.cc-delivery-confirm-v15-icon,
.cc-delivery-confirm-v15-kicker,
.cc-delivery-confirm-v15-window,
.cc-option-row.is-checked .cc-option-check::after,
.cc-modal-title::before {
    color: var(--cc-theme-accent) !important;
}

/* Principaux blocs sombres du parcours CNC. Les fenêtres de sécurité gardent
   volontairement leur fond propre afin de rester lisibles. */
.cc-header,
.cc-question,
.cc-menu-header,
.cc-menu-category,
.cc-product-hero,
.cc-product-purchase,
.cc-product-options--v2,
.cc-product-no-options,
.cc-product-options,
.cc-product-option-category,
.cc-formule-totalbox,
.cc-basket,
.cc-legal-card {
    background: var(--cc-theme-surface) !important;
}

.cc-header {
    background: var(--cc-theme-surface-strong) !important;
}

.cc-header-back,
.cc-header-basket {
    background-color: var(--cc-theme-surface) !important;
}

/* Cartes des jours et emplacements sur la page d'accueil. */
.cc-day-card {
    width: 100% !important;
    max-width: 560px !important;
    min-width: 0 !important;
    height: auto !important;
    flex: 0 0 auto !important;
    box-sizing: border-box;
    overflow: visible !important;
    background: var(--cc-theme-location-surface, var(--cc-theme-surface)) !important;
    color: var(--cc-theme-location-text, #ffffff) !important;
    border: 1px solid rgba(var(--cc-theme-accent-rgb), 0.58) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(8px);
}

.cc-day-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: var(--cc-theme-accent);
}

.cc-day-main {
    width: 100%;
    height: auto !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 2px 0 11px;
    border-bottom: 1px solid rgba(var(--cc-theme-location-text-rgb, 255, 255, 255), 0.16);
}

.cc-day-name {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 3px;
}

.cc-day-locations,
.cc-day-location-box {
    height: auto !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}

.cc-day-locations--multi {
    grid-auto-rows: auto;
    align-items: stretch;
}

.cc-day-location-box {
    box-sizing: border-box;
    padding: 14px 16px 18px !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 13px !important;
}

.cc-day-name,
.cc-day-date,
.cc-day-location-name,
.cc-day-location-address {
    flex: 0 0 auto !important;
    max-width: 100%;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.3;
}

.cc-day-date,
.cc-day-location-name {
    color: var(--cc-theme-location-text, #ffffff) !important;
}

.cc-day-location-address {
    color: rgba(var(--cc-theme-location-text-rgb, 255, 255, 255), 0.72) !important;
}

.cc-day-location-name {
    font-weight: 800 !important;
    letter-spacing: 0.02em;
}

.cc-chip--midi,
.cc-day-location-svc--midi {
    color: var(--cc-theme-accent) !important;
    background: rgba(var(--cc-theme-accent-rgb), 0.14) !important;
    border-color: rgba(var(--cc-theme-accent-rgb), 0.55) !important;
}

.cc-chip--soir,
.cc-day-location-svc--soir {
    color: var(--cc-theme-location-text, #ffffff) !important;
    background: rgba(var(--cc-theme-location-text-rgb, 255, 255, 255), 0.08) !important;
    border-color: rgba(var(--cc-theme-location-text-rgb, 255, 255, 255), 0.22) !important;
}

/* Accents interactifs et états sélectionnés. */
.cc-modal-btn--accent,
.cc-btn-add-cart,
.cc-basket-validate-btn:not(.is-disabled) {
    background-color: var(--cc-theme-accent) !important;
}

.cc-day-card:hover {
    background: var(--cc-theme-location-surface, var(--cc-theme-surface)) !important;
    transform: translateY(-2px) !important;
    border-color: rgba(var(--cc-theme-accent-rgb), 0.95) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52) !important;
}

.cc-day-card:hover .cc-day-location-box {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
}

.cc-option-select:focus,
.cc-option-comment-input:focus,
.cc-client-page .cc-client-input:focus,
.cc-client-page .cc-delivery-choice.is-active,
.cc-option-row.is-checked .cc-option-check {
    border-color: rgba(var(--cc-theme-accent-rgb), 0.70) !important;
}

.cc-option-row.is-checked .cc-option-check,
.cc-flash-warning {
    background-color: rgba(var(--cc-theme-accent-rgb), 0.10) !important;
}