/* ===== WASEMSA.COM COLOR SCHEME FOR FAZAA.WEBSITE ===== */

/* ===== CSS VARIABLES ===== */
:root {
  --color-primary: #5d1381;
  --color-primary-dark: #37005b;
  --color-primary-light: #8339a7;
  --color-primary-reverse: #ffdfff;
  --promo-color: #ffbd0c;
  --heading-color: #231f1e;
  --description-color: #7a798a;
  --bg-primary: #ffffff;
  --bg-secondary: #f8f8f8;
}

/* ===== BODY ===== */
body {
  background-color: #ffffff !important;
  color: #231f1e !important;
}

/* ===== HEADER / NAVBAR ===== */
header,
.header,
nav.header,
.site-header,
.navbar,
[class*="header"],
.top-nav,
.main-nav {
  background-color: #5c1380 !important;
}

/* Nav links */
header a,
nav a,
.header a,
.navbar a,
.nav-link,
[class*="header"] a,
.menu-item a,
.nav-menu a,
.header__nav a {
  color: #f5990b !important;
}

header a:hover,
nav a:hover,
.nav-link:hover {
  color: #ffbd0c !important;
}

/* Nav icons (cart, search, account) in header */
header svg,
header .icon,
.header svg,
.header .icon,
[class*="header"] svg {
  color: #f5990b !important;
  fill: #f5990b !important;
  stroke: #f5990b !important;
}

/* Cart count badge */
header .cart-count,
header .badge,
.header .badge {
  background-color: #f5990b !important;
  color: #ffffff !important;
}

/* ===== ANNOUNCEMENT BAR ===== */
.announcement-bar,
.promo-bar,
[class*="announcement"],
[class*="promo-bar"] {
  background-color: #231f1e !important;
  color: #f5990b !important;
}

/* ===== PRODUCT CARDS ===== */
.product-card,
.product-item,
.product,
[class*="product-card"],
[class*="product-item"],
.card {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: rgba(47, 83, 109, 0.12) 0px 3px 16px 0px !important;
  border: none !important;
}

/* Product title */
.product-card .product-name,
.product-card .product-title,
.product-card h3,
.product-card h2,
[class*="product-card"] .name,
[class*="product-card"] .title,
.product-item .name {
  color: #231f1e !important;
  font-weight: 600 !important;
}

/* Product category / meta text */
.product-card .category,
.product-card .meta,
.product-card .subtitle,
[class*="product-card"] .category,
[class*="product-card"] .meta {
  color: #7a798a !important;
}

/* ===== PRODUCT PRICES ===== */
.price,
.product-price,
.current-price,
[class*="price-current"],
[class*="current-price"],
.product-card .price {
  color: #5d1381 !important;
  font-weight: 700 !important;
}

/* Old / crossed price */
.old-price,
.original-price,
.price-old,
[class*="old-price"],
[class*="original-price"],
del {
  color: #7a798a !important;
  text-decoration: line-through !important;
}

/* ===== PROMO / SALE BADGES ===== */
.promo-badge,
.badge-promo,
.sale-badge,
.badge-sale,
[class*="promo-badge"],
[class*="sale-badge"] {
  background-color: #ffbd0c !important;
  color: #343444 !important;
  border-radius: 14px !important;
}

/* ===== ADD TO CART BUTTON ===== */
.add-to-cart,
.btn-add-cart,
[class*="add-to-cart"],
[class*="add-cart"],
.product-card button,
.product-item button {
  background-color: transparent !important;
  color: #5d1381 !important;
  border: 1px solid #5d1381 !important;
  border-radius: 12px !important;
}

.add-to-cart:hover,
.btn-add-cart:hover,
[class*="add-to-cart"]:hover {
  background-color: #5d1381 !important;
  color: #ffffff !important;
}

/* ===== PRIMARY BUTTONS ===== */
.btn-primary,
button[type="submit"],
.checkout-btn,
[class*="btn-primary"],
[class*="checkout"],
.primary-btn {
  background-color: #5d1381 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  border: none !important;
}

.btn-primary:hover,
button[type="submit"]:hover {
  background-color: #37005b !important;
}

/* Secondary buttons */
.btn-secondary,
[class*="btn-secondary"],
.btn-outline {
  background-color: transparent !important;
  color: #5d1381 !important;
  border: 1px solid #5d1381 !important;
  border-radius: 9999px !important;
}

/* ===== SECTION HEADINGS ===== */
.section-title,
.section-heading,
h1, h2, h3, h4, h5,
[class*="section-title"],
[class*="section-heading"] {
  color: #231f1e !important;
}

.section-title::after,
.title-divider,
.section-divider {
  background-color: #5d1381 !important;
}

/* ===== STARS / RATINGS ===== */
.star,
.stars,
.rating,
[class*="star"],
[class*="rating"],
.review-stars {
  color: #ffbd0c !important;
  fill: #ffbd0c !important;
}

/* ===== WISHLIST / HEART ===== */
.wishlist,
.favorite,
.heart,
[class*="wishlist"],
[class*="favorite"],
[class*="heart"],
.like-btn {
  color: #5d1381 !important;
  border-color: #5d1381 !important;
}

.wishlist svg,
.favorite svg,
[class*="wishlist"] svg,
[class*="heart"] svg {
  fill: #5d1381 !important;
  stroke: #5d1381 !important;
  color: #5d1381 !important;
}

/* ===== LINKS ===== */
a {
  color: #5d1381;
}
a:hover {
  color: #37005b;
}

/* ===== FOOTER ===== */
footer,
.footer,
.site-footer,
[class*="footer"] {
  background-color: #f8f8f8 !important;
  color: #231f1e !important;
}

footer a,
.footer a,
[class*="footer"] a {
  color: #7a798a !important;
}

footer a:hover,
.footer a:hover {
  color: #5d1381 !important;
}

footer h3, footer h4,
.footer h3, .footer h4 {
  color: #231f1e !important;
}

/* ===== MOBILE NAVIGATION ===== */
.mobile-nav,
.mobile-menu,
[class*="mobile-nav"],
[class*="mobile-menu"] {
  background-color: #ffffff !important;
  color: #231f1e !important;
}

/* ===== FORMS / INPUTS ===== */
input:focus,
textarea:focus,
select:focus {
  border-color: #5d1381 !important;
  outline-color: #5d1381 !important;
  box-shadow: 0 0 0 2px rgba(93, 19, 129, 0.2) !important;
}

/* ===== PAGINATION ===== */
.pagination .active,
.page-item.active .page-link {
  background-color: #5d1381 !important;
  border-color: #5d1381 !important;
  color: #ffffff !important;
}

.pagination a,
.page-link {
  color: #5d1381 !important;
}

/* ===== PRODUCT IMAGES (full display) ===== */
.product-images img,
.product-gallery img,
.product-image img,
.product-page img,
.product-detail img,
.product-single img,
.single-product img,
.product__image img,
.product__images img,
.product__gallery img,
.product-photo img,
.product-thumbnail img,
.product-main-image img {
  object-fit: contain !important;
  max-height: 400px !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar-thumb {
  background-color: #5d1381 !important;
}

/* ===== TEXT SELECTION ===== */
::selection {
  background-color: #5d1381 !important;
  color: #ffffff !important;
}

/* ===== PRODUCT CARDS FIX ===== */
.products-embla__slide > div {
      background-color: #ffffff !important;
      border-radius: 20px !important;
      box-shadow: rgba(47,83,109,.12) 0px 3px 16px !important;
      overflow: hidden !important;
      padding: 8px !important;
}

/* ===== ADD TO CART BUTTON FIX ===== */
.btn-outlined,
button.btn-outlined {
      border: 1.5px solid #5d1381 !important;
      color: #5d1381 !important;
      background-color: transparent !important;
      border-radius: 12px !important;
}
.btn-outlined:hover,
button.btn-outlined:hover {
      background-color: #5d1381 !important;
      color: #ffffff !important;
}

/* ===== PRODUCT IMAGE RADIUS ===== */
.products-embla__slide a[class*="aspect"] {
      border-radius: 12px !important;
      overflow: hidden !important;
}

/* ===== PRODUCT TITLE ===== */
.products-embla__slide [class*="title"],
.products-embla__slide h3 {
      color: #231f1e !important;
}

/* ===== PRODUCT PRICE ===== */
.products-embla__slide [class*="price"] {
      color: #5d1381 !important;
      font-weight: 700 !important;
}

/* ===== PRICE RED COLOR (like wasemsa.com) ===== */
.products-embla__slide p.text-foreground,
.products-embla__slide [class*="price"],
.group [class*="price"] p {
      color: #f05252 !important;
      font-weight: 700 !important;
}
}

/* ===== PRICE FIX - section products ===== */
.section-products p.text-foreground {
      color: #f05252 !important;
      font-weight: 700 !important;
}

/* ===== OVERRIDE TEXT-FOREGROUND CSS VAR FOR PRICE ===== */
.section-products .group p {
      color: #f05252 !important;
      font-weight: 700 !important;
}