/* Add custom CSS styles below */ 
#mainnav .bg-inherit, .custom_content {
background-color: #fff7e5;
}
 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700&display=swap');

body {
font-family: 'Cairo', sans-serif; /* اختيار الخط */
font-size: 18px; /* حجم الخط الافتراضي */
 color: #333; /* لون النص */
 margin: 0;
text-align: justify; /* ضبط النص ليكون متناسقًا */
line-height: 1.8 !important; /* تحسين المسافة بين الأسطر */

}
p {
line-height: 1.8 !important; /* تحسين المسافة بين الأسطر */

color: #333; /* لون النص */
text-align: justify; /* ضبط النص ليكون متناسقًا */
}

p,span{
 font-size: 16px  ;
 font-weight: 200;
 }
 ol li a {
 font-size:18px;
 }
ol ,ol li{
 font-size: 16px;
 font-weight: 200;
 }
 
 ol li a {
 font-size:18px;
 }
ol li span  {
 font-size:18px !important;
 }
 #mobile-menu .main-nav-container .mobile-menu ul li a span {
 font-size:20px !important;
font-weight:bold;
 }
 .blog-category a {
font-size: 16px;
}
#mobile-menu .main-nav-container .mobile-menu ul li a span {
 font-size:20px !important;
font-weight:bold;
 }
 h1 {
font-size: 28px;  /* العنوان الرئيسي - الأهم */
font-weight: bold;
color: #333; /* لون النص */
margin-bottom: 15px;
}
h2 {
font-size: 26px !important;  /* العناوين الفرعية الرئيسية */
font-weight: bold;
color: #444;
margin-bottom: 12px;
}

h3 {
font-size: 24px;  /* عناوين ثانوية */
font-weight: bold;
color: #555;
margin-bottom: 10px;
}

h4 {
font-size: 20px;  /* عناوين أقل أهمية */
font-weight: bold;
color: #666;
}
p {
line-height: 1.5;  /* تحسين القراءة */
}
span {
font-weight: 200;
}


b, strong {
 font-size: 15px !important;
 font-weight: 700;
}

.main-nav-container .mobile-menu ul li a{
 font-size:20px !important;
font-weight:bold;
}

@media (max-width: 768px) {
.blog-category a {
font-size: 13px;
}
.mm-spn li a span {
 font-size: 16px;
}
ol li a {
 font-size:16px;
 }
ol li span  {
 font-size:16px !important;
 }
 p {
font-size: 13px;  /* النص الأساسي */
 line-height: 1.6;  /* تحسين القراءة */
}
span {
font-size: 13px;  /* نفس حجم الفقرات */
 font-weight: 200;
}
b, strong {
 font-size: 13px !important;
 font-weight: 600;
}
 h1 {
font-size: 24px;  /* العنوان الرئيسي - الأهم */
font-weight: bold;}
h2 {
font-size: 22px !important;
font-weight: bold;

}
}
.main-nav-container .mobile-menu ul li a span {
font-size: 20px !important;
font-weight: bold;
category-image, .category-thumbnail img {
  border-radius: 50%;
  object-fit: cover;
}
}


category-image, .category-thumbnail img {
  border-radius: 50%;
  object-fit: cover;
}

/* Blog Slider - Title & Description only */
.blog-slider__content h3 > a,
.blog-slider__content p.description {
    color: #ffffff !important;
}

/* الحفاظ على اللون الأبيض عند Hover / Focus / Visited */
.blog-slider__content h3 > a:hover,
.blog-slider__content h3 > a:focus,
.blog-slider__content h3 > a:visited {
    color: #ffffff !important;
}


/* تعديلات جلال */

.absolute.top-0.left-0.z-2.h-full.w-full.flex.justify-start.items-center.px-5
 {
    justify-content: center;
}

button.max-w-\[200px\].w-full.bg-\[var\(--m-color\)\].p-3.text-white.border.border-\[var\(--m-color\)\].rounded-\[4px\].hover\:bg-white.hover\:text-\[var\(--m-color\)\].transition-all.duration-300
 {
    display: none;
}

.rooms .s-slider-block__title .s-slider-block__title-left .s-slider-block__title-nav {
    display: none;
}
.galalHide {
  display: none;
}

p.ql-direction-rtl {
    display: none;
}

span.block.more-desc.text-\[var\(--color-primary-light\)\].cursor-pointer.font-medium.leading-\[25px\].mb-3 {
    display: none;
}

.ql-direction-rtl > span {
    line-height: 16px;
}

/* --- تنسيقات فوتر متجر سلة (مجمدات زين) --- */

/* 1. تغيير العناوين الرئيسية إلى الأبيض الناصع */
.store-footer__inner h3,
.store-footer__inner .s-contacts-title {
    color: #ffffff !important;
}

/* 2. تغيير نصوص "من نحن" والفقرات إلى لون أبيض هادئ (Off-white) */
.store-footer__inner p,
.store-footer__inner p span,
.store-footer__inner .ql-align-right span {
    color: #f3f4f6 !important;
}

/* 3. تغيير لون روابط الفوتر (روابط مهمة) إلى أبيض فاتح */
.store-footer__inner .s-menu-footer-item {
    color: #e5e7eb !important;
    transition: color 0.3s ease;
}

/* إضافة تأثير جميل عند تمرير الماوس على الروابط لتصبح بيضاء ناصعة */
.store-footer__inner .s-menu-footer-item:hover {
    color: #ffffff !important; 
}

/* 4. تغيير لون نصوص وسائل التواصل (الأرقام والإيميل) مع الحفاظ على الأيقونات البرتقالية */
.store-footer__inner .s-contacts-item .unicode {
    color: #e5e7eb !important;
}

/* 5. تغيير ألوان السجل الضريبي (العنوان والرقم) */
.store-footer__inner .text-text-grey {
    color: #d1d5db !important; /* لون رمادي فاتح جداً للعنوان */
}
.store-footer__inner b.text-sm {
    color: #ffffff !important; /* لون أبيض ناصع للرقم نفسه */
}

button.back-to-top.fixed.z-50.bottom-\[39px\].h-14.w-14.rounded-full.bg-\[var\(--m-color\)\].right-4.hidden.justify-center.items-center.border.border-solid.border-\[var\(--f-color\)\].text-white {
    display: none !important;
}

.sc-1au8ryl-0.dkuywW {
    display: none;
}

i.sicon-barcode.mx-1 {
    display: none;
}

.s-basket-gap-list .s-basket-gap-card:nth-child(n+3) {
    display: none !important;
}


//*زرار سلايدر الهيرو*//

.s-slider-container .swiper-slide > div.absolute.top-0.left-0.z-2.h-full.w-full.flex.justify-start.items-center.px-5 > div.text-center.w-fit > a {
    display: none !important;
}
.s-slider-container .swiper-slide {
    cursor: pointer;
}

a.flex.gap-2.text-sm.md\:text-base.lg\:text-lg.ml-1.font-bold.justify-center.items-center.mt-2.px-12.py-3.\!mx-auto.w-fit.rounded-lg

 {
    display: none;
}
//*زرار سلايدر الهيرو*//