/* ============================================================
   ELFRUFFY Liquids — стилі кастомної сторінки товару (ridini)
   Перенесено з прототипу elfruffy-product.html (ef- класи 1:1).
   Префікс ef- + scope .ef-ridini-single, щоб не зачепити інші сторінки.
   ============================================================ */

:root{
  --ef-bg:#F4F5F7;
  --ef-surface:#FFFFFF;
  --ef-ink:#14151A;
  --ef-ink-soft:#3A3D44;
  --ef-muted:#8A8F98;
  --ef-line:#ECEEF1;
  --ef-line-2:#E3E6EA;
  --ef-green:#03A24E;
  --ef-green-hover:#028A43;
  --ef-green-text:#16A34A;
  --ef-green-border:#BFE9CF;
  --ef-green-tint:#F3FBF6;
  --ef-black:#0F0F0F;
  --ef-black-hover:#000000;

  --ef-radius-sm:10px;
  --ef-radius-md:14px;
  --ef-radius-lg:18px;
  --ef-radius-pill:999px;

  --ef-shadow-sm:0 1px 2px rgba(16,17,26,.05);
  --ef-shadow-md:0 6px 24px rgba(16,17,26,.06);
}

/* ---- Прибираємо стандартний WooCommerce/Woodmart блок покупки лише тут ---- */
.ef-ridini-single form.cart,
.ef-ridini-single form.variations_form,
.ef-ridini-single .single_variation_wrap,
.ef-ridini-single .woocommerce-variation-add-to-cart,
.ef-ridini-single .wd-single-prices-wrapper form.cart{
  display:none !important;
}

/* ============================================================
   DISCOUNT CARD
   ============================================================ */
.ef-ridini-single .ef-discount{
  margin-top:26px;background:var(--ef-green-tint);
  border:1px solid var(--ef-green-border);border-radius:var(--ef-radius-lg);
  padding:22px 24px;
}
.ef-ridini-single .ef-discount__title{font-size:17px;font-weight:800;color:var(--ef-ink);line-height:1.25;}
.ef-ridini-single .ef-discount__subtitle{margin-top:4px;font-size:13px;color:var(--ef-muted);font-weight:500;}
.ef-ridini-single .ef-discount-table{width:100%;border-collapse:collapse;margin-top:16px;}
.ef-ridini-single .ef-discount-table__head th{
  text-align:left;font-size:13px;font-weight:700;color:var(--ef-ink-soft);
  padding:0 0 12px;border-bottom:1px solid var(--ef-green-border);
}
.ef-ridini-single .ef-discount-table__head th:nth-child(2){text-align:center;}
.ef-ridini-single .ef-discount-table__head th:nth-child(3){text-align:right;}
.ef-ridini-single .ef-discount-table__row td{
  padding:11px 0;font-size:14px;font-weight:600;color:var(--ef-ink-soft);
  border-bottom:1px solid rgba(191,233,207,.55);
}
.ef-ridini-single .ef-discount-table__row:last-child td{border-bottom:none;}
.ef-ridini-single .ef-discount-table__row.ef-tier--active td{background:rgba(191,233,207,.28);}
.ef-ridini-single .ef-discount-table__qty{text-align:left;}
.ef-ridini-single .ef-discount-table__price{text-align:center;}
.ef-ridini-single .ef-discount-table__off{text-align:right;color:var(--ef-green-text);font-weight:700;}
.ef-ridini-single .ef-discount-table__price .amount,
.ef-ridini-single .ef-discount-table__off .amount{font-weight:inherit;color:inherit;}

/* ============================================================
   FLAVORS LIST
   ============================================================ */
.ef-ridini-single .ef-flavors{margin-top:18px;}
.ef-ridini-single .ef-flavor{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--ef-line);}
.ef-ridini-single .ef-flavor:last-child{border-bottom:none;}
.ef-ridini-single .ef-flavor__img{flex:0 0 auto;width:48px;height:40px;border-radius:8px;object-fit:cover;background:#F0F1F4;}
.ef-ridini-single .ef-flavor__info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.ef-ridini-single .ef-flavor__name{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ef-ink-soft);text-transform:uppercase;}
.ef-ridini-single .ef-flavor__stock{font-size:11px;font-weight:600;color:var(--ef-muted);letter-spacing:.02em;}
.ef-ridini-single .ef-flavor__oos{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--ef-muted);text-transform:uppercase;letter-spacing:.04em;}
.ef-ridini-single .ef-flavor--disabled{opacity:.5;}

.ef-ridini-single .ef-stepper{flex:0 0 auto;display:flex;align-items:center;border:1px solid var(--ef-line-2);border-radius:var(--ef-radius-sm);overflow:hidden;}
.ef-ridini-single .ef-stepper__btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--ef-ink-soft);background:none;border:none;cursor:pointer;transition:background .12s;}
.ef-ridini-single .ef-stepper__btn:hover{background:var(--ef-bg);}
.ef-ridini-single .ef-stepper__btn[disabled]{opacity:.35;cursor:not-allowed;background:none;}
.ef-ridini-single .ef-stepper__value{width:40px;text-align:center;font-size:15px;font-weight:700;color:var(--ef-ink);}

/* ============================================================
   SUMMARY + ACTIONS
   ============================================================ */
.ef-ridini-single .ef-summary{
  margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);
  background:var(--ef-bg);border:1px solid var(--ef-line);border-radius:var(--ef-radius-md);
  padding:18px 22px;gap:8px;
}
.ef-ridini-single .ef-summary__item{display:flex;flex-direction:column;gap:6px;}
.ef-ridini-single .ef-summary__head{display:flex;align-items:center;gap:8px;color:var(--ef-muted);}
.ef-ridini-single .ef-summary__icon{width:16px;height:16px;}
.ef-ridini-single .ef-summary__label{font-size:12px;font-weight:600;color:var(--ef-muted);}
.ef-ridini-single .ef-summary__value{font-size:18px;font-weight:800;color:var(--ef-ink);}
.ef-ridini-single .ef-summary__value--save{color:var(--ef-green-text);}

.ef-ridini-single .ef-actions{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ef-ridini-single .ef-btn{height:58px;border-radius:var(--ef-radius-sm);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .15s,transform .05s,opacity .15s;}
.ef-ridini-single .ef-btn:active{transform:translateY(1px);}
.ef-ridini-single .ef-btn--cart{background:rgba(0,255,161,.95);color:#0F0F0F;}
.ef-ridini-single .ef-btn--cart:hover{background:rgba(0,235,148,1);}
.ef-ridini-single .ef-btn--buy{background:var(--ef-black);color:#fff;}
.ef-ridini-single .ef-btn--buy:hover{background:var(--ef-black-hover);}
.ef-ridini-single .ef-btn[disabled]{opacity:.45;cursor:not-allowed;}
.ef-ridini-single .ef-btn.ef-btn--loading{opacity:.7;cursor:progress;}

/* WooCommerce після додавання вставляє "View cart" лінк у .ef-actions — ховаємо, щоб не ламав grid */
.ef-ridini-single .ef-actions .added_to_cart,
.ef-ridini-single .ef-actions .wc-forward{display:none !important;}

/* ============================================================
   MOBILE (< 900px) — fixed checkout footer
   ============================================================ */
@media (max-width:900px){
  .ef-ridini-single .ef-discount{margin-top:18px;padding:18px;}
  .ef-ridini-single .ef-discount__title{font-size:15px;}
  .ef-ridini-single .ef-discount-table__head th,
  .ef-ridini-single .ef-discount-table__row td{font-size:13px;}

  .ef-ridini-single .ef-flavor{gap:12px;padding:11px 0;}
  .ef-ridini-single .ef-flavor__img{width:36px;height:32px;}
  .ef-ridini-single .ef-flavor__name{font-size:12px;letter-spacing:.04em;}
  .ef-ridini-single .ef-stepper{border:none;gap:6px;}
  .ef-ridini-single .ef-stepper__btn{width:30px;height:30px;font-size:16px;color:var(--ef-muted);}
  .ef-ridini-single .ef-stepper__value{width:26px;font-size:14px;}

  .ef-ridini-single .ef-summary{margin-top:0;padding:0;border:none;background:transparent;border-radius:0;}
  .ef-ridini-single .ef-summary__label{font-size:11px;}
  .ef-ridini-single .ef-summary__value{font-size:15px;}

  /* контент не має ховатись під fixed-плашкою */
  .ef-ridini-single.single-product{padding-bottom:210px;}

  .ef-ridini-single .ef-checkout{
    position:fixed;left:10px;right:10px;bottom:10px;z-index:50;
    background:var(--ef-surface);border:1px solid var(--ef-line);
    border-radius:22px;
    box-shadow:0 8px 28px rgba(16,17,26,.14);
    padding:16px 16px calc(14px + env(safe-area-inset-bottom));
  }
  .ef-ridini-single .ef-checkout .ef-summary{padding:4px 0 12px;border-bottom:1px solid var(--ef-line);margin-bottom:12px;}
  .ef-ridini-single .ef-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;}
  .ef-ridini-single .ef-actions .ef-btn{height:52px;}
}