/*
 * Loca-Cycles — Décorations sur la fiche produit Woo single.
 *
 * Volontairement minimaliste : on laisse le thème actif styler les boutons.
 * Notre rôle ici est uniquement de poser la structure (espacements, layout
 * des chips). La déco finale sera ajoutée au moment de l'install sur le
 * site de prod.
 */
.lc-product-extras {
  margin-top: 1.25em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  /* Aucun background / border / padding : on s'aligne sur le flux Woo. */
}

.lc-product-extras-block {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.lc-product-extras-label {
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.7;
}

.lc-product-extras-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.lc-product-extras-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
  padding: 0.25em 0.6em;
  border: 1px solid currentColor;
  border-radius: 4px;
  font-size: 0.9em;
  line-height: 1.2;
}

.lc-product-extras-chip-stock {
  opacity: 0.55;
  font-size: 0.85em;
}

/*
 * CTA "Réserver" : non stylé volontairement (le thème pose la déco
 * via .wp-element-button / .button). On force juste qu'il ne prenne pas
 * 100 % de largeur — c'est ce qui causait le décalage à droite.
 */
.lc-product-extras-cta {
  align-self: flex-start;
  display: inline-block;
}

.lc-product-extras-note {
  margin: 0;
  font-size: 0.85em;
  opacity: 0.7;
}