/* ------------------------------------------------------------------
   Moyens de paiement — logos sur leur propre ligne

   Le conteneur des sept logos et l'intitulé « Carte bancaire, TWINT ou
   PostFinance » partagent une même ligne flex en nowrap. Sous 640 px la
   ligne dépasse le cadre, et les tentatives précédentes de la faire
   passer à la ligne se heurtaient à des règles de WooCommerce chargées
   après celles du thème.

   On ne joue donc plus sur flex-wrap ni sur order : on repasse le
   libellé en display:block. Chaque enfant occupe alors sa propre ligne,
   sans dépendre d'un arbitrage de spécificité. L'intitulé est un nœud de
   texte nu — impossible à réordonner en CSS — d'où les logos au-dessus
   et le texte en dessous, ce qui se lit très bien.

   Les !important sont ici volontaires : les règles concurrentes sont
   celles de l'extension, qu'on ne contrôle pas.
   ------------------------------------------------------------------ */

.wc-block-checkout__payment-method .wc-block-components-radio-control__option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option-layout,
.wc-block-checkout__payment-method .wc-block-components-radio-control__label-group{
  min-width:0 !important;
  max-width:100% !important
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label-group{
  display:block !important;
  width:100% !important
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label{
  display:block !important;
  width:100% !important;
  max-width:100% !important
}

/* Les logos : une seule zone, qui passe à la ligne toute seule. */
.wc-block-checkout__payment-method .wc-block-components-radio-control__label > div{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 10px !important
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label img{
  max-width:100% !important;
  height:auto !important
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__secondary-label,
.wc-block-checkout__payment-method .wc-block-components-radio-control__description{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  text-align:left !important;
  margin-top:6px !important
}

@media(max-width:640px){
  .wc-block-checkout__payment-method .wc-block-components-radio-control__label img{
    width:32px !important;
    height:21px !important
  }
}

/* Mention de variation sous les caractéristiques du produit. */
.spec-note{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--hair);
  font-size:13px;
  line-height:1.6;
  opacity:.68
}