/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ── Outer pill — light blue container ── */
.volta-discount-badge {
  position:       absolute;
  top:            10px;
  left:           10px;
  z-index:        10;
  background:     #D2E8F9;
  padding:        5px 12px 5px 5px;
  border-radius:  50px;
  display:        inline-flex;
  align-items:    center;
  gap:            8px;
  line-height:    1;
  pointer-events: none;
  width:          fit-content;   /* ← NEW: stop container stretching */
  white-space:    nowrap;        /* ← NEW: keep pill on one line */
}

/* ── Inner pill — "X% off" on #1974B7 ── */
.volta-discount-badge .badge-pct {
  background:    #1974B7;
  color:         #ffffff;
  font-size:     13px;
  font-weight:   700;
  padding:       5px 10px;
  border-radius: 50px;
  white-space:   nowrap;
  flex-shrink:   0;              /* ← NEW: inner pill never squishes */
}

/* ── Strikethrough original price ── */
.volta-discount-badge .badge-original,
.volta-discount-badge .badge-original * {
  font-weight:     400;
  color:           #64748b !important;
  font-size:       12px !important;
  text-decoration: line-through;
  white-space:     nowrap;        /* ← NEW: price stays on one line */
}

/* ── Ensure product card wrapper is relative ── */
ul.products li.product,
.wc-block-grid__product {
  position: relative;
}

/* ── Single product page ── */
.volta-discount-badge--single {
  position:      static;
  display:       inline-flex;
  margin-bottom: 14px;
}

/* ── Hide WooCommerce default "Sale!" badge ── */
.woocommerce span.onsale {
  display: none !important;
}

/* =====================
   HIDE DEFAULT WOOCOMMERCE ELEMENTS
   ===================== */
.woocommerce-variation-price { display: none !important; }
.price del { display: none !important; }
.variations select { display: none !important; }
.variations .label { display: none !important; }
.variations td.value { padding: 0 !important; }
.variations { width: 100% !important; }


/* Hide the filter panel by default */
.filter-panel {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  padding: 24px;
  z-index: 999;
  min-width: 320px;
}

/* Show when active */
.filter-panel.is-open {
  display: block;
}

.sort-filter-container {
  position: relative;
}