/* =========================================================
   مجلة جامعة تكريت للحقوق — Custom OJS Footer
   الخلفية:       #042F40
   النص الأساسي:  #DDDFDE
   اللون الثانوي: #45A48E
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap");

/* =========================================================
   إعادة ضبط حاوية الفوتر الأصلية في OJS
========================================================= */

html body .pkp_structure_footer_wrapper,
html body .pkp_structure_footer,
html body .pkp_footer_content {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #042F40 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* إخفاء شعار OJS الافتراضي */
html body .pkp_brand_footer {
    display: none !important;
}

/* إزالة العناصر الوهمية التي يضيفها القالب */
html body .pkp_structure_footer::before,
html body .pkp_structure_footer::after,
html body .pkp_footer_content::before,
html body .pkp_footer_content::after {
    display: none !important;
    content: none !important;
}

/* =========================================================
   الحاوية الرئيسية
========================================================= */

html body .tujr-footer {
    display: block !important;
    direction: rtl !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 48px 45px 42px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;

    background: #042F40 !important;
    color: #DDDFDE !important;

    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    text-align: right !important;

    box-sizing: border-box !important;
}

html body .tujr-footer,
html body .tujr-footer * {
    box-sizing: border-box !important;
}

/* =========================================================
   الجدول الأفقي
   استخدام الجدول يمنع OJS من جعل الأعمدة عمودية
========================================================= */

html body .pkp_footer_content .tujr-footer-table {
    display: table !important;
    direction: rtl !important;

    width: 100% !important;
    min-width: 1000px !important;
    max-width: 1450px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 34px 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .pkp_footer_content .tujr-footer-table > tbody {
    display: table-row-group !important;
    width: 100% !important;
    background: transparent !important;
}

html body .pkp_footer_content .tujr-footer-table > tbody > tr {
    display: table-row !important;
    width: 100% !important;
    background: transparent !important;
}

html body .pkp_footer_content .tujr-footer-table > tbody > tr > td {
    display: table-cell !important;
    float: none !important;
    clear: none !important;

    position: static !important;

    width: 25% !important;
    min-width: 220px !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    vertical-align: top !important;
    text-align: right !important;

    color: #DDDFDE !important;
    background: transparent !important;
    border: 0 !important;
}

/* =========================================================
   عمود الشعار
========================================================= */

html body .tujr-footer-brand {
    text-align: right !important;
}

html body .tujr-footer-logo-link {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .tujr-footer-logo {
    display: block !important;

    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    max-height: 165px !important;

    margin: 0 0 20px auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: right center !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .tujr-footer-name {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #45A48E !important;

    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;

    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 5px !important;

    background: transparent !important;
    border: 0 !important;
}

/* =========================================================
   عناوين الأعمدة
========================================================= */

html body .tujr-footer-title {
    display: block !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 0 11px !important;

    color: #DDDFDE !important;
    background: transparent !important;

    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;

    border: 0 !important;
    border-bottom: 1px solid #45A48E !important;
}

/* =========================================================
   القوائم
========================================================= */

html body .tujr-footer-list {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;
}

html body .tujr-footer-list li {
    display: block !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #DDDFDE !important;
    background: transparent !important;

    list-style: none !important;
    border: 0 !important;
}

html body .tujr-footer-list li::before,
html body .tujr-footer-list li::after,
html body .tujr-footer-list li::marker {
    display: none !important;
    content: "" !important;
}

/* =========================================================
   الروابط والنصوص
========================================================= */

html body .tujr-footer a {
    color: #DDDFDE !important;
    background: transparent !important;

    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 2 !important;

    text-decoration: none !important;

    border: 0 !important;
    box-shadow: none !important;

    transition: color 0.2s ease !important;
}

html body .tujr-footer a:hover,
html body .tujr-footer a:focus {
    color: #45A48E !important;
    text-decoration: none !important;
}

html body .tujr-footer p {
    display: block !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #DDDFDE !important;
    background: transparent !important;

    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 2 !important;

    border: 0 !important;
}

/* البريد الإلكتروني */
html body .tujr-footer-email {
    display: inline-block !important;

    direction: ltr !important;
    unicode-bidi: embed !important;

    color: #45A48E !important;

    font-family: "Times New Roman", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;

    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;

    overflow-wrap: anywhere !important;
}

/* =========================================================
   اللغة العربية
========================================================= */

html[lang^="ar"] body .tujr-footer,
html[lang^="ar"] body .tujr-footer-table {
    direction: rtl !important;
}

html[lang^="ar"] body .tujr-footer-table td,
html[lang^="ar"] body .tujr-footer-brand {
    text-align: right !important;
}

html[lang^="ar"] body .tujr-footer-logo {
    margin-right: 0 !important;
    margin-left: auto !important;
    object-position: right center !important;
}

/* =========================================================
   اللغة الإنجليزية
========================================================= */

html[lang^="en"] body .tujr-footer,
html[lang^="en"] body .tujr-footer-table {
    direction: ltr !important;
}

html[lang^="en"] body .tujr-footer-table td,
html[lang^="en"] body .tujr-footer-brand {
    text-align: left !important;
}

html[lang^="en"] body .tujr-footer-logo {
    margin-left: 0 !important;
    margin-right: auto !important;
    object-position: left center !important;
}

html[lang^="en"] body .tujr-footer,
html[lang^="en"] body .tujr-footer * {
    font-family: "Times New Roman", Georgia, serif !important;
}

html[lang^="en"] body .tujr-footer-title {
    font-size: 20px !important;
    font-weight: 700 !important;
}

html[lang^="en"] body .tujr-footer a,
html[lang^="en"] body .tujr-footer p,
html[lang^="en"] body .tujr-footer-list li {
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* =========================================================
   الشاشات المتوسطة والضيقة
   يبقى الفوتر أفقيًا مع تمرير جانبي عند الحاجة
========================================================= */

@media screen and (max-width: 1100px) {
    html body .tujr-footer {
        padding: 35px 20px !important;
    }

    html body .pkp_footer_content .tujr-footer-table {
        width: 1000px !important;
        min-width: 1000px !important;
        max-width: none !important;

        border-spacing: 26px 0 !important;
    }

    html body .pkp_footer_content .tujr-footer-table > tbody > tr > td {
        width: 250px !important;
        min-width: 250px !important;
    }

    html body .tujr-footer-logo {
        max-width: 260px !important;
    }
}

@media screen and (max-width: 600px) {
    html body .tujr-footer {
        padding: 28px 16px !important;
    }

    html body .pkp_footer_content .tujr-footer-table {
        width: 920px !important;
        min-width: 920px !important;

        border-spacing: 22px 0 !important;
    }

    html body .pkp_footer_content .tujr-footer-table > tbody > tr > td {
        width: 230px !important;
        min-width: 230px !important;
    }
}