/* Bundle Gloovi — widget natif WooCommerce (style fidèle au site d'origine) */
.gloovi-bundle{--gb-teal:#28D4BA;--gb-ink:#0f2b46;--gb-line:#cdeee8;--gb-green:#1ca15a;
  font-family:'Poppins',system-ui,sans-serif;max-width:560px;margin:18px auto;color:var(--gb-ink)}
.gb-tiers{display:flex;flex-direction:column;gap:16px}

/* ---- Carte tier ---- */
.gb-tier{position:relative;display:block;padding:16px;border:2px solid var(--gb-line);border-radius:18px;
  background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.gb-tier:hover{border-color:var(--gb-teal)}
.gb-tier.is-selected{border-color:var(--gb-teal);box-shadow:0 6px 22px rgba(40,212,186,.18)}
.gb-tier input{position:absolute;opacity:0;pointer-events:none}

.gb-tier-head{display:flex;align-items:center;gap:12px}
.gb-radio{flex:0 0 22px;width:22px;height:22px;border:2px solid #c4d3cf;border-radius:50%;position:relative;transition:.15s}
.gb-tier.is-selected .gb-radio{border-color:var(--gb-teal)}
.gb-tier.is-selected .gb-radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--gb-teal)}

/* Vignette + badge quantité */
.gb-thumb{position:relative;flex:0 0 54px;width:54px;height:54px;border-radius:12px;background:#eaf7f5;
  display:flex;align-items:center;justify-content:center}
.gb-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.gb-qty{position:absolute;top:-7px;right:-7px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;
  background:var(--gb-teal);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;
  border:2px solid #fff}

.gb-tier-main{flex:1;min-width:0}
.gb-tier-titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gb-tier-title{font-weight:700;font-size:16px;line-height:1.2}
.gb-save{background:#d8f5e6;color:var(--gb-green);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.gb-tier-sub{display:block;font-size:13px;color:#7a8a9a;margin-top:3px}

.gb-tier-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.2}
.gb-price{font-weight:800;font-size:18px}
.gb-compare{font-size:13px;color:#aab6c2;text-decoration:line-through}

/* Ruban timer */
.gb-ribbon{position:absolute;top:0;right:0;background:#2bb673;color:#fff;font-size:11px;font-weight:600;
  padding:5px 12px;border-bottom-left-radius:12px}
.gb-countdown{font-variant-numeric:tabular-nums}

/* Sélecteurs couleur — visibles seulement sur le tier sélectionné */
.gb-colors{display:none;margin-top:14px}
.gb-tier.is-selected .gb-colors{display:block}
.gb-colors-title{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.gb-color-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.gb-color-no{font-weight:700;color:#5b6b7a;min-width:26px;font-size:14px}
.gb-color-select{flex:1;max-width:200px;height:38px;border:1px solid #d3dde4;border-radius:10px;padding:0 12px;
  background:#fff;font-family:inherit;font-size:14px;color:var(--gb-ink);cursor:pointer}

/* Barres cadeaux pleine largeur */
.gb-gifts{margin:14px -16px -16px;display:flex;flex-direction:column}
.gb-gift{padding:13px 18px;color:#fff;font-weight:600;font-size:14px;border-top:1px solid rgba(255,255,255,.18)}
.gb-theme-grey .gb-gift{background:#97a3af}
.gb-theme-navy .gb-gift{background:#1f3a5f}
.gb-gift:first-child{border-top:0}

/* Bouton */
.gb-add{margin-top:18px;width:100%;border:0;border-radius:999px;background:#46a94e;color:#fff;
  font-weight:700;font-size:16px;padding:16px 20px;cursor:pointer;transition:transform .08s,background .15s;font-family:inherit;
  text-transform:uppercase;letter-spacing:.02em}
.gb-add:hover{background:#3c9544}
.gb-add:active{transform:scale(.99)}
.gb-add.is-loading{opacity:.6;pointer-events:none}
.gb-reassurance{margin:12px 0 0;font-size:12px;color:#7a8a9a;text-align:center}
.gb-error{color:#d33;font-size:13px;margin-top:8px;text-align:center}
.gb-flash{animation:gbflash .8s ease}
@keyframes gbflash{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 4px rgba(40,212,186,.35)}}

/* Le formulaire d'achat Shopify d'origine (bouton "Ajouter au panier" carré + quantité)
   est remplacé par le widget bundle ci-dessus : on le masque sur les pages clonées. */
.main-product-form,
.product-form.main-product-form,
.product-form__quantity{display:none !important}

/* ============================ MODE DÉSTOCKAGE ============================ */
.gloovi-destock{--gd-red:#e4322b;--gd-dark:#0f2b46;border:2px solid var(--gd-red);border-radius:20px;
  background:#fff;padding:18px;box-shadow:0 10px 30px rgba(228,50,43,.12)}
.gd-badge{display:inline-block;background:var(--gd-red);color:#fff;font-weight:800;font-size:13px;
  letter-spacing:.3px;padding:7px 14px;border-radius:999px;text-transform:uppercase;margin-bottom:14px}
.gd-card{display:flex;align-items:center;gap:14px}
.gd-thumb{flex:0 0 76px;width:76px;height:76px;border-radius:14px;background:#f4f8f7;overflow:hidden}
.gd-thumb img{width:100%;height:100%;object-fit:cover}
.gd-info{flex:1;min-width:0}
.gd-title{display:block;font-weight:700;font-size:16px;color:var(--gd-dark);line-height:1.2}
.gd-prices{display:flex;align-items:baseline;gap:10px;margin-top:6px;flex-wrap:wrap}
.gd-sale{font-size:30px;font-weight:800;color:var(--gd-red);line-height:1}
.gd-old{font-size:17px;color:#9aa7b2;text-decoration:line-through}
.gd-off{background:#ffe3e1;color:var(--gd-red);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.gd-stock{display:block;margin-top:8px;font-size:12.5px;font-weight:600;color:#c0392b}
.gd-colors{display:flex;align-items:center;gap:12px;margin-top:18px}
.gd-colors-title{font-weight:600;font-size:14px;color:var(--gd-dark)}
.gd-color-select{flex:1;max-width:240px;height:42px;border:1px solid #d3dde4;border-radius:10px;padding:0 12px;
  background:#fff;font-family:inherit;font-size:14px;color:var(--gd-dark);cursor:pointer}
.gloovi-destock .gb-add{background:var(--gd-red)}
.gloovi-destock .gb-add:hover{background:#c52720}
.gd-scarcity{margin:14px 0 0;font-size:13px;font-weight:600;color:#b03a34;background:#fff3f2;
  border:1px solid #ffd6d3;border-radius:12px;padding:11px 14px;text-align:center;line-height:1.45}
.gd-timer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;
  background:var(--gd-dark);color:#fff;border-radius:12px;padding:11px 14px}
.gd-timer-label{font-size:13px;font-weight:600}
.gd-timer-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:20px;letter-spacing:1px;
  color:#ffd84d}
.gd-timer-clock span{display:inline-block}