/**
 * BelgaCore - Thème enfant Hummingbird
 * Minimaliste : couleurs, polices, boutons
 */

@import url('base.css');    /* Variables + Polices */
@import url('global.css');  /* Header/Footer + Boutons */
@import url('catalog.css'); /* Mode liste */
@import url('facets.css');  /* Filtres recherche */
@import url('megamenu.css'); /* Mega Menu Pro */

/* Force la couleur du texte des adresses dans le tunnel de commande */
address.address__content {
    color: #ffffff !important; /* Blanc pur */
    font-style: normal;
}

/* Aligner horizontalement le bouton radio, le texte et le logo */
.payment__list .payment__option label.form-check-label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    cursor: pointer !important;
}

/* Gérer l'ordre : Radio (1), Texte (2), Logo (3) */
.payment__list .payment__option input[type="radio"] {
    order: 1 !important;
    margin: 0 !important;
}

.payment__list .payment__option span.flex-grow-1 {
    order: 2 !important;
    flex-grow: 0 !important; /* Empêche le texte de prendre toute la place */
    color: #ffffff !important;
    white-space: nowrap !important;
}

.payment__list .ps_checkout-mark {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
}

/* Ajuster la taille des logos de cartes (Visa, MC, etc.) */
.payment__list .ps_checkout-mark img {
    height: 25px !important;
    width: auto !important;
}

/* Correction spécifique pour le bouton Retour du Checkout */
.js-back {
    position: relative !important;
    z-index: 10 !important; /* On le fait passer devant tout le reste */
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* Force le bouton à intercepter le clic */
}

/* Style visuel pour être sûr qu'il ressemble à un bouton cliquable */
.btn-outline-primary.js-back {
    border: 2px solid var(--bc-bouton-primaire) !important;
    color: var(--bc-bouton-primaire) !important;
    background: transparent !important;
}

.btn-outline-primary.js-back:hover {
    background: var(--bc-bouton-primaire) !important;
    color: #ffffff !important;
}
		  
		  /* On force le bouton de retour à passer au-dessus de tout */
.payment__actions .js-back {
    position: relative !important;
    z-index: 999999 !important; /* Priorité maximale */
    pointer-events: auto !important; /* Force l'interaction */
    cursor: pointer !important;
    display: inline-flex !important; /* S'assure qu'il garde sa forme */
}

/* On s'assure que le conteneur du bouton ne bloque pas le clic */
.payment__actions {
    pointer-events: none !important;
}

/* On redonne le droit de cliquer UNIQUEMENT aux boutons à l'intérieur */
.payment__actions button, 
.payment__actions .btn,
.payment__actions #payment-confirmation {
    pointer-events: auto !important;
}
		  
/* === Tunnel de commande - Uniformisation BelgaCore === */

#order-summary-content .bg-light {
    background-color: var(--bc-brand) !important;
    color: var(--bc-text) !important;
    border: none !important;
    border-radius: var(--bc-radius) !important;
}

/* Supprime les éventuels fonds internes */
#order-summary-content .order-confirmation__table,
#order-summary-content .delivery-options__item {
    background-color: transparent !important;
}