/* === Stripe radios – version compacte / text-only ============== */

/* 1) on masque l’input */
#one_time_radio_btn,
#subscribe_radio_btn{
  position:absolute;
  left:-9999px;
}

/* 2) label commun */
label[for="one_time_radio_btn"],
label[for="subscribe_radio_btn"]{
  display:inline-block;          /* reste en ligne */
  margin:0 .25rem;
  padding:.2rem .6rem;           /* ↘ 2× plus petit */
  font:600 .8rem/1 var(--font-primary,'Inter',sans-serif);
  color:#ffffff;
  border:1px solid currentColor; /* fin trait blanc */
  border-radius:999px;
  background:transparent;
  cursor:pointer;
  transition:opacity .25s ease;
  white-space:nowrap;            /* force sur une seule ligne */
}

/* 3) état non sélectionné : plus clair */
#one_time_radio_btn:not(:checked) + label,
#subscribe_radio_btn:not(:checked) + label{
  opacity:.55;                   /* léger fade */
  font-weight:500;               /* normal */
}

/* 4) état sélectionné : opacité pleine + gras */
#one_time_radio_btn:checked + label,
#subscribe_radio_btn:checked + label{
  opacity:1;
  font-weight:700;               /* bold visuel */
}

/* 5) petit hover desktop */
@media(hover:hover){
  label[for="one_time_radio_btn"]:hover,
  label[for="subscribe_radio_btn"]:hover{
    opacity:.85;
  }
}

/* (optionnel) passage vertical < 350 px de large */
@media(max-width:350px){
  label[for="one_time_radio_btn"],
  label[for="subscribe_radio_btn"]{
    display:block;
    margin:.3rem auto;
  }
}

/* espace sous les boutons ‹ Achat classique / Abonnement › */
label[for="subscribe_radio_btn"]{      /* on cible le 2ᵉ label pour aller + vite */
  margin-right:0;                      /* garde 0 à droite */
}

#subscribe_radio_btn + label{          /* dernier label de la paire */
  margin-bottom:.6rem;                 /* ← ajustable : .4rem / .6rem / .8rem */
  display:inline-block;                /* assure la prise en compte du margin */
}



/* —— Message d’info abonnement ———————————————— */
#presta_subscribe__msg_div{
  text-align:left;        /* centrage gauche du texte */
  margin-top:.4rem;         /* (option) petit espace au-dessus */
}



/* -------- badge « Abonnement produit » dans le panier ---------- */
.subscription-tag{
  display:block;              /* ligne dessous le titre */
  margin:.25rem 0 0;
  font:600 .85rem/1 var(--font-primary,'Inter',sans-serif);
  color:inherit;              /* même couleur que le titre */
}

/* —— zone titre + badge dans le panier ——————————————— */
.cart-item .product-line-info{
  text-align:left;          /* le titre et tout ce qu’il contient sont alignés gauche */
}

/* le badge : déjà display:block ; on enlève tout centrage résiduel */
.subscription-tag{
  text-align:left;
  margin-top:.3rem;         /* garde l’espace sous le titre */
}