/****************************************
 * 1. اللون الرئيسي للمجلة (Theme Color)
 ****************************************/
:root {
    --journal-primary: #165D63;
    --journal-primary-dark: #0f4045;
}



/****************************************
 * 2. الروابط العامة في الموقع (Links)
 ****************************************/
a,
a:link,
a:visited {
    color: var(--journal-primary);
}

a:hover,
a:focus {
    color: var(--journal-primary-dark);
}



/****************************************
 * 3. عناوين و روابط البلوكات الجانبية
 ****************************************/
.pkp_block .title {
    color: var(--journal-primary);
}

.pkp_block .content a {
    color: var(--journal-primary);
}



/****************************************
 * 4. أزرار PDF داخل المقالات (Galleys)
 ****************************************/
.obj_galley_link,
.obj_galley_link.pdf,
.obj_galley_link.view {
    background-color: var(--journal-primary);
    border-color: var(--journal-primary);
    color: #ffffff !important;
}

a.galley-link.btn.btn-primary.pdf {
    background-color: var(--journal-primary) !important;
    border-color: var(--journal-primary) !important;
    color: #ffffff !important;
}

/* هوفر لزر PDF */
a.galley-link.btn.btn-primary.pdf:hover,
a.galley-link.btn.btn-primary.pdf:focus,
a.galley-link.btn.btn-primary.pdf:active {
    background-color: var(--journal-primary-dark) !important;
    border-color: var(--journal-primary-dark) !important;
    color: #ffffff !important;
}

/* عناصر داخل الزر (span, i, …) */
a.galley-link.btn.btn-primary.pdf * {
    color: #ffffff !important;
}



/****************************************
 * 5. زر View All Issues
 ****************************************/
a.btn.btn-primary.read-more {
    background-color: var(--journal-primary) !important;
    border-color: var(--journal-primary) !important;
    color: #ffffff !important;
}

a.btn.btn-primary.read-more:hover {
    background-color: var(--journal-primary-dark) !important;
    border-color: var(--journal-primary-dark) !important;
}



/****************************************
 * 6. أزرار OJS العامة (PKP Buttons)
 ****************************************/
.pkp_button,
.pkp_button_primary {
    background-color: var(--journal-primary);
    border-color: var(--journal-primary);
}



/****************************************
 * 7. حدود وأطر الصفحة (Header Borders)
 ****************************************/
.pkp_head_wrapper,
.pkp_page_header {
    border-color: var(--journal-primary);
}



/****************************************
 * 8. زر Make a Submission
 ****************************************/
a.block_make_submission_link {
    background-color: var(--journal-primary) !important;
    color: #ffffff !important;
    padding: 10px 18px;
    display: inline-block;
    border-radius: 4px;
}

a.block_make_submission_link:hover {
    background-color: var(--journal-primary-dark) !important;
    color: #ffffff !important;
}



/****************************************
 * 9. قائمة About — Dropdown Menu
 ****************************************/
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: var(--journal-primary) !important;
    color: #ffffff !important;
}



/****************************************
 * 10. زر Search
 ****************************************/
button.btn.btn-default {
    background-color: var(--journal-primary) !important;
    border-color: var(--journal-primary) !important;
    color: #ffffff !important;
}

button.btn.btn-default:hover,
button.btn.btn-default:focus {
    background-color: var(--journal-primary-dark) !important;
    border-color: var(--journal-primary-dark) !important;
    color: #ffffff !important;
}



/****************************************
 * 11. زر Edit (الأزرار الصغيرة)
 ****************************************/
a.btn.btn-default.btn-xs {
    background-color: var(--journal-primary) !important;
    border-color: var(--journal-primary) !important;
    color: #ffffff !important;
}

a.btn.btn-default.btn-xs .glyphicon {
    color: #ffffff !important;
}

a.btn.btn-default.btn-xs:hover,
a.btn.btn-default.btn-xs:focus {
    background-color: var(--journal-primary-dark) !important;
    border-color: var(--journal-primary-dark) !important;
    color: #ffffff !important;
}