/* Add custom CSS styles below */


.triangle-overlay:after {
    position: absolute;
    bottom: -50%;
    
    left: -50%;
    align-items: center;
    height: 0rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    content: "";
}
.main-nav-container .sides-wrap { 
    background-color: #81193B;
}
salla-slider.photos-slider .swiper-slide {
    position: relative;
    max-width: 100%;
    overflow: hidden;  
  align-items: center;
}
}
}
[dir="rtl"] .header-icon-button .icon {
    margin-left: 0rem;
    color: #fff;}
[dir="rtl"] .s-cart-summary-wrapper .s-cart-summary-total:before {
    content: "السلة";
    color: #fff;}
a {
    color: #81193b;}
.grid {
    display: grid;}
.humb {
    BACKGROUND-COLOR: #e5e7eb;
        border-
        radius: 0.375rem 6px;
}.sicon-shopping-bag:before {
    content: "\ef36";
    COLOR: #e5e7eb;}
 *, ::before, ::after {
  box-sizing: border-box;
  border: none;
}
/* Keep advertisement height */
.s-advertisement > div span {
    font-size: 22px !important;   /* Adjust size */
    font-weight: bold;
}

.s-advertisement {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  min-height: 50px; /* adjust to match your bar */
 
  display: flex;
  align-items: center;
}



/* Scroll inner div */
.s-advertisement > div,
.s-advertisement div[style] {
  position: absolute;
   min-height: 50px;
  display: inline-block;
  white-space: nowrap;
  animation: advScroll 12s linear infinite;
}

@keyframes advScroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

}
/* Force username (Osama) to be white */
.s-user-menu-trigger-name {
    color: #ffffff !important;
    font-weight: 600;
}

/* Force the "Hello" text to be white too */
.s-user-menu-trigger-hello {
    color: #ffffff !important;
}

/* Ensure the parent doesn’t override the color */
.s-user-menu-trigger {
    color: #ffffff !important;
}


.announcement-bar {
background-color: #700020 !important; /* عنابي غامق */
  color: #fff !important;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.announcement-bar i {
  font-size: 16px;
  color: #fff;
}




.utility-bar .right-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.utility-bar .right-info i {
  margin-right: 5px;
  color: #8c1932;
}

.utility-bar .lang-currency {
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}


.main-header .search-form input {
  width: 100%;
  border-radius: 5px;
  padding: 10px 40px 10px 15px;
  border: none;
  font-size: 15px;
}

.main-header .search-form i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
}

/* أيقونة القائمة Hamburger */
.main-header .menu-toggle {
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
}

/* أيقونة السلة */
.main-header .cart {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
}

.main-header .cart .cart-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: red;
  color: #fff;
  font-size: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 4. المنتجات - 4 منتجات في الصف */
@media (min-width: 992px) {
  .products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px;
  }

  .products-grid .product-card {
    width: 100% !important;
  }
}

/* صور المنتجات تتحرك */
.product-card img {
  transition: transform 0.4s ease;
}

.product-card:hover img {
  transform: scale(1.08);
}

/* أزرار شفافة مع Hover */
button,
.btn,
.button {
  background: transparent !important;
  border: 2px solid #700020 !important;
  color: #700020 !important;
  border-radius: 30px !important;
  transition: all 0.3s ease;
}

button:hover,
.btn:hover,
.button:hover {
  background: #700020 !important;
  color: #fff !important;
}



/* البانر الرئيسي */
.announcement-bar {
  background-color: #700020 !important;
  color: #fff !important;
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;

  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.8s ease;
}

/* عند تحميل الصفحة نضيف class لتشغيل الحركة */
.announcement-bar.show {
  opacity: 1;
  transform: translateY(0);
}


/* الحركة الأساسية للـ Product Card */
.product-card {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}


/* FORCE HEADER ICON COLOR - MALAAK */

header,
.main-header,
.store-header {
  position: relative;
  z-index: 999;
}

/* استهداف كل أيقونات الهيدر مهما كان نوعها */
header svg,
header svg path,
header svg circle,
header i,
header span[class*="icon"],
header .menu-toggle,
header .header-icon-button,
header .sicon-menu,
header .sicon-search,
header .sicon-shopping-bag {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* تكبير المنيو */
header .menu-toggle,
header .sicon-menu {
    font-size: 26px !important;
}
header .text-xl {
    color: #ffff !important;
}
.s-product-card-content-footer .s-button-btn .sicon-shopping-bag:before {
    color: #77173a;
}
.s-product-card-content-footer .s-button-btn:hover {
    background-color: #77173a;
}

.s-product-card-content-footer .s-button-btn:hover .sicon-shopping-bag:before {
    color: #ffffff !important;
}