/**
 * Стилі для знижкових товарів (ТОЧНО З ВЕРСТКИ)
 */

/* ============================================
   КАТАЛОГ - Картка товару
   ============================================ */

/* Блок ціни */
.product-card__price {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

/* Поточна ціна (звичайна) */
.product-card__price-current {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  font-family: 'Geologica', sans-serif;
}

/* Поточна ціна зі знижкою (ЧЕРВОНА!) */
.product-card__price-current.discount {
  color: #EB2F06;
  font-weight: 700;
  font-size: 18px;
}

/* Стара ціна (закреслена сіра) */
.product-card__price-old {
  font-size: 16px;
  font-weight: 400;
  color: #AEAEAE;
  text-decoration: line-through;
  font-family: 'Geologica', sans-serif;
}

/* ПЛАШКА знижки (ЧЕРВОНА З БІЛИМ ТЕКСТОМ) */
.product-card__discount {
  font-size: 16px;
  padding: 0px 12px;
  border-radius: 20px;
  font-weight: 700;
  background: #EB2F06;
  color: #fff;
  font-family: 'Geologica', sans-serif;
}

/* ============================================
   SINGLE PRODUCT - Сторінка товару
   ============================================ */

/* Обгортка цін - підвищена специфічність щоб перебити WooCommerce */
.product-info .product-info__price-wrapper,
.single-product .product-info__price-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  flex-wrap: wrap;
}

/* Основна ціна */
.product-info .product-info__price,
.single-product .product-info__price {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #000 !important;
  font-family: 'Geologica', sans-serif !important;
  line-height: 1 !important;
}

/* Ціна зі знижкою (ЧЕРВОНА) */
.product-info .product-info__price--discount,
.single-product .product-info__price--discount {
  color: #EB2F06 !important;
}

/* Стара ціна (закреслена) */
.product-info .product-info__price--old,
.single-product .product-info__price--old {
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #AEAEAE !important;
  text-decoration: line-through !important;
}

/* ПЛАШКА знижки на single product */
.product-info .product-info__discount-badge,
.single-product .product-info__discount-badge {
  font-size: 18px !important;
  padding: 4px 16px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  background: #EB2F06 !important;
  color: #fff !important;
  font-family: 'Geologica', sans-serif !important;
}

/* ============================================
   CART - Кошик
   ============================================ */

/* Блок ціни в кошику */
.product-price {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Поточна ціна в кошику */
.product-price .price-current {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  font-family: 'Geologica', sans-serif;
}

/* Поточна ціна зі знижкою */
.product-price .price-current.discount {
  color: #EB2F06;
  font-weight: 700;
}

/* Стара ціна в кошику */
.product-price .price-old {
  font-size: 16px;
  font-weight: 400;
  color: #AEAEAE;
  text-decoration: line-through;
  font-family: 'Geologica', sans-serif;
}

/* ПЛАШКА знижки в кошику */
.product-price .discount-badge {
  font-size: 16px;
  padding: 0px 12px;
  border-radius: 20px;
  font-weight: 700;
  background: #EB2F06;
  color: #fff;
  font-family: 'Geologica', sans-serif;
}

/* WooCommerce стандартні класи в кошику */
.woocommerce-cart-form .product-price del {
  font-size: 16px;
  color: #AEAEAE;
  font-weight: 400;
}

.woocommerce-cart-form .product-price ins {
  font-size: 18px;
  font-weight: 700;
  color: #EB2F06;
  text-decoration: none;
}

/* Підсумкова ціна */
.cart-subtotal .woocommerce-Price-amount,
.order-total .woocommerce-Price-amount {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

/* ============================================
   CHECKOUT - Оформлення замовлення
   ============================================ */

.woocommerce-checkout-review-order .product-price del {
  font-size: 16px;
  color: #AEAEAE;
  margin-right: 8px;
}

.woocommerce-checkout-review-order .product-price ins {
  font-size: 18px;
  font-weight: 700;
  color: #EB2F06;
  text-decoration: none;
}

/* ============================================
   MINI CART - Віджет кошика (сайдер корзини)
   ============================================ */

/* Обгортка ціни в mini cart */
.mini-cart-price {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}

/* Кількість товарів */
.mini-cart-price .quantity {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  font-family: 'Geologica', sans-serif;
}

/* Поточна ціна */
.mini-cart-price .price-current {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: 'Geologica', sans-serif;
}

/* Поточна ціна зі знижкою */
.mini-cart-price .price-current.discount {
  color: #EB2F06;
}

/* Стара ціна */
.mini-cart-price .price-old {
  font-size: 14px;
  font-weight: 400;
  color: #AEAEAE;
  text-decoration: line-through;
  font-family: 'Geologica', sans-serif;
}

/* Плашка знижки в mini cart */
.mini-cart-price .discount-badge {
  font-size: 12px;
  padding: 0px 8px;
  border-radius: 20px;
  font-weight: 700;
  background: #EB2F06;
  color: #fff;
  font-family: 'Geologica', sans-serif;
}

/* Cart Sidebar (сайдер корзини) - ціна товару */
.cart-item__price {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.cart-item__price .price-current {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  font-family: 'Geologica', sans-serif;
}

.cart-item__price .price-current.discount {
  color: #EB2F06;
}

.cart-item__price .price-old {
  font-size: 16px;
  font-weight: 400;
  color: #AEAEAE;
  text-decoration: line-through;
  font-family: 'Geologica', sans-serif;
}

.cart-item__price .discount-badge {
  font-size: 14px;
  padding: 0px 10px;
  border-radius: 20px;
  font-weight: 700;
  background: #EB2F06;
  color: #fff;
  font-family: 'Geologica', sans-serif;
}

/* Cart Recommendations (До цього пасує) - ціна */
.cart-recommendation-item__price {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 8px 0;
}

.cart-recommendation-item__price .product-card__price-current {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.cart-recommendation-item__price .product-card__price-current.discount {
  color: #EB2F06;
}

.cart-recommendation-item__price .product-card__price-old {
  font-size: 14px;
  color: #AEAEAE;
  text-decoration: line-through;
}

.cart-recommendation-item__price .product-card__discount {
  font-size: 12px;
  padding: 0px 8px;
  border-radius: 20px;
  background: #EB2F06;
  color: #fff;
  font-weight: 700;
}

/* Legacy WooCommerce класи */
.widget_shopping_cart .mini_cart_item .quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.widget_shopping_cart .mini_cart_item del {
  font-size: 14px;
  color: #AEAEAE;
  display: inline-block;
}

.widget_shopping_cart .mini_cart_item ins {
  font-size: 16px;
  font-weight: 700;
  color: #EB2F06;
  text-decoration: none;
  display: inline-block;
}

/* ============================================
   WooCommerce стандартні класи
   ============================================ */

/* Обгортка ціни */
.price {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Стара ціна */
del .woocommerce-Price-amount {
  color: #AEAEAE;
  text-decoration: line-through;
  font-weight: 400;
}

/* Нова ціна */
ins .woocommerce-Price-amount {
  color: #EB2F06;
  text-decoration: none;
  font-weight: 700;
}

/* Amount */
.woocommerce-Price-amount {
  font-family: 'Geologica', sans-serif;
}

/* ============================================
   SEARCH MODAL - Пошук
   ============================================ */

.search-result__price {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.search-result__price .price-current {
  font-size: 18px;
  font-weight: 700;
  color: #EB2F06;
}

.search-result__price .price-old {
  font-size: 16px;
  font-weight: 400;
  color: #AEAEAE;
  text-decoration: line-through;
}

.search-result__price .discount-badge {
  font-size: 14px;
  padding: 0px 10px;
  border-radius: 20px;
  font-weight: 700;
  background: #EB2F06;
  color: #fff;
}

/* ============================================
   BADGES - Бейджи
   ============================================ */

.product-card__badge.sale {
  background: #EB2F06;
  color: #fff;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 2px;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
  /* Каталог */
  .product-card__price-current {
    font-size: 16px;
  }

  .product-card__price-old {
    font-size: 14px;
  }

  .product-card__discount {
    font-size: 14px;
    padding: 0px 10px;
  }

  /* Single product */
  .product-info__price {
    font-size: 24px;
  }

  .product-info__price--old {
    font-size: 18px;
  }

  .product-info__discount-badge {
    font-size: 16px;
    padding: 2px 12px;
  }

  /* Cart */
  .woocommerce-cart-form .product-price ins {
    font-size: 16px;
  }
}