/* =========================================================
   [مقيَّد بمستوى الموقع] كل القواعد أدناه تعمل فقط في صفحات لا تحتوي القائمة الرئيسية
   body:not(:has(.pkp_navigation_primary)) = صفحات الموقع (البوابة، دخول/تسجيل/بحث الموقع)،
   فلا تؤثر على صفحات أي مجلة لأن لكل مجلة قائمة رئيسية وستايلها الخاص.
   ========================================================= */
/* =========================================================
   بوابة مجلات كلية فلسطين التقنية — ستايل مستوى الموقع (Site)
   يوضع في: Administration ← Site Settings ← Appearance ← Advanced
   نفس هوية ستايل المجلة (الألوان والخطوط والترويسة والفوتر)
   ========================================================= */

/* ---------- 1. FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700&family=Tajawal:wght@400;500;700&display=swap');


/* ---------- 2. GENERAL ---------- */
body:not(:has(.pkp_navigation_primary)) {
    font-family: "Tajawal", "Segoe UI", Arial, sans-serif !important;
    background: #f5f8fa !important;
    color: #243746 !important;
}

body:not(:has(.pkp_navigation_primary)) p,
body:not(:has(.pkp_navigation_primary)) li,
body:not(:has(.pkp_navigation_primary)) td,
body:not(:has(.pkp_navigation_primary)) th,
body:not(:has(.pkp_navigation_primary)) input,
body:not(:has(.pkp_navigation_primary)) textarea,
body:not(:has(.pkp_navigation_primary)) select,
body:not(:has(.pkp_navigation_primary)) form label,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main p,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main li {
    font-family: "Tajawal", "Segoe UI", Arial, sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.85 !important;
}

body:not(:has(.pkp_navigation_primary)) h1,
body:not(:has(.pkp_navigation_primary)) h2,
body:not(:has(.pkp_navigation_primary)) h3,
body:not(:has(.pkp_navigation_primary)) h4,
body:not(:has(.pkp_navigation_primary)) h5,
body:not(:has(.pkp_navigation_primary)) h6,
body:not(:has(.pkp_navigation_primary)) .page_title,
body:not(:has(.pkp_navigation_primary)) .pkp_site_name,
body:not(:has(.pkp_navigation_primary)) .pkp_site_name a {
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
    line-height: 1.6 !important;
}

body:not(:has(.pkp_navigation_primary)) h1,
body:not(:has(.pkp_navigation_primary)) .page_title {
    color: #075c8b !important;
}

body:not(:has(.pkp_navigation_primary)) a {
    color: #075c8b;
}


/* ---------- 3. HEADER ---------- */
body:not(:has(.pkp_navigation_primary)) .pkp_structure_head {
    position: relative !important;
    overflow: visible !important;
    z-index: 100 !important;
    min-height: 135px !important;
    padding: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #075b8b 0%, #087e9e 45%, #18a9a8 100%) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12) !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_structure_head::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 280px !important;
    height: 100px !important;
    background: rgba(255, 255, 255, .12) !important;
    border-radius: 0 0 100% 0 !important;
    pointer-events: none !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_head_wrapper {
    position: relative !important;
    overflow: visible !important;
    max-width: 1100px !important;
    min-height: 98px !important;
    margin: 0 auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* ---------- 4. LOGO + عنوان البوابة ---------- */
body:not(:has(.pkp_navigation_primary)) .pkp_site_name {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* LTR + row-reverse = الشعار على اليمين (كما في المجلة) */
body:not(:has(.pkp_navigation_primary)) .pkp_site_name a {
    display: flex !important;
    direction: ltr !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    color: #fff !important;
    background: none !important;
    text-decoration: none !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_site_name img {
    display: block !important;
    order: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: 145px !important;
    max-height: 120px !important;
    margin: 0 !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px rgba(255, 255, 255, .6)) !important;
}

/* عنوان البوابة (نص CSS لأن مستوى الموقع لا يدعم Custom Header) — عدّل النص كما تشاء */
body:not(:has(.pkp_navigation_primary)):has(.journals) .pkp_site_name a::after {
    content: "بوابة مجلات كلية فلسطين التقنية\A Palestine Technical College Journals" !important;
    white-space: pre-line !important;
    order: 2 !important;
    flex: 0 1 auto !important;
    max-width: 760px !important;
    direction: rtl !important;
    text-align: right !important;
    color: #fff !important;
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
}


/* ---------- 5. زرّا التسجيل والدخول — أعلى اليسار ---------- */
body:not(:has(.pkp_navigation_primary)) .pkp_structure_head .pkp_navigation_user_wrapper,
body:not(:has(.pkp_navigation_primary)) #navigationUserWrapper {
    position: absolute !important;
    top: 10px !important;
    left: 20px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 9999 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_navigation_user,
body:not(:has(.pkp_navigation_primary)) #navigationUser {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    direction: ltr !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_navigation_user > li,
body:not(:has(.pkp_navigation_primary)) #navigationUser > li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_navigation_user a,
body:not(:has(.pkp_navigation_primary)) #navigationUser a {
    display: inline-block !important;
    padding: 7px 12px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .25) !important;
    border: 1px solid rgba(255, 255, 255, .4) !important;
    border-radius: 4px !important;
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s ease !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_navigation_user a:hover,
body:not(:has(.pkp_navigation_primary)) #navigationUser a:hover {
    background: #fff !important;
    color: #075b8b !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_navigation_user > li + li > a::before,
body:not(:has(.pkp_navigation_primary)) #navigationUser > li + li > a::before {
    content: none !important;
}


/* ---------- 6. قائمة المجلات (بطاقات) ---------- */
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals > ul,
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals ul.journals_list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals > ul > li {
    margin: 0 0 22px !important;
    padding: 24px 28px !important;
    background: #fff !important;
    border: 1px solid #e1ebf0 !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals h3 a {
    color: #075c8b !important;
    text-decoration: none !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals h3 a:hover {
    color: #0e8584 !important;
}

/* العنوان المكرر: وصف المجلة يبدأ بعنوانها كعنوان فرعي (h3) فيتكرر تحت اسمها في البطاقة.
   نخفي أول عنوان داخل الوصف فقط (لا تتأثر المجلات التي يأتي اسمها داخل فقرة) */
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .description > h3:first-child,
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .description > h2:first-child,
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .description > h4:first-child {
    display: none !important;
}

/* روابط "عرض المجلة" و"العدد الحالي": زران بدل رابطين مسطّرين */
body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links li {
    margin: 0 !important;
    padding: 0 !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links a {
    display: inline-block !important;
    padding: 9px 22px !important;
    border: 2px solid #16aaa9 !important;
    border-radius: 7px !important;
    color: #0e8584 !important;
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .25s ease !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links li:first-child a {
    background: #16aaa9 !important;
    color: #fff !important;
}

body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links a:hover {
    background: #0e8584 !important;
    border-color: #0e8584 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}


/* ---------- 7. نماذج وأزرار الصفحات الداخلية (الدخول، التسجيل، البحث) ---------- */
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="text"],
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="email"],
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="password"],
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="search"],
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main select,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main textarea {
    padding: 10px 12px !important;
    background: #fff !important;
    border: 1px solid #cddce5 !important;
    border-radius: 7px !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="text"]:focus,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="email"]:focus,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="password"]:focus,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main input[type="search"]:focus,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main select:focus,
body:not(:has(.pkp_navigation_primary)) .pkp_structure_main textarea:focus {
    border-color: #16aaa9 !important;
    box-shadow: 0 0 0 3px rgba(22, 170, 169, .2) !important;
    outline: none !important;
}

body:not(:has(.pkp_navigation_primary)) .cmp_button,
body:not(:has(.pkp_navigation_primary)) a.cmp_button,
body:not(:has(.pkp_navigation_primary)) .pkp_button,
body:not(:has(.pkp_navigation_primary)) a.pkp_button {
    padding: 10px 20px !important;
    background: #16aaa9 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 7px !important;
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(22, 170, 169, .3) !important;
    transition: all .3s ease !important;
}

body:not(:has(.pkp_navigation_primary)) .cmp_button:hover,
body:not(:has(.pkp_navigation_primary)) a.cmp_button:hover,
body:not(:has(.pkp_navigation_primary)) .pkp_button:hover {
    background: #0e8584 !important;
    color: #fff !important;
}


/* ---------- 8. FOOTER ---------- */
body:not(:has(.pkp_navigation_primary)) .pkp_structure_footer_wrapper {
    background: #075c8b !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_structure_footer {
    padding: 15px 0 !important;
    background: #075c8b !important;
    color: #fff !important;
    text-align: center !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_structure_footer a {
    color: #bfeff0 !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_brand_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
}

body:not(:has(.pkp_navigation_primary)) .pkp_brand_footer img {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-height: 60px !important;
    margin: 0 auto !important;
    filter: brightness(0) invert(1) !important;
}


/* =========================================================
   النسخة الإنجليزية (LTR): الشعار يسار والعنوان بجانبه، وأزرار الدخول يمين
   ========================================================= */
html[lang^="en"] body:not(:has(.pkp_navigation_primary)) .pkp_site_name a {
    flex-direction: row !important;          /* الشعار أولاً (يسار) ثم العنوان */
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[lang^="en"] body:not(:has(.pkp_navigation_primary)) .journal-title,
html[lang^="en"] body:not(:has(.pkp_navigation_primary)) .pkp_site_name a::after {
    direction: ltr !important;
    text-align: left !important;
}

html[lang^="en"] body:not(:has(.pkp_navigation_primary)) .pkp_structure_head .pkp_navigation_user_wrapper,
html[lang^="en"] body:not(:has(.pkp_navigation_primary)) #navigationUserWrapper {
    left: auto !important;
    right: 20px !important;
}

/* =========================================================
   9. MOBILE — يبقى دائماً في آخر الملف
   ========================================================= */
@media (max-width: 768px) {
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_head {
        min-height: auto !important;
        padding-top: 0 !important;
    }

    /* على الجوال: الدخول والتسجيل يبقيان داخل قائمة ☰ (لا يُثبَّتان أعلى الترويسة فوق الزر) */
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_head .pkp_navigation_user_wrapper,
    body:not(:has(.pkp_navigation_primary)) #navigationUserWrapper {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_head_wrapper {
        padding: 0 !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_structure_head,
    body:not(:has(.pkp_navigation_primary)) .pkp_head_wrapper,
    body:not(:has(.pkp_navigation_primary)) .pkp_site_name_wrapper,
    body:not(:has(.pkp_navigation_primary)) .pkp_site_name {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_site_name {
        min-height: 0 !important;
        padding: 12px 0 !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_site_name a {
        gap: 10px !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_site_name img {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    body:not(:has(.pkp_navigation_primary)):has(.journals) .pkp_site_name a::after {
        min-width: 0 !important;
        max-width: calc(100vw - 190px) !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        white-space: pre-line !important;
        overflow-wrap: anywhere !important;
    }

    body:not(:has(.pkp_navigation_primary)) .page_index_site .journals > ul > li {
        padding: 18px !important;
    }

    body:not(:has(.pkp_navigation_primary)) .page_index_site .journals h3 {
        font-size: 18px !important;
    }

    body:not(:has(.pkp_navigation_primary)) .page_index_site .journals .links a {
        padding: 8px 16px !important;
        font-size: 14px !important;
    }
}


/* =========================================================
   شبكة أمان للجوال: منع أي عنصر من توسيع الصفحة أكثر من عرض الشاشة
   (عندما يتجاوز عنصر عرض الشاشة يصغّر المتصفح الصفحة كلها ويزيحها)
   ========================================================= */
@media (max-width: 768px) {
    html:not(:has(.pkp_navigation_primary)),
    html:not(:has(.pkp_navigation_primary)) body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_structure_page,
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_content,
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_main,
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_sidebar,
    body:not(:has(.pkp_navigation_primary)) .pkp_structure_footer_wrapper,
    body:not(:has(.pkp_navigation_primary)) .page_index_site {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(:has(.pkp_navigation_primary)) .pkp_structure_head::before {
        display: none !important;          /* الشكل الزخرفي لا حاجة له على الجوال */
    }

    body:not(:has(.pkp_navigation_primary)) img,
    body:not(:has(.pkp_navigation_primary)) iframe,
    body:not(:has(.pkp_navigation_primary)) table {
        max-width: 100% !important;
    }
}