/* Add custom CSS styles below */ 

:root {
  --mrhabra-primary: #fef007;
  --mrhabra-secondary: #ef1111;
  --mrhabra-light: #ffffff;
  --mrhabra-dark: #000000;
  --pt-green-color: #5cdb5c;
  --mrhabra-light-yellow: #fffc40;
}

        * {
            font-family: 'Noto Kufi Arabic', sans-serif;
            }
        /*-------*/
        
        /* Logo */
        #mainnav > div > div.f_logo.justify-self-center > a > img {
            transform: scale(2);
        }
        /*-----*/

        
        /* التحكم بقسم الأغنام المحلية في الصفحة الرئيسية
section.s-block.f_enhanced-square-photos.f_rounded-photos.container.page-content-section div.grid.f_image-one-sixth {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
}

section.s-block.f_enhanced-square-photos.f_rounded-photos.container.page-content-section div.grid.f_image-one-sixth a.f_image-entry {
  flex-basis: 13%;
  box-sizing: border-box;
}

section.s-block.f_enhanced-square-photos.f_rounded-photos.container.page-content-section div.grid.f_image-one-sixth a.f_image-entry img{
  border: 5px solid var(--mrhabra-primary);
  border-radius: 50%;
}

@media (max-width: 768px) {
  section.s-block.f_enhanced-square-photos.f_rounded-photos.container.page-content-section div.grid.f_image-one-sixth a.f_image-entry {
    flex-basis: 25%;
  }
}

div > a.f_image-entry > img.lazy.loaded  {
border: solid 2px #ef1111;
} */

/* التحكم بأيقونات ميزات الموقع في الصفحة الرئيسية */
div.f_features-item div.feature-icon i {
color: var(--mrhabra-secondary)!important;
font-size: 28px !important;
}
div.f_features-item h3 {
font-size: 12px !important;
}
div.flex.flex-wrap.justify-center.gap-4.py-4 div.f_features-item{
    box-shadow: 0 4px 15px #ee121136;
    max-width: 200px;
    max-height: 150px;
    border-radius: 15%;
}
/*-----*/

/* وصف المتجر الذي فوق ذيل الموقع في الصفحة الرئيسية */
div.about-us-block div.flex.flex-col.items-center p {
    text-align: center;
    max-width: 600px;
}
/*-----*/

/* ===تغيير اللون الأصفر في مواضع مخصصة=== */
/*في أسماء المنتجات والروابط في مسار الصفحة التي أنت فيها*/
a:hover, .breadcrumbs li a {
    --color-primary: #588157!important; /* أصفر داكن عند التحويم */
}

/* التحكم بأزرار الإجراءات في صفحة المنتج المفرد */
div.s-add-product-button-main button:hover {
background-color: var(--mrhabra-light-yellow);
color: black;
}

salla-mini-checkout-widget {
    --color-primary: black;
}
salla-mini-checkout-widget:hover {
    --color-primary: var(--pt-green-color);
}
/*-----*/

/* التحكم بجملة (إظهار الكل) في الصفحة الرئيسة */
a.f_block__display-all {
    color: var(--mrhabra-secondary);
}


span.swiper-pagination-bullet {
    background-color: var(--mrhabra-secondary);
}
/* ===انتهى الكود الخاص بتغيير اللون=== */

/* تنسيق قسم خدمة طلعات الشواء في الصفحة الرئيسية */
#f_enhanced-square-photos-slider-2 div.swiper-wrapper.s-slider-swiper-wrapper {
    justify-content: center !important;
}
/* --- نهاية الكود --- */