/* ================================================
   AZBOX — ثيم خطوة المخصص | النسخة الاحترافية
   متجر تجميل فاخر للنساء | azboxsa.com
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');

/* === VARIABLES === */
:root {
  --az-red: #C8102E;
  --az-red-dark: #A00D24;
  --az-red-light: #F5C6CF;
  --az-black: #1A1A1A;
  --az-cream: #FDF6F0;
  --az-warm: #F7EDE6;
  --az-muted: #9A8884;
  --az-white: #FFFFFF;
  --az-shadow: 0 4px 24px rgba(200,16,46,0.12);
  --az-shadow-lg: 0 16px 48px rgba(200,16,46,0.18);
  --az-transition: all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);
  --az-radius: 16px;
  --az-radius-pill: 50px;
}

/* === GLOBAL === */
html { scroll-behavior: smooth; }

body {
  font-family: 'Tajawal', sans-serif !important;
  background: var(--az-cream) !important;
  color: var(--az-black) !important;
  -webkit-font-smoothing: antialiased;
}

* { font-family: 'Tajawal', sans-serif !important; }

/* === ANNOUNCEMENT BAR === */
body::before {
  content: '✨كل عام وأنتم بخير ';
  display: block;
  background: linear-gradient(90deg, #1A1A1A 0%, #2D0A12 50%, #1A1A1A 100%);
  color: var(--az-red-light);
  text-align: center;
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 9999;
}

/* === HEADER === */
header,
.header,
.main-nav-container {
  background: rgba(253,246,240,0.97) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(232,221,216,0.8) !important;
  box-shadow: 0 2px 20px rgba(26,26,26,0.06) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transition: var(--az-transition) !important;
}

/* Nav links */
.main-nav-container .mobile-menu ul li a {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--az-black) !important;
  transition: color 0.25s ease !important;
  position: relative !important;
}

.main-nav-container .mobile-menu ul li a:hover {
  color: var(--az-red) !important;
  opacity: 1 !important;
}

/* Icons */
header .sicon-search:before,
header .sicon-user-circle:before,
header .sicon-shopping-bag:before,
.main-nav-container .inner salla-cart-summary a,
.main-nav-container .inner salla-cart-summary button,
.main-nav-container .inner salla-cart-summary svg {
  color: var(--az-black) !important;
  stroke: var(--az-black) !important;
  transition: color 0.25s ease !important;
}

/* === HERO SLIDER === */
.s-slider-block,
[class*="hero"],
[class*="slider-block"] {
  border-radius: 0 0 40px 40px !important;
  overflow: hidden !important;
}

/* Hero overlay */
.s-slider-block__slide::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(200,16,46,0.15) 0%, transparent 60%) !important;
  pointer-events: none !important;
}

/* Hero CTA button */
.s-slider-block .s-button,
.s-slider-block button,
.s-slider-block a[class*="btn"] {
  background: var(--az-white) !important;
  color: var(--az-red) !important;
  border-radius: var(--az-radius-pill) !important;
  padding: 14px 36px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
  transition: var(--az-transition) !important;
}

.s-slider-block .s-button:hover {
  background: var(--az-red-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.25) !important;
}

/* Slider dots */
.swiper-pagination-bullet {
  background: rgba(255,255,255,0.5) !important;
  transition: all 0.3s ease !important;
}

.swiper-pagination-bullet-active {
  background: var(--az-white) !important;
  width: 24px !important;
  border-radius: 4px !important;
}

/* === PRODUCT CARDS === */
.s-product-card-vertical,
[class*="product-card"],
salla-product-card {
  background: var(--az-white) !important;
  border-radius: var(--az-radius) !important;
  border: 1px solid rgba(232,221,216,0.5) !important;
  box-shadow: var(--az-shadow) !important;
  transition: var(--az-transition) !important;
  overflow: hidden !important;
  animation: fadeInUp 0.5s ease both;
}

.s-product-card-vertical:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--az-shadow-lg) !important;
  border-color: var(--az-red-light) !important;
}

/* Product image zoom */
.s-product-card-vertical img {
  transition: transform 0.5s ease !important;
}

.s-product-card-vertical:hover img {
  transform: scale(1.06) !important;
}

/* Product name */
.s-product-card-vertical .s-product-card-title,
[class*="product-title"],
[class*="product-name"] {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--az-black) !important;
  line-height: 1.5 !important;
}

/* Product price */
.s-product-card-vertical .s-product-card-price,
[class*="product-price"] .s-price-new,
.s-price-new {
  font-weight: 800 !important;
  font-size: 18px !important;
  color: var(--az-red) !important;
}

.s-price-old, del, s {
  color: var(--az-muted) !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

/* Add to cart button */
.s-product-card-vertical .s-button-primary,
salla-add-product-button button,
[class*="add-to-cart"] {
  background: linear-gradient(135deg, var(--az-red) 0%, var(--az-red-dark) 100%) !important;
  color: var(--az-white) !important;
  border: none !important;
  border-radius: var(--az-radius-pill) !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  transition: var(--az-transition) !important;
  box-shadow: 0 4px 16px rgba(200,16,46,0.3) !important;
  animation: pulseRed 2.5s ease-in-out infinite !important;
}

.s-product-card-vertical .s-button-primary:hover,
salla-add-product-button button:hover {
  background: linear-gradient(135deg, #D9142F 0%, #8B0A1F 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(200,16,46,0.45) !important;
  animation: none !important;
}

salla-add-product-button button:disabled {
  background: var(--az-warm) !important;
  color: var(--az-muted) !important;
  box-shadow: none !important;
  animation: none !important;
  cursor: not-allowed !important;
}

/* Sale badge */
.s-product-card-offer-badge,
[class*="offer-badge"],
[class*="sale-badge"] {
  background: linear-gradient(135deg, var(--az-red), var(--az-red-dark)) !important;
  color: var(--az-white) !important;
  border-radius: var(--az-radius-pill) !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(200,16,46,0.3) !important;
}

/* Wishlist */
salla-button[shape="icon"],
[class*="wishlist"],
[class*="favorite"] {
  background: rgba(255,255,255,0.92) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
  transition: var(--az-transition) !important;
}

salla-button[shape="icon"]:hover {
  background: var(--az-white) !important;
  transform: scale(1.15) !important;
  box-shadow: 0 4px 16px rgba(200,16,46,0.2) !important;
}

/* === SECTION TITLES === */
h1, h2, h3, h4, h5 {
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
  color: var(--az-black) !important;
}

.s-slider-block__title h2,
[class*="section-title"],
[class*="block-title"] {
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: 800 !important;
  color: var(--az-black) !important;
  position: relative !important;
  padding-bottom: 14px !important;
}

.s-slider-block__title h2::after,
[class*="section-title"]::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--az-red) !important;
  border-radius: 3px !important;
}

/* === CATEGORIES === */
.s-category-card,
[class*="category-card"] {
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: var(--az-transition) !important;
  box-shadow: var(--az-shadow) !important;
}

.s-category-card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  box-shadow: var(--az-shadow-lg) !important;
}

.s-category-card img {
  transition: transform 0.5s ease !important;
}

.s-category-card:hover img {
  transform: scale(1.08) !important;
}

/* === STORE FEATURES (مميزات المتجر) === */
[class*="store-features"],
.s-store-features {
  background: linear-gradient(135deg, #1A1A1A 0%, #2D0A12 100%) !important;
  border-radius: 24px !important;
  padding: 48px 32px !important;
  margin: 40px 0 !important;
}

[class*="store-features"] h3,
[class*="store-features"] p,
.s-store-features h3,
.s-store-features p {
  color: var(--az-cream) !important;
}

/* === TESTIMONIALS (آراء العملاء) === */
#customer_review .swiper-slide,
[class*="testimonial"] {
  background: var(--az-white) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(232,221,216,0.6) !important;
  box-shadow: var(--az-shadow) !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 24px !important;
  transition: var(--az-transition) !important;
}

#customer_review .swiper-slide:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--az-shadow-lg) !important;
}

/* Star ratings */
[class*="star"],
[class*="rating"] svg,
.sicon-star:before {
  color: #F5A623 !important;
  fill: #F5A623 !important;
}

/* === PRODUCT PAGE === */
.product-single .banner-entry {
  background: linear-gradient(135deg, var(--az-red) 0%, var(--az-red-dark) 100%) !important;
  color: var(--az-white) !important;
  border-radius: 20px !important;
  padding: 2rem !important;
}

.product-single .banner-entry h2,
.product-single .banner-entry p {
  color: var(--az-white) !important;
}

/* Product tabs */
.product-tabs__head button {
  background: transparent !important;
  border: 1.5px solid rgba(200,16,46,0.3) !important;
  color: var(--az-black) !important;
  border-radius: var(--az-radius-pill) !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  font-size: 13px !important;
  transition: var(--az-transition) !important;
}

.product-tabs__head button.is-active,
.product-tabs__head button:hover {
  background: var(--az-red) !important;
  color: var(--az-white) !important;
  border-color: var(--az-red) !important;
}

/* Fixed buy button */
.actions-fixed .s-button-primary {
  background: linear-gradient(135deg, var(--az-red) 0%, var(--az-red-dark) 100%) !important;
  color: var(--az-white) !important;
  border-radius: var(--az-radius-pill) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(200,16,46,0.4) !important;
}

.actions-fixed .s-button-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(200,16,46,0.5) !important;
}

/* === INPUTS & SEARCH === */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea,
select {
  font-family: 'Tajawal', sans-serif !important;
  border: 2px solid rgba(232,221,216,0.8) !important;
  border-radius: var(--az-radius-pill) !important;
  padding: 12px 20px !important;
  transition: var(--az-transition) !important;
  color: var(--az-black) !important;
  background: var(--az-white) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--az-red) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(200,16,46,0.08) !important;
}

/* === FOOTER === */
footer,
.footer,
[class*="footer"] {
  background: linear-gradient(180deg, #1A1A1A 0%, #0D0507 100%) !important;
  color: #C8B8B5 !important;
  border-top: 3px solid var(--az-red) !important;
}

footer h2, footer h3, footer h4,
.footer h2, .footer h3, .footer h4 {
  color: var(--az-white) !important;
  font-weight: 700 !important;
}

footer a, .footer a {
  color: #A89896 !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

footer a:hover, .footer a:hover {
  color: var(--az-red-light) !important;
}

footer p, .footer p {
  color: #9A8884 !important;
}

/* === CURRENCY SYMBOL === */
.sicon-sar:before {
  content: "﷼" !important;
  font-weight: 700 !important;
  color: inherit !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--az-cream); }
::-webkit-scrollbar-thumb {
  background: var(--az-red-light);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: var(--az-red); }

/* === SELECTION === */
::selection {
  background: var(--az-red);
  color: var(--az-white);
}

/* === ANIMATIONS === */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes pulseRed {
  0%, 100% { box-shadow: 0 4px 16px rgba(200,16,46,0.3); }
  50%       { box-shadow: 0 4px 28px rgba(200,16,46,0.55); }
}

@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

/* Scroll reveal */
[class*="section"],
[class*="block"],
.s-slider-block {
  animation: fadeInUp 0.6s ease both;
}

/* === MOBILE === */
@media (max-width: 768px) {
  body::before {
    font-size: 10px;
    padding: 7px 12px;
  }

  .s-slider-block {
    border-radius: 0 0 24px 24px !important;
  }

  .s-product-card-vertical {
    border-radius: 12px !important;
  }

  salla-slider.carousel-slider .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 12px !important;
    transform: none !important;
  }

  salla-slider.carousel-slider .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (min-width: 769px) {
  salla-slider.carousel-slider .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    transform: none !important;
  }
}

/* === SECTIONS BACKGROUND === */
section:nth-child(even),
[class*="block"]:nth-child(even) {
  background: var(--az-warm) !important;
}

/* Hide slider nav arrows */
salla-slider.carousel-slider .s-slider-block__title-nav,
salla-slider .swiper-notification {
  display: none !important;
}

/* Center section titles */
salla-slider .s-slider-block__title h2,
salla-slider .s-slider-block__title p {
  text-align: center !important;
}

/* Cart icon color fix */
.icon.sicon-shopping-bag::before {
  color: var(--az-black) !important;
}