/* ==================================================
   LTHR STORE TYPOGRAPHY
   Tajawal + Larger Readable Text
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');


/* ==================================================
   1. الخط الأساسي للمتجر كله
================================================== */

html,
body,
body *:not(i):not(svg):not(path) {
    font-family: "Tajawal", Arial, sans-serif !important;
}

html {
    font-size: 16px !important;
}

body {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* ==================================================
   2. النصوص العامة
================================================== */

body p,
body li,
body label,
body td,
body th {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}


/* ==================================================
   3. الروابط
================================================== */

body a {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-weight: 600 !important;
}


/* ==================================================
   4. العناوين
================================================== */

body h1 {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

body h2 {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

body h3 {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

body h4,
body h5,
body h6 {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

body strong,
body b {
    font-weight: 700 !important;
}


/* ==================================================
   5. القائمة الرئيسية
================================================== */

.main-menu a,
.main-menu li,
.main-menu span,
header nav a,
header nav span,
nav a,
nav li,
nav span,
[class*="main-menu"] a,
[class*="main-menu"] span,
[class*="navigation"] a,
[class*="navigation"] span {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}


/* ==================================================
   6. القائمة الجانبية وقائمة الجوال
================================================== */

.mobile-menu a,
.mobile-menu span,
.mobile-menu li,
.sidebar-menu a,
.sidebar-menu span,
.side-menu a,
.side-menu span,
.s-menu a,
.s-menu span,
.mm-spn a,
.mm-spn span,
[class*="mobile-menu"] a,
[class*="mobile-menu"] span,
[class*="side-menu"] a,
[class*="side-menu"] span,
[class*="sidebar"] a,
[class*="sidebar"] li,
[class*="sidebar"] span,
[class*="drawer"] a,
[class*="drawer"] li,
[class*="drawer"] span,
[class*="menu"] li > a {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}


/* ==================================================
   7. التصنيفات
================================================== */

[class*="category"] a,
[class*="category"] span,
[class*="category"] h2,
[class*="category"] h3,
[class*="categories"] a,
[class*="categories"] span {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}


/* ==================================================
   8. أسماء المنتجات
================================================== */

.product-title,
.product-name,
.s-product-card-content-title,
.s-product-card-content-title a,
[class*="product-title"],
[class*="product-name"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}


/* ==================================================
   9. وصف المنتج
================================================== */

.product-description,
.s-product-description,
.product-details,
[class*="product-description"],
[class*="description"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 2 !important;
}

.product-description p,
.s-product-description p,
.product-details p,
[class*="product-description"] p,
[class*="description"] p {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 2 !important;
}


/* ==================================================
   10. الأسئلة الشائعة ووصف الأقسام
================================================== */

.accordion,
.accordion *,
[class*="accordion"],
[class*="faq"] {
    font-family: "Tajawal", Arial, sans-serif !important;
}

[class*="accordion"] p,
[class*="faq"] p {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}

[class*="accordion"] h3,
[class*="accordion"] h4,
[class*="faq"] h3,
[class*="faq"] h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
}


/* ==================================================
   11. الأسعار
================================================== */

.price,
.product-price,
[class*="price"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-weight: 800 !important;
}


/* ==================================================
   12. الأزرار
================================================== */

button,
.btn,
.button,
.s-button-element,
a[class*="btn"],
a[class*="button"],
[class*="button"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}


/* ==================================================
   13. حقول صفحة الحجز
================================================== */

input,
textarea,
select,
option,
.form-control,
.s-form-control {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

label,
.form-label,
[class*="form-label"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}


/* ==================================================
   14. النصوص الصغيرة
================================================== */

small,
.text-xs,
[class~="text-xs"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.text-sm,
[class~="text-sm"] {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}


/* ==================================================
   15. Breadcrumb
================================================== */

.breadcrumb,
.breadcrumb a,
.breadcrumb span,
salla-breadcrumb,
salla-breadcrumb * {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}


/* ==================================================
   16. الفوتر
================================================== */

footer,
footer p,
footer li,
footer a,
footer span {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

footer h3,
footer h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
}


/* ==================================================
   17. الجوال
================================================== */

@media screen and (max-width: 767px) {

    html,
    body {
        font-size: 16px !important;
    }

    body p,
    body li,
    body label {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }

    body h1 {
        font-size: 25px !important;
    }

    body h2 {
        font-size: 22px !important;
    }

    body h3 {
        font-size: 19px !important;
    }

    body h4,
    body h5,
    body h6 {
        font-size: 17px !important;
    }


    /* قائمة الجوال والتصنيفات */
    .mobile-menu a,
    .mobile-menu span,
    .mobile-menu li,
    .sidebar-menu a,
    .sidebar-menu span,
    .side-menu a,
    .side-menu span,
    .s-menu a,
    .s-menu span,
    .mm-spn a,
    .mm-spn span,
    [class*="mobile-menu"] a,
    [class*="mobile-menu"] span,
    [class*="side-menu"] a,
    [class*="side-menu"] span,
    [class*="sidebar"] a,
    [class*="sidebar"] span,
    [class*="drawer"] a,
    [class*="drawer"] span,
    [class*="menu"] li > a,
    [class*="category"] a,
    [class*="category"] span {
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.7 !important;
    }


    /* وصف المنتج */
    .product-description,
    .s-product-description,
    .product-details,
    [class*="product-description"],
    [class*="description"],
    .product-description p,
    .s-product-description p,
    .product-details p {
        font-size: 15px !important;
        line-height: 2 !important;
        font-weight: 500 !important;
    }


    /* أسماء المنتجات */
    .product-title,
    .product-name,
    .s-product-card-content-title,
    .s-product-card-content-title a,
    [class*="product-title"],
    [class*="product-name"] {
        font-size: 16px !important;
        font-weight: 700 !important;
    }


    /* الأزرار */
    button,
    .btn,
    .button,
    .s-button-element,
    a[class*="btn"],
    a[class*="button"] {
        font-size: 15px !important;
        font-weight: 700 !important;
    }


    /* حقول الحجز */
    input,
    textarea,
    select,
    option {
        font-size: 16px !important;
    }

}