/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
@import url('https://fonts.google.com/share?selection.family=Lalezar');
@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@200;300;400;700;800;900&display=swap');


*,
*::before,
*::after {
    font-family: "Zain", sans-serif !important;
    font-optical-sizing: auto;
}
a[aria-label="المزيد"]::after {
    display: none !important;
    content: none !important;
}
.black-navbar-brand img {
    transform: scale(1.5);
}
h1.text-4xl.md\:text-6xl {
    font-size: 32px !important;
    line-height: 1.4 !important;
      font-weight: 300 !important;

}

@media (max-width: 768px) {
    h1.text-4xl.md\:text-6xl {
        font-size: 24px !important;
    }
}
h1 {
  font-size: 20px;
  font-weight: 700;
}

h2 {  
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    color: #00000 !important;
}

 h2::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #7c6f9d;
    transition: 0.3s;
    border-radius: 10px;
}
 h2:hover::after {
    width: 60%;
}

p {
  font-size: 16px;
  font-weight: 700;
}

a.bg-\[--bg-color\] {
    color: #ffffff !important;
}
a[href="https://wa.me/966563530690"] {
   border-radius: 12px !important;
  border-color: #2B2540 !important;
      color: #ffffff !important;
}
a {
  font-size: 18px;
  font-weight: 500;
  color: white;
}
a[href="https://salla.sa/49e31068-58ee-4c8d-87c8-8f18411bd3c6/-/c1065822352"] {
    border: 2px solid !important;
  border-radius: 12px !important;
  border-color: #2B2540 !important;

}
.black-categories .aspect-square{
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: auto;
  height: 350px;
}

.black-categories a.group{
  border-radius: 12px;
}

.flex.gap-4 a,
.flex.gap-4 button {
    background-color: rgba(0, 0, 0, 0) !important;
}
.flex.gap-4 a{
 white-space: nowrap !important;}

.black-reviews .p-8 {
  background-color: rgba(124, 111, 157, 0.1) !important;
  backdrop-filter: blur(1px);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(124, 111, 157,0.12);
}
.black-reviews .p-8:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}

header a:not(.navbar-brand) span,
header a:not(.navbar-brand) {
    font-size: 15px !important;
  color:#cbc5d8 !important;
}
.scroll-top {
  position: fixed;
  left: 16px;
  bottom: 40px;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  cursor: pointer;
  z-index: 999;
}


/* الحلقة المتقدمة (progress ring) */
.scroll-top::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  background: conic-gradient(
    #3b0a57 var(--scroll, 0%),
    transparent 0%);

  z-index: -1;
  -webkit-mask: radial-gradient(farthest-side, transparent 90%, black 96%);
}

/* =========================================
   إصلاح جميع أيقونات سلة
   ========================================= */

/* أيقونات Salla الأساسية */
[class^="sicon-"],
[class*=" sicon-"] {
    font-family: sallaicons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* مهم جدًا: إصلاح pseudo elements للأيقونات */
[class^="sicon-"]::before,
[class*=" sicon-"]::before,
[class^="sicon-"]::after,
[class*=" sicon-"]::after {
    font-family: sallaicons !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* البحث */
.sicon-search::before {
    font-family: sallaicons !important;
}

/* المستخدم */
.sicon-user::before {
    font-family: sallaicons !important;
}

/* حقيبة التسوق */
.sicon-shopping-bag2::before {
    font-family: sallaicons !important;
}

/* الريال */
.sicon-sar::before {
    font-family: sallaicons !important;
}

/* أيقونة القائمة */
.sicon-menu::before {
    font-family: sallaicons !important;
}

/* أيقونة السلة SVG */
.s-cart-summary-icon,
.s-cart-summary-icon svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.s-cart-summary-icon svg {
    width: 30px !important;
    height: 32px !important;
}
/* =========================================
   تحسين الموقع للجوال
   ========================================= */

@media (max-width: 768px) {

    /* النصوص العامة */
    p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* الروابط */
    a {
        font-size: 15px !important;
    }

    /* العناوين */
    h1 {
        font-size: 18px !important;
    }

    h2 {
        font-size: 20px !important;
    }

    /* عنوان الهيرو */
    h1.text-4xl.md\:text-6xl {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }

    /* اللوقو */
    .black-navbar-brand img {
        transform: scale(1.15) !important;
    }

    /* التصنيفات */
    .black-categories .aspect-square {
        height: 220px !important;
    }

    /* مراجعات العملاء */
    .black-reviews .p-8 {
        padding: 16px !important;
        border-radius: 12px !important;
    }

    /* زر الواتساب */
    a[href="https://wa.me/966563530690"] {
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    /* زر الرجوع للأعلى */
    .scroll-top {
        width: 28px !important;
        height: 28px !important;
        left: 12px !important;
        bottom: 25px !important;
    }

    /* أيقونات الهيدر */
    header .sicon-search,
    header .sicon-user,
    header .sicon-shopping-bag2 {
        font-size: 16px !important;
    }

    /* إلغاء أي تكبير زائد داخل الهيدر */
    header a:not(.navbar-brand) span {
        font-size: 14px !important;
    }
  /* شكل أزرار تسوقي الآن */
a[href*="/-/c1065822352"] {
    border: 2px solid #2B2540 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
  @media (max-width: 768px) {

    a.bg-\[--bg-color\],
    a[href*="/-/c1065822352"],
    a[href="https://wa.me/966563530690"] {
        font-size: 14px !important;
        padding: 8px 16px !important;
        width: fit-content !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 10px !important;
    }

}
  @media (min-width: 769px) {

    /* أزرار تسوقي الآن - الكمبيوتر */
    a[href*="/-/c1065822352"] {
        border: 2px solid #2B2540 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
}
  @media (max-width: 768px) {
    .s-menu-footer-list a.s-menu-footer-item:first-child {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
}
}