/* ═══════════════════════════════════════════════════════════════════
   Tap Express Checkout — boutons Apple Pay / Google Pay embarqués
   (bloc rendu au-dessus de la liste des moyens de paiement)
   ═══════════════════════════════════════════════════════════════════ */

/* Bloc masqué tant qu'aucun SDK n'a confirmé être prêt
   (évite un espace vide sur Chrome Windows où Apple Pay n'existe pas) */
#tap-express-buttons {
    display: none;
    margin: 4px 0 6px;
}
#tap-express-buttons.tap-ap-ready,
#tap-express-buttons.tap-gp-ready {
    display: block;
}

/* Boutons pleine largeur, empilés (cf. maquette) */
.tap-express-btn {
    width: 100%;
    margin-bottom: 10px;
    min-height: 48px;
}
.tap-express-btn:empty {
    display: none;
    margin: 0;
    min-height: 0;
}

/* Bouton Apple Pay natif (rendu par le SDK Tap) */
#tap-applepay-button apple-pay-button,
#tap-applepay-button > * {
    width: 100% !important;
    min-height: 48px;
    border-radius: 8px;
}

/* Bouton Google Pay natif (rendu par la Google Pay JS API) */
#tap-googlepay-button {
    height: 48px;
}
#tap-googlepay-button .gpay-button,
#tap-googlepay-button .gpay-button-fill,
#tap-googlepay-button .gpay-card-info-container {
    width: 100% !important;
    height: 48px !important;
    border-radius: 8px !important;
}

/* Séparateur "OR" entre les boutons express et les moyens de paiement */
.tap-express-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0 10px;
    color: #9aa0a6;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tap-express-divider::before,
.tap-express-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e3e5e8;
}

/* Bloc express une fois deplace dans le cadre des moyens de paiement */
#payment #tap-express-buttons {
    margin: 2px 0 0;
}

/* Les gateways express n'apparaissent PAS dans la liste radio classique :
   ils sont déclenchés uniquement par les boutons ci-dessus */
li.payment_method_tap_applepay,
li.payment_method_tap_googlepay,
.wc_payment_method.payment_method_tap_applepay,
.wc_payment_method.payment_method_tap_googlepay {
    display: none !important;
}