/* === Ancestry.sa – خلفية عامة للمتجر === */

/* خلّي الأقسام والسلايدر شفافة عشان الخلفية تبان */
.s-block,
.s-slider-wrapper,
.s-products-slider-wrapper,
.s-products-list-wrapper,
.container {
  background: transparent !important;
}

/* دعم للوضع الداكن لو بيتفعّل */ .dark #mainnav.main-nav-container, .dark .top-navbar, .dark .store-header, .dark .tab-nav-outer { background-color: #1d1d1d !important; }

.dark body, .dark .app-inner{
background-color: #151515 !important;
}

/* ========== FAQ (Dark) ========== */
.dark .faq-container .faq-item {
  border-color: #2b343b !important;
}
.dark .faq-container .faq-item .question-outer {
  color: #e6ecef !important;
}
.dark .faq-container .faq-item .question-outer .faq-icon {
  background-color: #2f3a42 !important;
  color: #e6ecef !important;
}
.dark .faq-container .faq-item .question-outer:hover .faq-icon {
  background-color: #003b5c !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.35);
}

/* ========== Testimonials (Dark) ========== */
.dark .special-testimonial {
  border-color: #2b343b !important;
  background-color: transperant !important;
}
.dark .special-testimonial:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* ========== Slider Arrows (Dark) ========== */
.dark .s-slider-nav-arrow {
  background-color: #2f3a42 !important;
  box-shadow: none !important;
}
.dark .s-slider-nav-arrow svg path {
  fill: #e6ecef !important;
}
.dark .s-slider-nav-arrow:hover {
  background-color: #003b5c !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
.dark .s-slider-nav-arrow:hover svg path {
  fill: #ffffff !important;
}

/* ========== Know More Block (Dark) ========== */
.dark .know-more-inner {
  background-color: #1d1d1d !important;
  border-color: #2b343b !important;
  color: #e6ecef !important;
  box-shadow: none !important;
}
.dark .know-more-inner .k-title {
  color: #e6ecef !important;
}
.dark .know-more-inner .k-about-us,
.dark .know-more-inner .k-description,
.dark .know-more-inner .injaz_name {
  color: #b7c3cc !important;
}
.dark .know-more-inner .injaz_count {
  color: #90c7ff !important;
}
.dark .know-more-inner:hover {
  background-color: #202020 !important;
  border-color: #003b5c !important;
}



/* ====== Circle category cards – home-sec-3 ====== */

/* إطار دائري + تبطين بسيط حوالين الصورة */
.home-sec-3 .banner-entry{
  width: 220px;               /* تقديري، بيتمدّد ريسبونسف تحت */
  aspect-ratio: 1/1;          /* مربّع = دائرة بعد الـradius */
  border-radius: 50%;
  overflow: hidden;
  margin-inline: auto;         /* توسيط داخل الكولُّم */
  padding: 8px;                /* مسافة للإطار */
  position: relative;
}

/* الصورة نفسها */
.home-sec-3 .banner-entry .banner-img{
  width: 100%;
  height: 100%;
  object-fit: cover;           /* قصّ للصورة بحيث تملأ الدائرة */
  display: block;
  filter: saturate(1.02) contrast(1.02);
}

/* حل مشكلة صور lazy ببعض الثيمات */
.home-sec-3 .banner-entry img.lazy,
.home-sec-3 .banner-entry img.lazy-img{
  opacity: 1 !important;
}

/* لمعة خفيفة متحركة */
.home-sec-3 .banner-entry::after{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  pointer-events:none;
  transition: opacity .35s ease, transform .35s ease;
  opacity:.7;
}

/* عنوان أسفل الدائرة */
.home-sec-3 .banner-texts{
  margin-top: 12px !important;
}
.home-sec-3 .banner-texts .banner__title{
  font-weight: 700;
}

/* ألوان الإطار متناسقة مع الهوية */
.home-sec-3 .banner-entry{
  outline: 1px solid #e6ecef; 
}

/* إستجابة الشاشات */
@media (max-width: 1024px){
  .home-sec-3 .banner-entry{ width: 200px; }
}
@media (max-width: 640px){
  .home-sec-3 .grid{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .home-sec-3 .banner-entry{ width: 160px; padding: 6px; }
}






/* Add custom CSS styles below */ 
.section-main-title {
  display: flex;
  justify-content: center;
  text-align: center;
}

.section-main-title .s-block__title-right,
.section-main-title .block__title-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-main-title h2 {
  font-size: 2rem; /* أو 32px */
  font-weight: bold;
}

.section-main-title p {
  font-size: 2rem; /* أو 32px */
  font-weight: bold;
  margin-bottom:10px;
}

.rating h2 {
  margin-bottom: 2.2rem;
}


.banner1 {
background-color:#000000;
}


/* تحكم في الخلفية */
.custom-bg-center {
  background: url("your-background.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}


.banner2 {
  height: 50px; /* ارتفاع الشريط */
  display: flex;
  align-items: center; /* يوسّط النص عمودي */
  justify-content: center; /* يوسّط النص أفقي */
}

.banner2 .ad-ul {
  height: 50px !important; /* تأكيد الارتفاع */
  display: flex;
  align-items: center;
}

.banner2 .a-ad-text span {
  font-size: 17px; /* حجم النص */
  font-weight: bold; /* سماكة النص */
  line-height: 50px; /* يخلي النص مضبوط في منتصف الارتفاع */
}


.product__description img {
  display: block;      /* يشيل أي فراغ تحت الصورة */
  width: 100%;         /* يخلي الصورة تاخذ عرض الكونتينر كامل */
  height: auto;        /* يحافظ على التناسب */
  margin: 0;           /* يشيل أي مارجن */
  padding: 0;          /* يشيل أي بادنج */
}

.product__description h3,
.product__description {
  margin: 0;
  padding: 0;
}


/* كل أزرار التبويب داخل هذا القسم */
#featured-products-style2-4 .tabs .s-button-element,
#featured-products-style2-4 .tabs .s-button-element::before,
#featured-products-style2-4 .tabs .s-button-element::after {
  border-radius: 999px !important;
  overflow: hidden; /* يمنع أي بروز للحواف */
}


/* (اختياري) خصّص فقط أزرار التبويب */
#featured-products-style2-4 .tabs button.tab-trigger.s-button-element {
  border-radius: 999px !important;
  overflow: hidden; /* يمنع أي بروز للحواف */
}

/* تبويب القسم 5 — كبسولات */
#featured-products-style2-5 .tabs .s-button-element,
#featured-products-style2-5 .tabs .s-button-element::before,
#featured-products-style2-5 .tabs .s-button-element::after {
  border-radius: 999px !important;
  overflow: hidden; /* يمنع أي بروز للحواف */
}

/* الغلاف الخارجي لزر سالة (اختياري) */
#featured-products-style2-5 .tabs .s-button-wrap {
  border-radius: 999px !important;
    overflow: hidden; /* يمنع أي بروز للحواف */

}

#launcher {
  border-radius: 15px 15px 0 0 !important;
  font-weight: 500 !important;
}




/* حدود الكارت */
.faq-container .faq-item {
  border: 1px solid #cdd8df !important;
  border-radius: 12px;
  overflow: hidden;
}

/* لون سؤال */
.faq-container .faq-item .question-outer {
  color: #002f4a !important;
  font-weight: 500;
}

/* أيقونة + داخل الـ <i class="sicon-add faq-icon ..."> */
.faq-container .faq-item .question-outer .faq-icon {
  background-color: #cdd8df !important;  /* خلفية الدائرة */
  color: #002f4a !important;             /* يلوّن الـ ::before في بعض الثيمات */
  border-radius: 999px;
  display: inline-grid; place-items: center;
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}

/* لو الأيقونة مبنية بـ ::before (شائع في سلة) نلوّنها صراحة */
.faq-container .faq-item .question-outer .faq-icon::before {
  color: inherit !important;
 لبعض الثيمات القائمة على mask */
}

/* Hover */
.faq-container .faq-item .question-outer:hover .faq-icon {
  background-color: #002f4a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

/* Testimonials: خلفية شفافة + بوردر */
.special-testimonial,
.special-testimonial .special-testimonial__inner {
  background: transparent !important;
}

.special-testimonial {
  border: 1px solid #cdd8df !important;
  border-radius: 12px;       /* يطابق rounded-xl */
  overflow: hidden;
}

/* احتياط لو الثيم يلوّن السلايد نفسه */
.swiper .swiper-slide {
  background: transparent !important;
}

/* (اختياري) ظل خفيف عند الهوفر */
.special-testimonial:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

/* الزر نفسه */
.s-slider-nav-arrow {
  background-color: #cdd8df !important; /* خلفية الزر */
  border-radius: 50%;                   /* شكل دائري */
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
  box-shadow: none !important;          /* إلغاء أي ظل افتراضي */
  position: relative;
  z-index: 5;                           /* فوق المحتوى */
}

/* الأيقونة SVG داخل الزر */
.s-slider-nav-arrow svg path {
  fill: #003b5c !important;             /* لون السهم */
  stroke: none !important;              /* يشيل أي حدود */
  filter: none !important;              /* يشيل أي تأثير */
  transition: fill .25s ease, transform .25s ease;
}

/* عند الهوفر */
.s-slider-nav-arrow:hover {
  background-color: #bfcbd3 !important; /* درجة أغمق بسيطة */
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  transform: scale(1.05);               /* تكبير خفيف للزر */
}

.s-slider-nav-arrow:hover svg path {
  fill: #ffffff !important;             /* خلي السهم أبيض عند الهوفر */
  transform: translateX(1px);           /* حركة خفيفة */
}

/* حالة disabled */
.s-slider-nav-arrow[disabled],
.s-slider-nav-arrow[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}


/* اراء العملاء */
/* البلوك الرئيسي */
.know-more-inner {
  background-color: #f9fbfc !important; /* خلفية جديدة */
  border: 1px solid #cdd8df !important; /* بوردر */
  border-radius: 16px;                  /* زوايا ناعمة */
  color: #002f4a !important;            /* لون النص الافتراضي */
}

/* العنوان الرئيسي */
.know-more-inner .k-title {
  color: #003b5c !important; /* لون العنوان */
  font-weight: 700;
}

/* النصوص الثانوية (الوصف + "من نحن") */
.know-more-inner .k-about-us,
.know-more-inner .k-description,
.know-more-inner .injaz_name {
  color: #4b5563 !important; /* لون نصوص ثانوية */
}

/* الأرقام داخل البلوك */
.know-more-inner .injaz_count {
  color: #003b5c !important; /* لون الأرقام */
  font-size: 1.4rem;
  font-weight: bold;
}

/* تأثير عند الهوفر */
.know-more-inner:hover {
  background-color: #eef3f6 !important;
  border-color: #003b5c !important;
  transition: all 0.3s ease;
}


.s-slider-nav-arrow {
  box-shadow: none !important;   /* يلغي أي ظل */
  outline: none !important;      /* يلغي التحديد وقت الضغط */
}

.s-slider-nav-arrow:focus,
.s-slider-nav-arrow:active {
  box-shadow: none !important;
  outline: none !important;
}


.product-block .badge {
border-radius: 0px 0 0px 14px !important;
}