/* Product Detail page professional polish — Shopaale theme (2026-10-04) */
:root {
  --sp-brand: #6e1597;
  --sp-brand-dark: #531073;
  --sp-soft: #faf0fb;
  --sp-line: #eee7f3;
}

/* Product title */
.product-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
}

/* Price section */
.product-price, .price-section {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 14px 0 6px !important;
  flex-wrap: wrap !important;
}
.product-price .current-price, .selling-price {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--sp-brand) !important;
}
.product-price .mrp, .mrp-price {
  font-size: 16px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}
.discount-badge {
  background: #e6f7ed !important;
  color: #1a9e50 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

/* Rating */
.rating-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--sp-soft) !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--sp-brand) !important;
  margin: 8px 0 !important;
}

/* Size and color selectors */
.size-options, .color-options {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 10px 0 18px !important;
}
.size-option, .color-option {
  border: 2px solid var(--sp-line) !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  background: #fff !important;
}
.size-option:hover, .color-option:hover {
  border-color: var(--sp-brand) !important;
}
.size-option.selected, .color-option.selected {
  border-color: var(--sp-brand) !important;
  background: var(--sp-soft) !important;
  color: var(--sp-brand) !important;
}
.size-label, .color-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 16px 0 4px !important;
}

/* Action buttons */
.product-actions, .action-bar {
  display: flex !important;
  gap: 12px !important;
  margin: 20px 0 !important;
  position: sticky !important;
  bottom: 0 !important;
  background: #fff !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--sp-line) !important;
}
.btn-add-cart, .add-to-cart-btn {
  flex: 1 !important;
  background: #fff !important;
  color: var(--sp-brand) !important;
  border: 2px solid var(--sp-brand) !important;
  padding: 15px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}
.btn-add-cart:hover, .add-to-cart-btn:hover {
  background: var(--sp-soft) !important;
}
/* Fix cart icon cutoff in Add to Cart button (2026-10-07) */
.btn-add-cart svg, .add-to-cart-btn svg {
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
.btn-add-cart, .add-to-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
}
.btn-buy-now, .buy-now-btn {
  flex: 1 !important;
  background: linear-gradient(135deg, var(--sp-brand) 0%, var(--sp-brand-dark) 100%) !important;
  color: #fff !important;
  border: none !important;
  padding: 15px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(110,21,151,.3) !important;
  transition: transform .2s ease !important;
}
.btn-buy-now:hover, .buy-now-btn:hover {
  transform: translateY(-2px) !important;
}

/* Product image */
.product-image-main, .main-image {
  border-radius: 16px !important;
  border: 1px solid var(--sp-line) !important;
  overflow: hidden !important;
}

/* Top spacing: keep text clear of header, tighten image only (2026-10-04) */
.container { padding-top: 45px !important; }
.merage { margin-top: 25px !important; }
/* Remove white space above the product image only */
.product-image-container { margin-top: 0 !important; padding-top: 0 !important; }
.product-image-container .owl-carousel { margin-top: 0 !important; }
/* Pull image up to align with text (desktop) */
@media (min-width: 769px) {
  .product-image-container { margin-top: -30px !important; }
}

/* Wishlist count */
.wishlist-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #888 !important;
  margin: 12px 0 !important;
}

/* Profile icon: stroke-based SVG, ensure visible stroke color (2026-10-04) */
.header-actions .shp-icon-profile { fill: none !important; stroke: #333 !important; }
#action svg { stroke: #333 !important; }