/* ---- Bloc "activer un abonnement" sur la page panier ---- */
.la-sub-cart-box {
  margin: 18px 0;
  padding: 18px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(241,196,15,0.10), rgba(230,126,34,0.08));
  border: 1px solid rgba(173,92,53,0.16);
}
.la-sub-cart-title {
  font-weight: 700;
  color: #ad5c35;
  margin: 0 0 6px;
  font-size: 1.05rem;
}
.la-sub-cart-text {
  margin: 0 0 12px;
  color: #555;
  font-size: 0.92rem;
}
.la-sub-cart-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.la-sub-cart-select {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(173,92,53,0.3);
}
.la-sub-cart-btn,
.la-sub-btn,
.la-sub-manage-submit {
  display: inline-block;
  padding: 10px 22px;
  background: #ad5c35;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: filter 0.15s ease;
}
.la-sub-cart-btn:hover,
.la-sub-btn:hover,
.la-sub-manage-submit:hover { filter: brightness(1.1); }

/* ---- Page "Mes abonnements" ---- */
.la-sub-list-page { max-width: 900px; margin: 0 auto; padding: 24px 0; }
.la-sub-card {
  border: 1px solid #e5e0d8;
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 20px;
  background: #fff;
}
.la-sub-card-head {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin-bottom: 12px;
}
.la-sub-badge {
  padding: 4px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; color: #fff;
}
.la-sub-badge--active { background: #4caf50; }
.la-sub-badge--paused { background: #e67e22; }
.la-sub-badge--cancelled { background: #999; }
.la-sub-freq { font-weight: 600; color: #333; }
.la-sub-next { color: #ad5c35; font-weight: 600; margin-left: auto; }
.la-sub-items { list-style: none; margin: 0 0 10px; padding: 0; color: #555; }
.la-sub-slot { color: #555; font-size: 0.92rem; margin: 0 0 12px; }
.la-sub-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.la-sub-inline-form { display: inline-block; }
.la-sub-btn { background: #6c757d; }
.la-sub-btn--main { background: #ad5c35; }
.la-sub-btn--danger { background: #c0392b; }

/* ---- Page "Mon abonnement" (lien mail / gestion) ---- */
.la-sub-manage { max-width: 760px; margin: 0 auto; padding: 24px 0; }
.la-sub-manage-intro { margin-bottom: 20px; font-size: 1rem; color: #444; }
.la-sub-manage-table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.la-sub-manage-table th, .la-sub-manage-table td {
  padding: 10px; border-bottom: 1px solid #eee; text-align: left;
}
.la-sub-item-name { display: flex; align-items: center; gap: 10px; }
.la-sub-item-img { width: 44px; height: 44px; object-fit: cover; border-radius: 8px; }
.la-sub-item-price { color: #888; font-size: 0.85rem; }
.la-sub-qty-input { width: 70px; padding: 6px; border-radius: 6px; border: 1px solid #ccc; }
.la-sub-qty-hint { color: #999; font-size: 0.78rem; margin-left: 6px; }
.la-sub-add-product, .la-sub-slot-picker, .la-sub-frequency-picker {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px;
}
.la-sub-add-product label, .la-sub-slot-picker label, .la-sub-frequency-picker label {
  font-weight: 600; min-width: 180px;
}
.la-sub-add-product select, .la-sub-slot-picker select, .la-sub-frequency-picker select {
  padding: 8px 12px; border-radius: 8px; border: 1px solid #ccc; flex: 1 1 220px;
}

html.la-dark .la-sub-card { background: #241c15; border-color: #4a3d2e; }
html.la-dark .la-sub-cart-text, html.la-dark .la-sub-manage-intro,
html.la-dark .la-sub-items, html.la-dark .la-sub-slot { color: #c9bfb2; }

/* ---- Bloc "s'abonner" sur la fiche produit, sous l'ajout au panier ---- */
.la-sub-product {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px dashed rgba(173, 92, 53, 0.35);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(241, 196, 15, 0.07), rgba(230, 126, 34, 0.06));
}
.la-sub-product-title {
  margin: 0 0 4px;
  font-weight: 700;
  color: #ad5c35;
  font-size: 1rem;
}
.la-sub-product-text {
  margin: 0 0 12px;
  font-size: 0.87rem;
  color: #6d6153;
  line-height: 1.45;
}
.la-sub-product-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.la-sub-product-select {
  flex: 0 1 auto;
  padding: 10px 14px;
  border: 1px solid rgba(173, 92, 53, 0.3);
  border-radius: 8px;
  background: #fff;
  font-size: 0.9rem;
}
.la-sub-product-btn {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border: 2px solid #ad5c35;
  background: #fff;
  color: #ad5c35;
  border-radius: 30px;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.la-sub-product-btn:hover {
  background: #ad5c35;
  color: #fff;
  transform: translateY(-1px);
}
html.la-dark .la-sub-product { background: rgba(173, 92, 53, 0.12); border-color: #4a3d2e; }
html.la-dark .la-sub-product-text { color: #c9bfb2; }
html.la-dark .la-sub-product-select { background: #2a2119; color: #e8e0d5; border-color: #4a3d2e; }
html.la-dark .la-sub-product-btn { background: #2a2119; }

/* ---- Bouton "m'abonner" sur les vignettes produit (listes, grilles) ---- */
.la-sub-list-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.la-sub-list-select {
  flex: 1 1 120px;
  min-width: 0;
  height: 34px;
  padding: 0 8px;
  font-size: 0.78rem;
  color: #6d6153;
  background: #fff;
  border: 1px solid rgba(173, 92, 53, 0.28);
  border-radius: 8px;
}
.la-sub-list-btn {
  flex: 1 1 110px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
  color: #ad5c35;
  background: #fff;
  border: 1.5px solid #ad5c35;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.la-sub-list-btn:hover { background: #ad5c35; color: #fff; }
html.la-dark .la-sub-list-select { background: #2a2119; color: #c9bfb2; border-color: #4a3d2e; }
html.la-dark .la-sub-list-btn { background: #2a2119; }

/* ---- Fiche produit : simple mention « Disponible en abonnement » ---- */
.la-sub-badge-product {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
  padding: 4px 12px;
  border-radius: 20px;
  background: rgba(173, 92, 53, 0.08);
  color: #ad5c35;
  font-size: 0.85rem;
  font-weight: 600;
}
html.la-dark .la-sub-badge-product { background: rgba(240, 194, 94, 0.12); color: #f0c25e; }

/* ---- Derniere etape du tunnel : une seule case pour toute la commande ---- */
.la-sub-checkout {
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid rgba(173, 92, 53, 0.25);
  border-radius: 12px;
  background: #fbf7eb;
}
.la-sub-checkout-label { display: flex; align-items: center; gap: 10px; margin: 0; font-weight: 700; color: #3a2f24; cursor: pointer; }
.la-sub-checkout-label input { width: 18px; height: 18px; accent-color: #ad5c35; flex: 0 0 auto; }
.la-sub-checkout-label i { color: #ad5c35; }
.la-sub-checkout-options { margin: 12px 0 0 28px; }
.la-sub-checkout-options label { font-weight: 600; margin-right: 8px; }
.la-sub-checkout-options select { padding: 6px 10px; border-radius: 8px; border: 1px solid rgba(173, 92, 53, 0.3); }
.la-sub-checkout-help { margin: 8px 0 0; font-size: 0.85rem; color: #6d6153; }
html.la-dark .la-sub-checkout { background: #241c15; border-color: #4a3d2e; }
html.la-dark .la-sub-checkout-label { color: #e8e0d5; }
html.la-dark .la-sub-checkout-help { color: #c9bfb2; }
html.la-dark .la-sub-checkout-options select { background: #2a2119; color: #e8e0d5; border-color: #4a3d2e; }