/* Add custom CSS styles below */ 
:root{
  --brand:#6f3f2e;
  --brand-dark:#3b241b;
  --brand-soft:#f6eee8;
  --gold:#c9a15d;
  --text:#2b211d;
  --muted:#7d6f68;
  --radius:22px;
}

body{
  font-family: "Tajawal", "Arial", sans-serif !important;
  background:#fffaf7;
  color:var(--text);
}

a, button{
  transition:.25s ease;
}

.store-header,
.main-nav-container,
header{
  background:rgba(255,250,247,.92)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 8px 30px rgba(59,36,27,.07);
}

.navbar-brand img,
.store-logo img{
  max-height:68px;
}

.main-menu a,
.header-btn,
.s-button-btn{
  font-weight:700;
}

.s-button-primary,
button[type="submit"],
.add-to-cart,
.s-add-product-button-main{
  background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;
  border:0!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 10px 22px rgba(111,63,46,.22);
}

.s-button-primary:hover,
.add-to-cart:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(111,63,46,.30);
}

section:first-of-type,
.hero,
.banner{
  border-radius:0 0 36px 36px;
  overflow:hidden;
}

.s-product-card-entry,
.product-entry,
.product-card{
  border:1px solid rgba(111,63,46,.10)!important;
  border-radius:var(--radius)!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(59,36,27,.06)!important;
  overflow:hidden;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 44px rgba(59,36,27,.12)!important;
}

.s-product-card-image img,
.product-entry__image img{
  border-radius:18px;
  transition:.35s ease;
}

.s-product-card-entry:hover img,
.product-entry:hover img{
  transform:scale(1.04);
}

.s-product-card-content-title a,
.product-title,
.s-product-card-content-title{
  color:var(--brand-dark)!important;
  font-weight:800!important;
  line-height:1.7;
}

.s-product-card-price,
.price,
.product-price{
  color:var(--brand)!important;
  font-weight:900!important;
  font-size:1.08rem;
}

.s-block__title,
.section-title,
h1,h2{
  color:var(--brand-dark);
  font-weight:900!important;
  letter-spacing:-.3px;
}

.s-block__title:after,
.section-title:after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  background:linear-gradient(90deg,var(--gold),var(--brand));
  margin:12px auto 0;
  border-radius:999px;
}

/* Footer Fix */
.footer,
.store-footer,
.s-footer,
.s-footer-block,
footer {
  background: #fff7f1 !important;
  color: #3b241b !important;
}

.footer *,
.store-footer *,
.s-footer *,
footer * {
  color: #3b241b !important;
}

.footer a,
.store-footer a,
.s-footer a,
footer a {
  color: #6f3f2e !important;
  font-weight: 700;
}

.footer a:hover,
.store-footer a:hover,
.s-footer a:hover,
footer a:hover {
  color: #c9a15d !important;
}

.s-footer-title,
.footer-title,
.store-footer h3,
footer h3 {
  color: #3b241b !important;
  font-weight: 900 !important;
}

.store-footer__inner,
.s-footer__inner {
  border-top: 1px solid rgba(111, 63, 46, .12);
}


/* توسيط الشعار - ويب + جوال */

header .navbar-brand,
header .store-logo,
.navbar-brand,
.store-logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 auto !important;
    z-index: 5;
}

header .navbar-brand img,
header .store-logo img,
.navbar-brand img,
.store-logo img {
    max-height: 70px !important;
    width: auto !important;
}

/* منع العناصر من دفع الشعار */
header,
.main-nav-container,
.navbar {
    position: relative !important;
}

/* للجوال */
@media (max-width:768px){

  .navbar-brand img,
  .store-logo img{
      max-height: 58px !important;
  }

  .navbar-brand,
  .store-logo{
      left:50% !important;
      transform:translateX(-50%) !important;
  }
}

/* إخفاء الإيميل وروابط الصفحات أعلى الموقع فقط */
header a[href*="mailto"],
header a[href*="page-"] {
    display: none !important;
}

/* تقليل ارتفاع الشريط العلوي بعد الإخفاء */
.top-navbar,
.top-header,
.header-top,
.s-topbar,
.salla-topbar {
    min-height: 10px !important;
    padding: 0 !important;
}






/* موازنة صورة المنتج مع حجم الكرت - ويب فقط */
@media (min-width:769px){

  /* حاوية الصورة */
  .s-product-card-image,
  .product-entry__image{
      height: 300px !important;
      overflow: hidden !important;
      border-radius: 22px 22px 0 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: #f8f6f4 !important;
  }

  /* الصورة نفسها */
  .s-product-card-image img,
  .product-entry__image img,
  .product-card img{
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
  }

  /* الكرت */
  .s-product-card-entry,
  .product-entry,
  .product-card{
      overflow: hidden !important;
      border-radius: 22px !important;
  }
}

@media (max-width: 768px){

  .s-products-list-wrapper,
  .products-grid,
  .s-products-list-vertical-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* الكرت */
  .s-product-card-entry,
  .product-entry,
  .product-card {
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* حاوية الصورة */
  .s-product-card-image,
  .product-entry__image {
    height: 190px !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f6f4 !important;
  }

  /* الصورة */
  .s-product-card-image img,
  .product-entry__image img,
  .product-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* النص */
  .s-product-card-content,
  .product-entry__content {
    padding: 8px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-title {
    font-size: 12px !important;
    line-height: 1.5 !important;
    min-height: auto !important;
  }

  /* السعر */
  .s-product-card-price,
  .price,
  .product-price {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* زر السلة */
  .s-add-product-button-main,
  .add-to-cart {
    min-height: 34px !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
  }
}





/* Animations خفيفة وآمنة للمتجر */

/* ظهور ناعم للأقسام */
.s-block,
section,
.banner-entry {
  animation: softFadeUp .6s ease both;
}

@keyframes softFadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* حركة ناعمة لكروت المنتجات */
.s-product-card-entry,
.product-entry,
.product-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
}


/* حركة زر السلة */
.s-add-product-button-main,
.add-to-cart {
  transition: transform .2s ease, background .2s ease;
}

.s-add-product-button-main:hover,
.add-to-cart:hover {
  transform: scale(1.03);
}


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

.s-product-card-entry:hover img,
.product-entry:hover img {
  transform: scale(1.04);
}


/* حركة الشعار خفيفة */
.navbar-brand img,
.store-logo img {
  transition: transform .25s ease;
}

.navbar-brand img:hover,
.store-logo img:hover {
  transform: scale(1.04);
}


/* احترام إعدادات المستخدم وتقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}
/* تغيير لون زر إضافة للسلة عند Hover */
/* الشكل الأساسي للزر */
.s-product-card-entry .s-button-element,
.s-product-card-entry button,
.s-product-card-entry .btn,
.s-add-product-button-main,
button.s-button-btn {

    background-color: transparent !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    transition: .25s ease !important;
}

/* عند الإشارة Hover */
.s-product-card-entry .s-button-element:hover,
.s-product-card-entry button:hover,
.s-product-card-entry .btn:hover,
.s-add-product-button-main:hover,
button.s-button-btn:hover {

    background-color: #C2ADB4 !important;
    border-color: #000 !important;
    color: #000 !important;
}

/* وقت الضغط */
.s-product-card-entry .s-button-element:active,
.s-add-product-button-main:active {
    background-color: #C2ADB4 !important;
}


/* Footer background fix */
.footer-is-light .store-footer .store-footer__inner {
    --tw-bg-opacity: 1 !important;
    background-color: #C2ADB4 !important;
    background: #C2ADB4 !important;
}

/* لو فيه طبقة داخلية */
.store-footer,
.store-footer__inner,
.store-footer__inner > div,
.store-footer__inner .container {
    background-color: #C2ADB4 !important;
    background: #C2ADB4 !important;
}

/* النصوص */
.store-footer__inner,
.store-footer__inner *,
.store-footer * {
    color: #3b241b !important;
}

/* إجبار تغيير خلفية قسم آراء العملاء */
.s-block-trust-testimonials__slide,
.s-block-trust-testimonials__slide--inner,
.s-block-trust-testimonials__content{
    background: #C2ADB4 !important;
    background-color: #C2ADB4 !important;
}


/* أسهم السلايدر + النص بالأسود */
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #000 !important;
}

/* دائرة الأسهم */
.swiper-button-next,
.swiper-button-prev{
    border: 1px solid #00000020 !important;
    color: #000 !important;
}

/* عرض الكل */
a[href*="products"],
.show-all,
.s-block__title-nav,
.s-slider-block__title a,
.section-actions a{
    color: #000 !important;
}

/* Hover */
.s-block__title-nav:hover,
.s-slider-block__title a:hover,
.section-actions a:hover{
    color: #000 !important;
}





/* توحيد عناوين الأقسام */
.s-block__title,
.section-title,
h1,h2{
  color:var(--brand-dark)!important;
  font-weight:900!important;
}

/* كروت منتجات أنعم */
.s-product-card-entry{
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(59,37,41,.08)!important;
}



@media(max-width:768px){
  .trust-bar{
    grid-template-columns:1fr;
    font-size:13px;
  }
}

/* شريط البحث أسفل التصنيفات وفوق البنر */
.moved-search-row{
  width: 100%;
  background: #fffaf7;
  padding: 14px 16px 18px;
  display: flex;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(59,36,27,.05);
}

.moved-search-row .search-wrapper,
.moved-search-row .header-search,
.moved-search-row .s-search{
  display: block !important;
  width: min(720px, 94%) !important;
  margin: 0 auto !important;
}

.moved-search-row input{
  height: 48px !important;
  border-radius: 999px !important;
  background: #f4f1f0 !important;
  text-align: center !important;
  font-size: 15px !important;
}

/* منع ظهوره أعلى الصفحة بعد النقل */
header .moved-search-row{
  display: flex !important;
}

/* زر واتساب ثابت */
.custom-whatsapp-button{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 58px;
    height: 58px;
    background: #25D366;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    z-index: 99999;
    transition: .3s ease;
}