/* ==============================================
   MORPHOSE – TEMPLATE UNIFIÉ PAIEMENT CHECKOUT
   ==============================================

   3 états métier, 1 rendu visuel identique :
   ┌───────────────────────────────────────────────┐
   │ 1. Full crédits  → .payment_method_iron_wallet_credits       │
   │ 2. Mixte         → .payment_method_iron_wallet_split (>0 cr) │
   │ 3. CB only       → .payment_method_iron_wallet_split (0 cr)  │
   └───────────────────────────────────────────────┘

   Règles :
   – Le SEUL titre visible = texte du <label> (défini en back-office).
   – Aucun texte hardcodé via CSS.
   – Aucune modification de plugin ni de template WooCommerce.
   – Desktop + Mobile compatibles.
   ============================================== */

/* ──────────────────────────────────────────────
   A. SUPPRESSION « Récapitulatif du paiement mixte »
   Ciblage précis : uniquement le <strong> enfant direct
   de .iron-wallet-split-info dans le contexte split.
   ────────────────────────────────────────────── */

.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-info > strong {
  display: none !important;
}

/* ──────────────────────────────────────────────
   B. TEMPLATE CARD UNIFIÉ
   Chaque li.wc_payment_method = carte autonome
   ────────────────────────────────────────────── */

/* B1. Reset liste des méthodes de paiement */
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* B2. Carte — chaque méthode
   ⚠ PAS de overflow:hidden → Stripe Elements utilise des iframes
   positionnées qui seraient croppées (dropdown 3DS, autocomplete). */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  background: var(--iw-white, #ffffff) !important;
  border: 1px solid var(--iw-border, rgba(0, 0, 0, 0.1)) !important;
  border-radius: var(--iw-radius, 12px) !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  overflow: visible !important;
  transition: border-color 0.2s ease;
}

/* B3. Dernière carte sans marge basse */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:last-child {
  margin-bottom: 0 !important;
}

/* B4. Hover subtil */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
  border-color: var(--iw-muted, rgba(0, 0, 0, 0.25)) !important;
}

/* B5. Header — Le <label> = titre de la carte */
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method label[for^='payment_method_'] {
  display: block !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  border: none !important;
}

/* B6. Body — .payment_box = contenu de la carte */
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method .payment_box {
  padding: 0 24px 24px 24px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--iw-border, rgba(0, 0, 0, 0.1)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* B7. Supprimer le triangle/flèche WooCommerce */
.woocommerce-checkout #payment ul.payment_methods .payment_box::before,
.woocommerce-checkout #payment ul.payment_methods .payment_box::after {
  display: none !important;
  content: none !important;
}

/* B8. Radio button masqué (sécurité — déjà fait ailleurs) */
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method input[type='radio'] {
  display: none !important;
}

/* ──────────────────────────────────────────────
   C. HARMONISATION DES CONTENUS INTERNES
   Les infos wallet et split s'intègrent flush
   dans la carte, sans double encadrement.
   ────────────────────────────────────────────── */

/* C1. Full crédits — .iron-wallet-checkout-info flush */
.woocommerce-checkout .payment_method_iron_wallet_credits .iron-wallet-checkout-info {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* C2. Informations crédits — paragraphes */
.woocommerce-checkout .payment_method_iron_wallet_credits .iron-wallet-checkout-info p {
  margin: 8px 0 !important;
  font-size: var(--iw-base, 14px) !important;
  line-height: 1.6 !important;
}

/* C3. Mixte & CB only — .iron-wallet-split-info flush */
.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-info {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: var(--iw-base, 14px) !important;
  line-height: 1.6 !important;
  color: var(--iw-black, #000000) !important;
}

/* C4. Description <p> dans payment_box — texte secondaire */
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method .payment_box > p:first-child {
  margin: 0 0 16px 0 !important;
  font-size: var(--iw-base, 14px) !important;
  color: var(--iw-muted, rgba(0, 0, 0, 0.6)) !important;
  line-height: 1.6 !important;
}

/* C5. Montant crédits utilisés */
.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-info .credits-used {
  color: var(--iw-success, #059669) !important;
  font-weight: 700 !important;
}

/* C6. Montant en euros (reste à payer) */
.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-info .amount-euros {
  color: var(--iw-black, #000000) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin-top: 8px !important;
  display: block !important;
}

/* C7. Solde suffisant / insuffisant — indicateurs */
.woocommerce-checkout .iron-wallet-checkout-info .iron-wallet-sufficient {
  background: transparent !important;
  padding: 0 !important;
  border-left: none !important;
  border-radius: 0 !important;
}

.woocommerce-checkout .iron-wallet-checkout-info .iron-wallet-insufficient {
  background: transparent !important;
  padding: 8px 0 !important;
  border-left: 3px solid var(--iw-danger, #dc2626) !important;
  padding-left: 12px !important;
  border-radius: 0 !important;
}

/* C8. Stripe container — cohérence dans la carte */
.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-stripe-integrated-form {
  margin-top: 20px !important;
  border-color: var(--iw-border, rgba(0, 0, 0, 0.1)) !important;
  background: var(--iw-white, #ffffff) !important;
  border-radius: var(--iw-radius, 12px) !important;
}

/* C9. Erreur split — cohérence */
.woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-error {
  margin: 0 !important;
  padding: 12px 0 !important;
}

/* ──────────────────────────────────────────────
   D. CGV
   Le contenu de la page CGV (<div .woocommerce-terms-and-conditions>)
   est supprimé côté PHP via remove_action (checkout.php §9).
   D0 = défense CSS en profondeur si le PHP est bypassed (cache CDN,
   rendu Elementor direct, etc.). Le <div> est masqué + neutralisé
   dans tous les cas.
   Seule la checkbox et le lien restent.
   ────────────────────────────────────────────── */

/* D0. Défense CSS — masquer le contenu CGV inline même si remove_action échoue */
.woocommerce-checkout .woocommerce-terms-and-conditions {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* D1. Checkbox CGV — style cohérent avec la carte */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
  padding: 0 !important;
  margin: 16px 0 0 0 !important;
}

/* D2. Espacement entre la checkbox CGV et le bouton "Commander" */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 12px !important;
}

.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-terms-and-conditions-checkbox-text {
  font-size: var(--iw-base, 14px) !important;
  font-family: var(--iw-font, 'Montserrat', sans-serif) !important;
  color: var(--iw-black, #000000) !important;
}

.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-terms-and-conditions-link {
  color: var(--iw-black, #000000) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.woocommerce-checkout
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-terms-and-conditions-link:hover {
  color: var(--iw-muted, rgba(0, 0, 0, 0.6)) !important;
}

/* ──────────────────────────────────────────────
   E. RESPONSIVE (≤ 767px)
   ────────────────────────────────────────────── */

@media (max-width: 767px) {
  /* E1. Padding réduit dans les cartes */
  .woocommerce-checkout
    #payment
    ul.payment_methods
    .wc_payment_method
    label[for^='payment_method_'] {
    padding: 16px 16px !important;
    font-size: 13px !important;
  }

  .woocommerce-checkout #payment ul.payment_methods .wc_payment_method .payment_box {
    padding: 0 16px 16px 16px !important;
  }

  /* E2. Montant euros réduit */
  .woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-split-info .amount-euros {
    font-size: 16px !important;
  }

  /* E3. Stripe container — marges */
  .woocommerce-checkout .payment_method_iron_wallet_split .iron-wallet-stripe-integrated-form {
    margin-top: 16px !important;
    padding: 16px !important;
  }
}

/* ──────────────────────────────────────────────
   F. BOUTON COMMANDER — Cohérence
   ────────────────────────────────────────────── */

/* F1. Place order dans le contexte du template unifié */
.woocommerce-checkout #payment .place-order {
  padding-top: 20px !important;
}

/* CGV : suppression PHP effective dans checkout.php §9.
 * Plus de bloc .woocommerce-terms-and-conditions dans le DOM.
 * Plus de <style> Elementor injecté. */