/* =====================================================================================
   Hyper — demandes client 07/11 : panier, mode de livraison, paiement, vérification.
   Fichier à part (chargé par layout/local.xml). Retour arrière : retirer la ligne de local.xml.
   ===================================================================================== */

/* ---------- Boutons .button2 (vider le panier, mettre à jour, continuer vos achats, appliquer…) ----------
   Le thème rwd écrit leur texte en bleu #0472ad sur le fond vert #006666 de hyper.css : illisible.
   Texte blanc sur #006666 (≈ 6,8:1) ; survol #004d4d (≈ 9,7:1). */
.button2 { padding: 0 12px; }
.button2 span,
.button2 span span {
    color: #fff;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
}
.button2:hover,
.button2:focus { background: #004d4d; }
.button2:hover span,
.button2:hover span span,
.button2 span:hover,
.button2 span span:hover,
.button2:focus span,
.button2:focus span span { color: #fff; text-decoration: none; }
.button2:focus-visible { outline: 2px solid #e26703; outline-offset: 2px; }

/* « -ou- » entre « Mettre à jour » et « Continuer vos achats », « OU » entre PayPal et Commander */
.cart-table .cart-footer-actions span.or,
.checkout-types .paypal-or,
.paypal-or { color: #333; font-weight: bold; }

/* ---------- Coût de livraison du panier (informatif) ---------- */
.hyper-delivery-cost .sp-methods { margin: 0 0 10px; }
.hyper-delivery-cost .sp-methods dt { font-weight: bold; color: #333; margin: 8px 0 0; }
.hyper-delivery-cost .sp-methods dd { margin: 0 0 4px; color: #333; }
.hyper-delivery-cost__note { color: #555; font-size: 13px; margin: 6px 0 0; }

/* ---------- Mode de livraison : liste des points de retrait ----------
   Ligne claire, texte #1f1f1f (≈ 15:1 sur #f6f6f6), bord et survol aux couleurs du thème. */
#hyper-pickup-list { list-style: none; margin: 10px 0 0; padding: 0; }
#hyper-pickup-list li { margin: 0 0 6px; padding: 0; }
#hyper-pickup-list .button {
    display: block;
    width: 100%;
    text-align: left;
    white-space: normal;
    text-transform: none;
    font-weight: normal;
    line-height: 1.4;
    background: #f6f6f6;
    color: #1f1f1f;
    border: 1px solid #006666;
    border-radius: 3px;
    padding: 8px 12px;
}
#hyper-pickup-list .button:hover,
#hyper-pickup-list .button:focus { background: #006666; color: #fff; }
#hyper-pickup-msg { color: #333; }

/* ---------- Vérification : case CGV + fenêtre sur la page ---------- */
#checkout-agreements .checkout-agreements { list-style: none; margin: 0 0 15px; padding: 0; }
#checkout-agreements .agree label { color: #333; }
#checkout-agreements .agree a.hyper-cgv-link { color: #006666; text-decoration: underline; }

.hyper-cgv-modal {
    position: fixed; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0, 0, 0, .6);
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.hyper-cgv-modal__box {
    position: relative; background: #fff; color: #333;
    width: 100%; max-width: 760px; max-height: 90vh;
    border-radius: 4px; box-shadow: 0 6px 24px rgba(0, 0, 0, .4);
    padding: 20px 24px;
    display: flex; flex-direction: column;
}
.hyper-cgv-modal__close {
    position: absolute; top: 6px; right: 10px;
    background: transparent; border: 0; color: #333;
    font-size: 28px; line-height: 1; cursor: pointer; padding: 4px 8px;
}
.hyper-cgv-modal__close:hover { color: #006666; }
.hyper-cgv-modal__body { overflow-y: auto; margin-top: 8px; padding-right: 8px; font-size: 14px; line-height: 1.5; }
.hyper-cgv-modal__body h2 { color: #006666; font-size: 20px; margin: 0 28px 12px 0; }