/* ==========================================================================
   Be Stylish — WoodMart overrides (burgundy boutique)
   Starting point. Loaded LAST (see functions.php) so it wins over WoodMart.
   NOTE: selector names vary between WoodMart versions — inspect the live DOM
   and adjust. Never delete WoodMart's own CSS; override here.
   ========================================================================== */

:root {
  --bs-burgundy:        #74233B; /* primary: buttons, prices, active */
  --bs-burgundy-dark:   #5E1F30; /* announcement, footer, dark header */
  --bs-wine:            #4A1626;
  --bs-gold:            #B8895A;
  --bs-gold-light:      #E9C58E;
  --bs-cream:           #FBF6F3;
  --bs-blush:           #F3E7E3;
  --bs-ink:             #211519;
  --bs-text-2:          #7C6B6F;
  --bs-muted:           #9A8B8F;
  --bs-border:          #F0E3DE;
  --bs-strike:          #B9A9AD;
}

/* ---------- Typography ---------------------------------------------------- */
body,
.woocommerce,
button, input, select, textarea {
  font-family: 'Tajawal', sans-serif;
}
h1, h2, h3, h4,
.wd-entities-title,
.product-title,
.section-title,
.widget-title {
  font-family: 'El Messiri', serif !important;
  color: var(--bs-ink);
}

/* ---------- Buttons / CTAs ----------------------------------------------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.single_add_to_cart_button,
.wd-buttons .btn,
.btn.btn-color-primary {
  background-color: var(--bs-burgundy) !important;
  border-color: var(--bs-burgundy) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700;
  letter-spacing: .02em;
}
.woocommerce a.button:hover,
.single_add_to_cart_button:hover {
  background-color: var(--bs-wine) !important;
  border-color: var(--bs-wine) !important;
}
/* Secondary / outline button */
.btn.btn-style-bordered {
  color: var(--bs-burgundy) !important;
  border: 1.5px solid var(--bs-burgundy) !important;
  border-radius: 999px !important;
  background: transparent !important;
}

/* ---------- Announcement / top bar --------------------------------------- */
.whb-top-bar,
.bs-announcement {
  background: var(--bs-blush);
  color: var(--bs-burgundy);
  text-align: center;
  font-size: 12.5px;
  font-weight: 500;
}
/* Burgundy variant: swap to var(--bs-burgundy-dark) bg + #F3E0D8 text */

/* ---------- Trust strip (info boxes under hero) -------------------------- */
.bs-trust { display:flex; gap:8px; }
.bs-trust .info-box {
  background: var(--bs-cream);
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding: 10px;
  font-weight: 700; color: var(--bs-ink); font-size: 11px;
}
.bs-trust .info-box svg, .bs-trust .info-box i { color: var(--bs-burgundy); }

/* ---------- Product card (grid) ------------------------------------------ */
.products .product-grid-item {
  text-align: right; /* RTL */
}
.products .product-grid-item .product-image-link,
.products .product-grid-item img {
  border-radius: 14px;
  border: 1px solid var(--bs-border);
}
.products .product-grid-item .wd-entities-title,
.products .product-grid-item .wd-entities-title a {
  font-size: 11px;            /* 3-col mobile; ~14.5px on desktop via media query */
  font-weight: 500;
  color: var(--bs-ink);
}
.products .product-grid-item .price,
.products .product-grid-item .price ins .amount {
  color: var(--bs-burgundy) !important;
  font-weight: 700;
}
.products .product-grid-item .price del .amount {
  color: var(--bs-strike) !important;
}
/* Hide SKU in the loop if it appears */
.products .product-grid-item .sku_wrapper { display: none !important; }

/* Product labels (جديد / -٢٠٪) */
.product-labels .product-label.new   { background: var(--bs-burgundy); color:#fff; border-radius:999px; }
.product-labels .product-label.onsale{ background: var(--bs-ink);      color:#fff; border-radius:999px; }

/* Grid columns: 3 on mobile/tablet, 4 on desktop */
@media (max-width: 1024px) {
  .products.elements-grid.wd-products-columns,
  .products.columns-2, .products.columns-4 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .products .product-grid-item .wd-entities-title { font-size: 11px; }
}
@media (min-width: 1200px) {
  .products .product-grid-item .wd-entities-title { font-size: 14.5px; }
  .products .product-grid-item .price { font-size: 15.5px; }
}

/* ---------- Category page: filters as horizontal chips ------------------- */
.bs-filter-chips,
.wd-filters-horizontal .widget {
  display: flex; gap: 8px; overflow-x: auto; padding: 4px 16px 12px;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.bs-filter-chips::-webkit-scrollbar { display: none; }
.bs-filter-chips .chip,
.wd-filters-horizontal .widget a {
  flex: none;
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; color: var(--bs-ink);
  border: 1px solid var(--bs-border);
  border-radius: 999px; padding: 9px 14px;
  font-size: 12.5px; font-weight: 500; white-space: nowrap; text-decoration: none;
}
.bs-filter-chips .chip.is-primary {
  background: var(--bs-burgundy); color:#fff; border-color: var(--bs-burgundy); font-weight:700;
}
/* Active filter chip (WooCommerce active filters widget) */
.widget_layered_nav_filters ul li a,
.bs-filter-chips .chip.is-active {
  background: #FBEEE9; color: var(--bs-burgundy);
  border: 1px solid #E8C9C0; border-radius: 999px; padding: 9px 14px; font-weight:700;
}

/* ---------- Single product: swatches ------------------------------------- */
/* Color = round swatches */
.wd-swatch.wd-text, .variations .wd-swatch {
  border-radius: 50% !important;
}
.wd-swatch.wd-active, .wd-swatch.selected {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--bs-burgundy) !important;
}
/* Size = tappable buttons */
.variations .wd-swatch.wd-text-type {
  min-width: 46px; min-height: 44px; border-radius: 12px !important;
  border: 1px solid var(--bs-border); font-weight: 500;
}
.variations .wd-swatch.wd-text-type.wd-active {
  background: var(--bs-burgundy) !important; color:#fff !important;
  border-color: var(--bs-burgundy) !important;
}
/* Out-of-stock size: struck + disabled */
.variations .wd-swatch.wd-disabled {
  color: #CDBDC0 !important; text-decoration: line-through; opacity: 1;
}

/* Star rating gold */
.star-rating span::before, .wd-star-rating::before { color: var(--bs-gold); }

/* ---------- Sticky add-to-cart bar --------------------------------------- */
/* WoodMart has this built-in (Single Product → Sticky Add to Cart). Just restyle. */
.wd-sticky-btn-cont, .woodmart-sticky-btn {
  box-shadow: 0 -6px 20px -10px rgba(90,30,45,.25);
  background: #fff; border-top: 1px solid var(--bs-border);
}
.wd-sticky-btn-cont .single_add_to_cart_button { border-radius: 14px !important; }

/* ---------- Mobile menu: category cards ---------------------------------- */
/* Turn text menu items into image cards. Add an image to each menu item. */
.mobile-nav .menu-item > a,
.bs-cat-cards .menu-item > a {
  display: flex; align-items: center; gap: 13px;
  padding: 9px; border: 1px solid #F2E8E4; border-radius: 16px; margin-bottom: 10px;
  text-decoration: none;
}
.mobile-nav .menu-item > a img,
.bs-cat-cards .menu-item > a img {
  width: 60px; height: 60px; flex: none; object-fit: cover;
  border-radius: 12px; border: 1px solid var(--bs-border);
}
.mobile-nav .menu-item > a .nav-link-text {
  font-family: 'El Messiri', serif; font-size: 17px; font-weight: 600; color: var(--bs-ink);
}
.mobile-nav .menu-item > a::after { /* chevron */
  content: "‹"; margin-inline-start: auto; color: #C2ACB1; font-size: 18px;
}

/* ---------- Hero & Sliders ------------------------------------------------ */
/* Reduce hero height on mobile so first product row is visible above fold */
.wd-slider { max-height: 55vh !important; }
@media (max-width: 768px) {
  .wd-slider { max-height: 50vh !important; }
  .wd_slider .wd-slide-content,
  .elementor-widget-wd_slider .elementor-widget-container { max-height: 50vh !important; }
}

/* Keep only single hero — if banner carousel exists separately, reduce its prominence */
.wd-banner-carousel { margin-bottom: 0; }

/* ---------- Footer -------------------------------------------------------- */
.site-footer.bs-footer, .footer-container.bs-footer {
  background: var(--bs-burgundy-dark); color: #F3E0D8;
}
.bs-footer a { color: rgba(243,224,216,.78); }
.bs-footer .widget-title { color: #F3E0D8 !important; }

/* Hide SKU in WoodMart 8.4.1 */
.wd-product-sku { display: none !important; }
.product-grid-item .wd-sku { display: none !important; }

/* Override WoodMart primary color from pink #EA5699 to burgundy #74233B */
:root {
  --wd-primary-color: #74233B !important;
}

/* Direct color overrides for all pink elements */
.whb-top-bar, .whb-row.whb-top-bar, .whb-top-bar-inner,
.btn-color-primary, .btn.btn-color-primary,
.wd-btn-primary, button.button-primary,
.woodmart-button-primary, .product-add-to-cart button,
a.add_to_cart_button {
  background-color: #74233B !important;
  border-color: #74233B !important;
}

/* Override any other pink color rules */
[style*=#EA5699],
[style*=background-color:

/* Override WoodMart primary color from pink to burgundy */
.whb-top-bar, .whb-row.whb-top-bar, .whb-top-bar-inner {
  background-color: #74233B !important;
  background: #74233B !important;
}

.btn-color-primary, .btn.btn-color-primary,
.wd-btn-primary, button.button-primary,
.product-add-to-cart button, a.add_to_cart_button {
  background-color: #74233B !important;
  border-color: #74233B !important;
}

a:hover.btn-color-primary,
.menu-item.active > a {
  color: #74233B !important;
}

/* Hide SKU from customer-facing pages */
.wd-product-sku,
.wd-sku,
.sku_wrapper,
p.sku_wrapper {
  display: none !important;
}