.elementor-3221 .elementor-element.elementor-element-d345026{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5b3a9c3 */@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;700&display=swap');

.asma-footer {
    background-color: #1a1a1a;
    color: #f0f0f0;
    font-family: 'Tajawal', sans-serif;
    padding-top: 50px;
    font-size: 14px;
    border-top: 4px solid #c5a059;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px 30px;
    gap: 30px;
}

.footer-col {
    flex: 1;
    min-width: 200px; /* تحسين العرض للجوال */
}

/* تنسيق الشعار ليكون صغيراً وأنيقاً */
.brand-col {
    flex: 1.2;
}

.footer-logo {
    width: 130px; /* تم تحديد العرض هنا ليكون صغيراً ومناسباً */
    height: auto;
    margin-bottom: 15px;
    display: block;
}

.brand-desc {
    line-height: 1.6;
    color: #ccc;
    margin-bottom: 20px;
    font-size: 13px;
    max-width: 90%;
}

/* العناوين */
.footer-col h3 {
    color: #c5a059;
    font-size: 17px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
}

.footer-col h3::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 35px;
    height: 2px;
    background-color: #c5a059;
}

/* الروابط والقوائم */
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    color: #ddd;
    text-decoration: none;
    transition: 0.3s;
    display: block;
}

.footer-col ul li a:hover {
    color: #c5a059;
    padding-right: 5px;
}

/* أيقونات السوشيال */
.social-icons {
    display: flex;
    gap: 10px;
}

.social-icons a {
    width: 35px;
    height: 35px;
    background: #333;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    text-decoration: none;
}

.social-icons a:hover {
    background: #c5a059;
    transform: translateY(-3px);
}

/* تواصل معنا */
.contact-col p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #ccc;
}

.contact-col i {
    color: #c5a059;
}

/* أسفل الفوتر */
.footer-bottom {
    background-color: #111;
    text-align: center;
    padding: 15px;
    border-top: 1px solid #333;
    font-size: 13px;
}

.gold-text { color: #c5a059; }

/* =========================================
   تنسيق الجوال (Mobile Layout Fixes)
   ========================================= */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center; /* توسيط كل شيء */
        gap: 40px; /* مسافة بين الأقسام في الجوال */
    }

    /* توسيط الشعار في الجوال */
    .footer-logo {
        margin: 0 auto 20px auto; 
    }

    /* توسيط النبذة وأيقونات السوشيال */
    .brand-desc {
        margin: 0 auto 20px auto;
    }
    .social-icons {
        justify-content: center;
    }

    /* توسيط الخط تحت العناوين */
    .footer-col h3::after {
        right: 50%;
        transform: translateX(50%);
    }

    /* توسيط معلومات الاتصال */
    .contact-col p {
        justify-content: center;
    }
    
    /* إلغاء حركة الروابط عند اللمس لتجنب المشاكل */
    .footer-col ul li a:hover {
        padding-right: 0;
    }
}/* End custom CSS */