/* Page de commande dans WordPress : affichages conditionnels de la maquette commande-v2, en CSS seul.
   Le type de commande (abonnement, test, pack) et le nombre d'écrans sont rendus par le serveur ; le total est celui de
   WooCommerce (pas de compteur CSS ici). */

/* Note « guide » sous l'appareil choisi */
.g { display: none; }
.ecran-bloc:has(.appareil-choix input:checked) .guide-note { display: block; }
.ecran-bloc:has(input[value=android]:checked) .g-android, .ecran-bloc:has(input[value=samsung]:checked) .g-samsung,
.ecran-bloc:has(input[value=lg]:checked) .g-lg, .ecran-bloc:has(input[value=vidaa]:checked) .g-vidaa,
.ecran-bloc:has(input[value=appletv]:checked) .g-appletv, .ecran-bloc:has(input[value=roku]:checked) .g-roku,
.ecran-bloc:has(input[value=ios]:checked) .g-ios, .ecran-bloc:has(input[value=pc]:checked) .g-pc,
.ecran-bloc:has(input[value=mag]:checked) .g-mag, .ecran-bloc:has(input[value=macos]:checked) .g-macos,
.ecran-bloc:has(input[value=enigma2]:checked) .g-enigma2, .ecran-bloc:has(input[value=linux]:checked) .g-linux { display: inline; }

/* Adresse MAC du boîtier MAG ; licence pour Smart TV, Apple TV, Roku */
.ecran-bloc:has(input[value=mag]:checked) .champ-mag { display: grid; }
.ecran-bloc:has(.elig:checked) .upsell { display: grid; }
.upsell:has(.upsell__coche:checked) .upsell__detail { display: grid; }

/* Licence vendue seule : le détail (application, adresse MAC, clé) s'ouvre dès que la TV est choisie, sans case à cocher */
.upsell--seule .upsell__detail { display: grid; }
.segment__choix--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.segment__choix--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Famille IBOSOL : liste de l'appareil choisi ; jamais sur Vidaa (HOT Player d'office, prix « au lieu de » compris) */
.p-ibo, .famille-ibo, .fam { display: none; }
.ecran-bloc:has(.app-ibo:checked) .p-hot { display: none; }
.ecran-bloc:has(.app-ibo:checked) .p-ibo { display: inline; }
.ecran-bloc:has(.app-ibo:checked) .famille-ibo { display: grid; }
.ecran-bloc:has(input[value=samsung]:checked) .fam-samsung, .ecran-bloc:has(input[value=lg]:checked) .fam-lg,
.ecran-bloc:has(input[value=roku]:checked) .fam-roku, .ecran-bloc:has(input[value=appletv]:checked) .fam-appletv { display: grid; }
.ecran-bloc:has(input[value=vidaa]:checked) .opt-ibo, .ecran-bloc:has(input[value=vidaa]:checked) .famille-ibo { display: none; }
.ecran-bloc:has(input[value=vidaa]:checked) .note-vidaa { display: block; }
.ecran-bloc:has(input[value=vidaa]:checked) .p-ibo { display: none !important; }
.ecran-bloc:has(input[value=vidaa]:checked) .p-hot { display: inline !important; }

/* Renouvellement : même appareil, donc pas d'étape « appareils » (consigne du client, 02/11) */
body:has(#r-oui:checked) .renouv { display: grid; }
body:has(#r-oui:checked) .etape--appareils { display: none; }
.renouv:has(#introuvable:checked) .renouv__introuvable { display: block; }
.renouv:has(#introuvable:checked) .champ { opacity: .55; }

/* Récapitulatif et paiement (zone de WooCommerce) */
.recap__corps { display: grid; gap: 14px; }
.recap__total b::after { content: none; }
.recap__redir--visible { display: block; }
.recap__paiement { display: grid; gap: 14px; }
.recap__paiement .place-order { display: grid; gap: 14px; }
.wc_payment_methods { list-style: none; margin: 0; padding: 0; }
.wc_payment_methods > li { display: contents; }
.payment_box { padding: 12px 14px; border-radius: 12px; background: var(--brume); font-size: 16px; }
.code-promo__message:empty { display: none; }
#order_review.processing { opacity: .6; }

/* Moyens de paiement : Blocksy les met en 15 px gras avec ses marges (#payment … > label, sélecteur très fort) */
#payment .wc_payment_methods.choix-cartes > li.wc_payment_method > label { display: grid; gap: 2px 12px; margin: 0; padding: 13px 14px; font-size: 17px; font-weight: 400; }
#payment .wc_payment_methods.choix-cartes > li.wc_payment_method > label::after { content: none; }
/* Zone de paiement : Blocksy l'élargit de 26 px de chaque côté (marge négative), elle sortait de la carte du récapitulatif */
#payment.recap__paiement { margin: 0; }

/* ═════════ Page de remerciement ═════════ */
.merci { display: grid; gap: 22px; padding-top: 24px; padding-bottom: 56px; }
.merci__carte { display: grid; gap: 14px; align-content: start; padding: 22px 18px; border-radius: 20px; background: var(--blanc); border: 1px solid var(--trait); }
.merci__carte h2 { font-size: 24px; }
.merci__carte .pas { margin-top: 4px; }
.merci__carte .bouton { justify-self: start; }
.merci__recap { align-self: start; }
.merci__recap .liste-coches { margin: 0; font-size: 16px; }
.merci__aide { margin-top: 0; }
@media (min-width: 1000px) {
  .merci { grid-template-columns: minmax(0, 1fr) 380px; column-gap: 28px; align-items: start; }
  .merci__carte { padding: 28px; }
  .merci__aide { grid-column: 1 / -1; }
}
/* Message du code de réduction (appliqué ou refusé), réaffiché après la mise à jour de la zone de paiement */
.code-promo__message .woocommerce-error, .code-promo__message .woocommerce-message { margin: 8px 0 0; padding: 10px 12px; border-radius: 10px; font-size: 16px; list-style: none; }
.code-promo__message .woocommerce-error { background: #fff4f4; color: #8a0000; border: 1px solid #f1c4c4; }
.code-promo__message .woocommerce-message { background: #e6f0dc; color: #2f4a1c; border: 1px solid #c9dcb6; }
/* Page de remerciement : Blocksy met les paragraphes du bloc de la commande en 15 px (.woocommerce-order p) et ses titres
   en 18 px ; on revient aux tailles du site */
.woocommerce-order.merci p { font-size: inherit; }
.woocommerce-order.merci .statut, .woocommerce-order.merci .recap__ttc, .woocommerce-order.merci .aide { font-size: 16px; }
.woocommerce-order.merci .recap__titre { font-size: 21px; }
.woocommerce-order.merci .bandeau-aide h2 { font-size: 24px; }