@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] .pkp_navigation_primary a,
html[lang="ar"] .pkp_navigation_user a,
html[lang="ar"] .pkp_block a,
html[lang="ar"] .pkp_button,
html[lang="ar"] .obj_article_summary a {
    font-family: 'Cairo', sans-serif !important;
}

html[lang="en"] body,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] a,
html[lang="en"] button,
html[lang="en"] .pkp_navigation_primary a,
html[lang="en"] .pkp_navigation_user a,
html[lang="en"] .pkp_block a,
html[lang="en"] .pkp_button,
html[lang="en"] .obj_article_summary a {
    font-family: 'Roboto', sans-serif !important;
}

.fa, .fas, .far, .fab,
[class^="fa-"], [class*=" fa-"],
.fa:before, .fas:before, .far:before, .fab:before {
    font-family: "Font Awesome 5 Free","FontAwesome" !important;
    font-weight: 900;
}

.pkp_icon,
.pkp_icon:before {
    font-family: "PKP-Icons" !important;
}
/* ===== الشعار ===== */
.navbar-brand.navbar-brand-logo img {
    max-height: 85px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain;
}

/* ===== مسافة من الأسفل ===== */
.navbar-brand.navbar-brand-logo {
    padding-bottom: 10px;
}

/* ===== CONTACT بالعربي ===== */
html[lang="ar"] a[href*="contact"] {
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

html[lang="ar"] a[href*="contact"] i,
html[lang="ar"] a[href*="contact"] .fa,
html[lang="ar"] a[href*="contact"] .pkp_icon {
    font-size: 14px !important;
}

html[lang="ar"] a[href*="contact"]::after {
    content: "اتصل بنا";
    font-size: 14px;
}

/* ===== MY ACCOUNT بالعربي ===== */
html[lang="ar"] a:has(.fa-user),
html[lang="ar"] a:has(.pkp_icon_user) {
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

html[lang="ar"] a:has(.fa-user) i,
html[lang="ar"] a:has(.pkp_icon_user) i {
    font-size: 14px !important;
}

html[lang="ar"] a:has(.fa-user)::after,
html[lang="ar"] a:has(.pkp_icon_user)::after {
    content: "حسابي";
    font-size: 14px;
}


/* ===== خلفية الفوتر ===== */
.pkp_structure_footer_wrapper {
    background: linear-gradient(180deg, #2f2a28 0%, #25201f 100%) !important;
    padding: 60px 0 30px !important;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* ===== layout ===== */
.footer-pro {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.footer-col {
    flex: 1;
    min-width: 260px;
}

/* ===== النصوص ===== */
.footer-col h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
}

.footer-col p,
.footer-col li {
    color: #d6d6d6;
    line-height: 1.9;
    font-size: 15px;
}

/* ===== الروابط ===== */
.footer-col a {
    color: #4da3ff;
    text-decoration: none;
}

.footer-col a:hover {
    color: #ffffff;
}

/* ===== القائمة ===== */
.footer-col ul {
    list-style: none;
    padding: 0;
}

/* ===== الأيقونات ===== */
.footer-col [class^="icon-"]::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
}

/* icons */
.icon-book::before { content: "\f518"; }
.icon-barcode::before { content: "\f02a"; }
.icon-link::before { content: "\f0c1"; }
.icon-arrow::before { content: "\f105"; }
.icon-mail::before { content: "\f0e0"; }
.icon-globe::before { content: "\f0ac"; }
.icon-location::before { content: "\f3c5"; }

/* ===== ENGLISH ===== */
html[lang="en"] .footer-col {
    direction: ltr;
    text-align: left;
}

html[lang="en"] .footer-col [class^="icon-"]::before {
    margin-right: 8px;
}

/* ===== ARABIC (الحل النهائي 💥) ===== */
html[lang="ar"] .footer-col {
    direction: rtl;
    text-align: right;
}

/* 💥 نخلي كلشي inline حتى يترتب صح */
html[lang="ar"] .footer-col h3,
html[lang="ar"] .footer-col p,
html[lang="ar"] .footer-col li {
    display: block !important;
}

/* الأيقونة يمين النص */
html[lang="ar"] .footer-col [class^="icon-"]::before {
    margin-left: 8px;
    margin-right: 0;
}

/* 💥 سهم عربي */
html[lang="ar"] .icon-arrow::before {
    content: "\f104";
}

/* ===== حذف الفوتر القديم ===== */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}

/* ===== خط فاصل ===== */
.footer-pro::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 25px;
    background: rgba(255,255,255,0.08);
}

/* ===== موبايل ===== */
@media (max-width: 768px) {
    .footer-pro {
        gap: 25px;
    }

    .footer-col {
        min-width: 100%;
    }
}