/* ============================================================
   ForNails — Gratis od progu koszyka (fn-gift-threshold)
   Zakres: pasek postępu w koszyku (/koszyk/) i mini-koszyku (drawer),
   plus oznaczenie pozycji-gratisu w obu miejscach.
   Paleta identyczna z resztą serwisu (fn-design-cart.css / brand.css).
   ============================================================ */

:root{
  --fng-primary: #A34B65;
  --fng-secondary: #2E2321;
  --fng-accent: #C9A15A;
  --fng-bg-soft: #F3E9E5;
  --fng-border-light: #E7DAD4;
  --fng-success: #6B8F71;
  --fng-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ------------------------------------------------------------
   1. Pasek postępu — wspólny szkielet (koszyk + mini-koszyk)
   ------------------------------------------------------------ */
.fn-gift-progress-bar{
  background: #fff;
  border: 1px solid var(--fng-border-light);
  padding: 14px 18px;
  font-family: var(--fng-font-body);
}

.fn-gift-progress-bar--cart{
  margin-bottom: 24px;
}

.fn-gift-progress-bar--mini_cart{
  margin: 0 0 12px;
  padding: 10px 14px;
}

.fn-gift-progress-bar--empty{
  display: none;
}

.fn-gift-progress-msg p{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--fng-secondary);
}

.fn-gift-progress-bar--mini_cart .fn-gift-progress-msg p{
  font-size: 12.5px;
  margin-bottom: 8px;
}

.fn-gift-progress-bar.is-unlocked .fn-gift-progress-msg p{
  color: var(--fng-success);
  font-weight: 500;
}

.fn-gift-progress-msg strong{
  color: var(--fng-primary);
  font-weight: 600;
}

.fn-gift-emoji{
  font-size: 15px;
  line-height: 1;
  flex-shrink: 0;
}

.fn-gift-progress-area{
  height: 8px;
  background: var(--fng-bg-soft);
  overflow: hidden;
  border-radius: 0;
}

.fn-gift-progress-fill{
  height: 100%;
  background-color: var(--fng-accent);
  transition: width .3s ease;
}

.fn-gift-progress-bar.is-unlocked .fn-gift-progress-fill{
  background-color: var(--fng-success);
}

/* ------------------------------------------------------------
   2. Oznaczenie pozycji-gratisu na /koszyk/ (WooCommerce Blocks Cart)
      Znacznik wstrzykiwany filtrem woocommerce_get_item_data (fn-gift-marker).
   ------------------------------------------------------------ */
.fn-gift-marker .wc-block-components-product-details__name{
  display: none;
}
.fn-gift-marker .wc-block-components-product-details__value{
  font-size: 11px;
  font-weight: 600;
  color: var(--fng-success);
}

/* Ukrycie przycisku "Usuń" dla wiersza-gratisu na /koszyk/ (przeglądarki ze wsparciem :has(),
   praktycznie wszystkie na dzień wdrożenia). Serwerowa synchronizacja (fn-gift-threshold.php,
   FN_Gift_Threshold::sync()) jest niezależną, ostateczną warstwą zabezpieczenia — nawet gdyby
   klient usunął gratis mimo ukrytego przycisku (np. bardzo stara przeglądarka bez :has()), wraca
   on automatycznie przy najbliższym przeliczeniu koszyka, dopóki próg jest spełniony. */
.wc-block-cart-item__wrap:has(.fn-gift-marker) .wc-block-cart-item__remove-link{
  display: none !important;
}
.wc-block-cart-item__wrap:has(.fn-gift-marker) a.wc-block-components-product-name{
  color: var(--fng-primary) !important;
}

/* ------------------------------------------------------------
   3. Mini-koszyk — plakietka zamiast linku "usuń" (×) dla gratisu
      (woocommerce_cart_item_remove_link, fn-gift-threshold.php)
   ------------------------------------------------------------ */
.fn-gift-locked{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  opacity: .85;
  cursor: default;
}

/* ------------------------------------------------------------
   4. Mobile
   ------------------------------------------------------------ */
@media (max-width: 600px){
  .fn-gift-progress-bar{
    padding: 12px 14px;
  }
}

/* ============================================================
   KONIEC fn-gift-threshold.css
   ============================================================ */