/* ═══════════════════════════════════════════════════════════════════════
   БИОЗАРЯД · программа лояльности в покупке: блок в итоге корзины
   (статус, «Списать баллы», код друга, сколько придёт за заказ), строка
   о баллах при оформлении, ссылка на правила, блок на «Заказ принят».

   Подключается поверх shop.css (inc/bz-loyalty-cart.php). Переключатель
   «Списать баллы» — из макета корзины в прототипе кабинета.
   ═══════════════════════════════════════════════════════════════════════ */

/* Подпись над полем промокода: туда же вводится код друга. Форма — сетка
   «поле | кнопка» (cart-page.css), подпись — на всю ширину. */
.cart-coupon-form .cart-coupon__label{grid-column:1/-1; margin-bottom:-4px; font-size:var(--fs-fine);
  line-height:1.4; color:var(--g700)}

.bzl-cart{display:grid; gap:12px; margin:16px 0 4px}
.bzl-cart:empty{display:none}
.bzl-cart__row{font-size:var(--fs-body); line-height:1.45; color:var(--g900)}
.bzl-cart__row .num{font-family:'Martian Mono',ui-monospace,monospace; font-weight:600; letter-spacing:.02em}
.bzl-cart__note{padding:12px 14px; border-radius:var(--r); background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(53,127,32,.22); font-size:var(--fs-fine); line-height:1.5; color:var(--g700)}
.bzl-cart__fine{font-size:var(--fs-fine); line-height:1.5; color:var(--g700)}
.bzl-cart__fine a{color:var(--ink); font-weight:700; text-underline-offset:3px}

.bzl-lnk{display:inline; padding:0; border:0; background:none; cursor:pointer; font:inherit;
  font-weight:700; color:var(--ink); text-decoration:underline; text-underline-offset:3px}
.bzl-lnk:disabled{opacity:.5; cursor:default}

/* «Списать баллы»: строка-переключатель на белой подложке. */
.bzl-tog{position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px;
  align-items:center; padding:14px 16px; border-radius:var(--r); background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(53,127,32,.22); cursor:pointer}
.bzl-tog input{position:absolute; opacity:0; pointer-events:none}
.bzl-tog__t{grid-column:1; grid-row:1; display:grid; gap:3px}
.bzl-tog__t b{font-size:var(--fs-body); color:var(--g900)}
.bzl-tog__t small{font-size:var(--fs-fine); line-height:1.45; color:var(--g700)}
.bzl-tog__sw{grid-column:2; grid-row:1; width:46px; height:28px; border-radius:14px; background:var(--g300);
  position:relative; transition:background .2s}
.bzl-tog__sw::after{content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%;
  background:#FFFFFF; box-shadow:0 2px 6px rgba(0,0,0,.18); transition:transform .22s var(--e)}
.bzl-tog input:checked + .bzl-tog__sw{background:var(--ink)}
.bzl-tog input:checked + .bzl-tog__sw::after{transform:translateX(18px)}
.bzl-tog input:focus-visible + .bzl-tog__sw{outline:2px solid #4E9B2A; outline-offset:3px}
.bzl-tog.is-busy{opacity:.6; pointer-events:none}

/* Сколько придёт за заказ: значок-искра и строка. */
.bzl-earn{display:flex; align-items:flex-start; gap:9px; margin:0; font-size:var(--fs-fine);
  line-height:1.45; color:var(--ink)}
.bzl-earn svg{width:17px; height:17px; flex:none; margin-top:1px}
.bzl-earn-row td{padding:10px 0 0 !important; border:0 !important; background:transparent !important}

/* Оформление: ссылка на правила рядом с согласиями. */
.bzl-accept{margin:12px 0 0; font-size:var(--fs-fine); line-height:1.5; color:var(--g500)}
.bzl-accept a{color:var(--ink); text-decoration:underline; text-underline-offset:3px}

/* «Заказ принят». */
.bzl-ty{display:grid; gap:10px; margin:clamp(18px,2vw,26px) 0 0; padding:clamp(16px,2vw,24px);
  border-radius:var(--r-lg); background:var(--tint); font-size:var(--fs-body); line-height:1.5; color:var(--g900)}
.bzl-ty a{color:var(--ink); font-weight:700; text-underline-offset:3px}
.bzl-ty .bzl-earn{font-size:var(--fs-body)}