/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

body, 
body * {
    font-family: 'Tajawal', sans-serif !important;
}




:root {
    --primary-color: #003049;
    --secondary-color: #669bbc;
    --background-color: #fff7e6;
    --text-color: #003049;
}

/* خلفيات الموقع */
body, .main-content, .section, .page-content {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
}

/* الروابط */
a {
    color: var(--secondary-color) !important;
}

a:hover {
    color: var(--primary-color) !important;
    text-decoration: underline;
}

/* الأزرار */
button, .btn, .button, input[type="submit"] {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 10px 20px !important;
    transition: 0.3s ease;
}

button:hover, .btn:hover, .button:hover, input[type="submit"]:hover {
    background-color: var(--secondary-color) !important;
}

/* مربعات المنتجات أو الكروت */
.product-card, .card, .box, .product-box {
    background-color: #fff !important;
    border: 1px solid var(--secondary-color) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}




.s-block--logos-slider.s-block--full-bg {
    background-color: #669bbc !important; /* اللون اللي تريده */
    padding: 40px 20px; /* اختياري لتظبيط المسافات */
    border-radius: 12px; /* اختياري للزوايا */
    color: #003049 !important; /* لو عايز تغير لون النص */
} 


#featured-products-style2-9 {
    background-color: transparent !important;
}




footer p {
    color: #669bbc !important; /* اللبني المطلوب */
}

footer b.text-sm {
    color: #669bbc !important; /* اللبني */
    font-weight: normal !important; /* لو عايز تخليه أخف */
} 


footer .container::before {
    content: "";
    display: block;
    width: 150px;         /* عرض اللوجو */
    height: 70px;          /* ارتفاع اللوجو */
    background-image: url('https://las-bazar.com/logo.png'); /* هنا تحط رابط اللوجو بتاعك */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 20px auto; /* عشان يكون في النص */
}

/* لو عايز تخلي اللوجو أصغر على الموبايل */
@media (max-width: 600px) {
    footer .container::before {
        width: 120px;
        height: 60px;
    }
}


#featured-products-style2-8 {
    background: transparent !important;
}



#featured-products-style2-8 button,
#featured-products-style2-8 .s-button-btn {
    background-color: #669bbc !important; /* اللون الأساسي */
    color: #fff !important;                /* لون الكتابة */
    border: none !important;               /* يشيل البوردر لو موجود */
    border-radius: 8px;                    /* حواف ناعمة */
    padding: 10px 20px;                    /* مسافة داخلية */
    transition: all 0.3s ease-in-out;      /* موشن ناعم */
}

#featured-products-style2-8 button,
#featured-products-style2-8 .s-button-element,
#featured-products-style2-8 .s-button-btn,
#featured-products-style2-8 .tab-trigger {
    background-color: #669bbc !important; /* اللبني */
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

button,
.s-button-element,
.s-button-btn,
.tab-trigger,
button[type="button"],
button[type="submit"],
a.s-button-element {
    background-color: #669bbc !important; /* اللبني */
    color: #fff !important;
    border: none !important;
    border-radius: 8px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

/* هوفر */
button:hover,
.s-button-element:hover,
.s-button-btn:hover,
.tab-trigger:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
a.s-button-element:hover {
    background-color: #003049 !important; /* الكحلي عند الهوفر */
    color: #fff !important;
}

/* تغيير لون أيقونات التصنيفات لكل الصور */
.s-block-categories .s-block--categories--item img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(18%) saturate(300%) hue-rotate(169deg) brightness(95%) contrast(90%);
  transition: filter 0.3s ease-in-out;
}

/* اللون عند الوقوف (Hover) */
.s-block-categories .s-block--categories--item:hover img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(500%) hue-rotate(169deg) brightness(90%) contrast(95%);
}





[aria-label="footer"] {
    background-color: #669bbc !important;
}

[aria-label="footer"] h4, 
[aria-label="footer"] h5, 
[aria-label="footer"] .footer-title {
    color: #003049 !important;
    font-weight: bold !important;
}

[aria-label="footer"] p,
[aria-label="footer"] li,
[aria-label="footer"] a,
[aria-label="footer"] span,
[aria-label="footer"] b {
    color: #ffffff !important;
    opacity: 1 !important;
}

[aria-label="footer"] svg,
[aria-label="footer"] i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* الرقم الضريبي */
[aria-label="footer"] .text-sm {
    color: #ffffff !important;
}

#featured-products-style2-7 {
    background-color: #fff7e6 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}



.s-product-card-image-cover.lazy.loaded,
.s-product-card-image {
    object-fit: contain !important;
    background-color: #fff !important;
}