/* Add custom CSS styles below */ 
/* ==================================================
   تنسيق المقال الطويل أسفل صفحة المنتج - متجر الأصيل
   ================================================== */


/* ===== الحاوية الرئيسية للمقال ===== */
.allaseel-product-article {
    width: calc(100% - 48px);
    max-width: 1180px;
    margin: 46px auto 0;
    padding: 0;

    box-sizing: border-box;

    direction: rtl;
    text-align: right;
}


/* ===== إجبار جميع عناصر المقال على البدء من اليمين ===== */
.allaseel-product-article article,
.allaseel-product-article h2,
.allaseel-product-article h3,
.allaseel-product-article h4,
.allaseel-product-article p,
.allaseel-product-article ul,
.allaseel-product-article ol,
.allaseel-product-article li {
    direction: rtl;
    text-align: right;
}


/* ===== النص العادي ===== */
.allaseel-product-article p {
    font-size: 18px;
    line-height: 2;
    font-weight: 400;

    margin-top: 0;
    margin-bottom: 20px;
}


/* ===== H2 - العناوين الرئيسية ===== */
.allaseel-product-article h2 {
    font-size: 30px;
    line-height: 1.55;
    font-weight: 800;

    margin-top: 42px;
    margin-bottom: 16px;
}


/* أول H2 لا يحتاج مسافة كبيرة من الأعلى */
.allaseel-product-article article > h2:first-child {
    margin-top: 0;
}


/* ===== H3 - العناوين الفرعية ===== */
.allaseel-product-article h3 {
    font-size: 23px;
    line-height: 1.6;
    font-weight: 700;

    margin-top: 30px;
    margin-bottom: 12px;
}


/* ===== H4 لو استخدمناه لاحقًا ===== */
.allaseel-product-article h4 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;

    margin-top: 24px;
    margin-bottom: 10px;
}


/* ===== القوائم ===== */
.allaseel-product-article ul,
.allaseel-product-article ol {
    font-size: 18px;
    line-height: 2;

    margin-top: 8px;
    margin-bottom: 22px;

    padding-right: 24px;
    padding-left: 0;
}


.allaseel-product-article li {
    font-size: 18px;
    line-height: 2;

    margin-bottom: 6px;
}


/* ===== الروابط داخل المقال ===== */
.allaseel-product-article a {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ==================================================
   التابلت
   ================================================== */

@media (max-width: 1024px) {

    .allaseel-product-article {
        width: calc(100% - 36px);
        margin-top: 38px;
    }

    .allaseel-product-article p,
    .allaseel-product-article li,
    .allaseel-product-article ul,
    .allaseel-product-article ol {
        font-size: 17px;
    }

    .allaseel-product-article h2 {
        font-size: 27px;
    }

    .allaseel-product-article h3 {
        font-size: 22px;
    }
}


/* ==================================================
   الموبايل
   ================================================== */

@media (max-width: 767px) {

    /* مسافة مناسبة جدًا من يمين ويسار شاشة الموبايل */
    .allaseel-product-article {
        width: calc(100% - 28px);
        margin: 30px auto 0;
        padding: 0;
    }


    /* النص العادي */
    .allaseel-product-article p {
        font-size: 16px;
        line-height: 1.95;
        margin-bottom: 16px;
    }


    /* H2 */
    .allaseel-product-article h2 {
        font-size: 24px;
        line-height: 1.55;

        margin-top: 30px;
        margin-bottom: 12px;
    }


    /* H3 */
    .allaseel-product-article h3 {
        font-size: 20px;
        line-height: 1.6;

        margin-top: 24px;
        margin-bottom: 10px;
    }


    /* H4 */
    .allaseel-product-article h4 {
        font-size: 18px;

        margin-top: 20px;
        margin-bottom: 8px;
    }


    /* القوائم */
    .allaseel-product-article ul,
    .allaseel-product-article ol {
        font-size: 16px;
        line-height: 1.95;

        padding-right: 20px;
        margin-bottom: 18px;
    }


    .allaseel-product-article li {
        font-size: 16px;
        line-height: 1.95;
        margin-bottom: 5px;
    }
}


/* لون ذهبي هادئ لعناوين وصف المنتجات فقط */
[data-testid="store-product-description"] h1,
[data-testid="store-product-description"] h2,
[data-testid="store-product-description"] h3,
.product_description h1,
.product_description h2,
.product_description h3,
.allaseel-product-article h1,
.allaseel-product-article h2,
.allaseel-product-article h3 {
    color: #8F7334 !important;
}