/* Add custom CSS styles below */ 
/* ==========================
   الألوان الأساسية
   كريمي: #F3E8D8 | ذهبي: #B8934B | عنابي: #6B1E2E | نص أسود/بني غامق
========================== */

/* الهيدر */
header,
.main-header {
    background-color: #F3E8D8 !important;
    border-bottom: 1px solid #B8934B33;
}

/* جميع النصوص */
body,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li {
    color: #2B1810 !important;
}

/* روابط الهيدر */
header a,
.main-header a {
    color: #2B1810 !important;
}

header a:hover,
.main-header a:hover {
    color: #6B1E2E !important;
}

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

.btn-primary {
    background: #6B1E2E !important;
    border-color: #6B1E2E !important;
    color: #F3E8D8 !important;
}

.btn-primary:hover {
    background: #B8934B !important;
    border-color: #B8934B !important;
    color: #2B1810 !important;
}

/* أزرار ثانوية (ذهبي) - اختياري */
.btn-secondary {
    background: transparent !important;
    border: 1.5px solid #B8934B !important;
    color: #B8934B !important;
}

.btn-secondary:hover {
    background: #B8934B !important;
    color: #F3E8D8 !important;
}

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

footer,
.main-footer {
    background: #F3E8D8 !important;
    color: #2B1810 !important;
    border-top: 2px solid #B8934B;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    padding-top: 50px;
    margin-top: 40px;
}

/* عناوين الفوتر */
footer h2,
footer h3,
footer h4,
footer h5 {
    color: #6B1E2E !important;
}

/* روابط الفوتر */
footer a,
footer li,
footer span,
footer p {
    color: #2B1810 !important;
}

/* لون الروابط عند المرور */
footer a:hover {
    color: #6B1E2E !important;
}

/* إزالة أي خلفية بيضاء داخل الفوتر */
footer * {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==========================
   صفحات المحتوى (من نحن وغيرها)
========================== */

.page-content,
.content-page,
.s-content,
.article-content {
    background: #F3E8D8 !important;
    color: #2B1810 !important;
    border-radius: 20px;
    padding: 30px;
    border: 1px solid #B8934B33;
}

.page-content h1,
.page-content h2,
.page-content h3 {
    color: #6B1E2E !important;
}

.page-content p,
.page-content a {
    color: #2B1810 !important;
}
/* تصغير شعار الفوتر */
.asl-footer-logo {
    width: 130px !important;
    max-width: 130px !important;
    height: auto !important;
    max-height: 110px !important;
    object-fit: contain !important;
}

/* الجوال */
@media screen and (max-width: 768px) {
    .asl-footer-logo {
        width: 115px !important;
        max-width: 115px !important;
        max-height: 100px !important;
        margin: 0 auto 15px !important;
    }
}
/* توسيط النص أسفل الشعار */
.asl-footer-description {
    display: block !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    text-align: center !important;
    line-height: 2 !important;
    font-size: 15px !important;
    color: #2B1810 !important;
    direction: rtl !important;
}

/* للجوال */
@media (max-width: 768px) {
    .asl-footer-description {
        max-width: 300px !important;
        font-size: 14px !important;
        line-height: 2.2 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
}
/* توسيط الشعار في الكمبيوتر فقط */
@media (min-width: 992px) {

    .asl-footer-brand {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    .asl-footer-logo {
        display: block !important;
        width: 140px !important;
        max-width: 140px !important;
        height: auto !important;
        margin: 0 auto 20px !important;
    }

    .asl-footer-description {
        max-width: 350px !important;
        margin: 0 auto !important;
        text-align: center !important;
        line-height: 2 !important;
    }
}
/* =========================================
   الشعار في منتصف الفوتر
========================================= */

.asl-footer-center{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:40px;
}

.asl-footer-brand{
    align-items:center !important;
    text-align:center !important;
    margin:0 auto !important;
}

.asl-footer-logo{
    width:120px !important;
    max-width:120px !important;
    margin:0 auto 15px !important;
}

.asl-footer-description{
    max-width:340px !important;
    margin:0 auto !important;
    text-align:center !important;
    line-height:2 !important;
}

@media (max-width:768px){

    .asl-footer-center{
        margin-bottom:30px;
    }

    .asl-footer-logo{
        width:105px !important;
    }

    .asl-footer-description{
        max-width:300px !important;
    }
}