﻿.page_article .item.abstract .value,
.obj_article_details .item.abstract,
.article-details .abstract {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* ØªÙ‚Ù„ÙŠÙ„ Ø§Ø±ØªÙØ§Ø¹ Ø§Ù„ÙÙˆØªØ± ÙˆØ§Ù„Ù‡ÙˆØ§Ù…Ø´ Ø§Ù„Ø¯Ø§Ø®Ù„ÙŠØ© */
.pkp_structure_footer {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    min-height: auto !important;
}

/* ØªÙ‚Ù„ÙŠÙ„ Ø§Ù„Ø­Ø¬Ù… ÙˆØ§Ù„Ø´Ø±ÙŠØ· Ø§Ù„Ø³ÙÙ„ÙŠ Ø¥Ù† ÙˆØ¬Ø¯ */
.pkp_structure_footer .pkp_footer_content {
    padding: 0 !important;
    margin: 0 auto !important;
}
/* ==========================================
1.	ØªÙˆØ­ÙŠØ¯ Ø§Ù„Ù„ÙˆÙ† Ø§Ù„ÙƒØ­Ù„ÙŠ Ø¹Ù„Ù‰ Ø¬Ù…ÙŠØ¹ Ø·Ø¨Ù‚Ø§Øª Ø§Ù„Ù‡ÙŠØ¯Ø±
========================================== */
header.pkp_structure_head,
.pkp_head_wrapper,
#headerNavigationContainer,
.pkp_navigation_primary_row,
.pkp_site_nav_menu {
background-color: #0b2545 !important;
background-image: linear-gradient(135deg, #0b2545 0%, #134074 100%) !important;
height: auto !important;
min-height: 80px !important;
}

/* ==========================================
2. ØªØ­Ø³ÙŠÙ† ØªÙ†Ø³ÙŠÙ‚ Ø§Ø³Ù… Ø§Ù„Ù…Ø¬Ù„Ø© Ù„Ù„ÙƒÙ…Ø¨ÙŠÙˆØªØ±
========================================== */
.pkp_site_name {
display: flex !important;
align-items: center !important;
gap: 15px !important;
margin: 8px 0 !important;
}

.pkp_site_name a,
.pkp_site_name .is_text {
white-space: normal !important;
word-break: break-word !important;
color: #ffffff !important;
font-size: 1.85rem !important;
font-weight: 700 !important;

line-height: 1.3 !important;
text-decoration: none !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================
3. Ø¶Ø¨Ø· Ø­Ø¬Ù… Ø§Ù„Ø´Ø¹Ø§Ø± ÙˆØ¥Ø¸Ù‡Ø§Ø±Ù‡ Ø¨Ø¬Ø§Ù†Ø¨ Ø§Ù„Ø§Ø³Ù…
========================================== */
.pkp_site_name img {
max-height: 65px !important;
width: auto !important;
display: inline-block !important;
object-fit: contain !important;
}

/* 

==========================================
4. Ø§Ù„Ø§Ø³ØªØ¬Ø§Ø¨Ø© Ø§Ù„Ø´Ø§Ù…Ù„Ø© Ù„Ù„Ù‡ÙˆØ§ØªÙ Ø§Ù„Ø°ÙƒÙŠØ© (Ø§Ù„Ø¬ÙˆØ§Ù„)
========================================== */
@media (max-width: 991px) {
.pkp_head_wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 10px 12px !important;
}

.pkp_site_name {
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
gap: 8px !important;
text-align: center !important;
}


.pkp_site_name a,
.pkp_site_name .is_text {
font-size: 1.10rem !important;
text-align: center !important;
}

.pkp_site_name img {
max-height: 50px !important;
}

.pkp_navigation_primary_row {
width: 100% !important;
display: flex !important;
justify-content: space-between !important;
}
}

/* =======================================

===
5. Ø¶Ø¨Ø· ÙÙ‚Ø±Ø§Øª Ø§Ù„Ù†Øµ Ù„Ù…Ù†Ø¹ Ø§Ù„ØªØ¨Ø§Ø¹Ø¯ Ø§Ù„Ù…Ø²Ø¹Ø¬
========================================== */
.page_about, .pkp_block_about {
text-align: left !important;
line-height: 1.65 !important;
}

/* ØªÙ†Ø³ÙŠÙ‚ Ø§Ù„Ø´Ø±ÙŠØ· Ø§Ù„ÙƒØ­Ù„ÙŠ */
.journal-banner-ticker {
  background-color: #0b2545; /* Ø§Ù„Ù„ÙˆÙ† Ø§Ù„Ø£Ø²Ø±Ù‚ Ø§Ù„ÙƒØ­Ù„ÙŠ */
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 15px 15px; /* Ø®Ù„ÙÙŠØ© Ø§Ù„Ø±Ù…ÙˆØ² Ø§Ù„Ø¨Ø±Ù…Ø¬ÙŠØ©/Ø§Ù„Ù†Ù‚Ø§Ø· Ø§Ù„Ù†Ø§Ø¹Ù…Ø© */
  color: #ffffff;
  padding: 12px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 20px 0;
  border-radius: 4px;
  direction: rtl;
}

.ticker-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.ticker-content {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: ticker-scroll 20s linear infinite;
}

/* Ø­Ø±ÙƒØ© Ø§Ù„Ø´Ø±ÙŠØ· Ø§Ù„Ø³Ù„Ø³Ø© */
@keyframes ticker-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Ø¥ÙŠÙ‚Ø§Ù Ø§Ù„Ø­Ø±ÙƒØ© Ø¹Ù†Ø¯ ØªØ­Ø±ÙŠÙƒ Ø§Ù„Ù…Ø§ÙˆØ³ ÙÙˆÙ‚ Ø§Ù„Ø´Ø±ÙŠØ· */
.journal-banner-ticker:hover .ticker-content {
  animation-play-state: paused;
}

/* ØªÙ†Ø³ÙŠÙ‚ Ø´Ø¹Ø§Ø± Ø§Ù„Ø¬Ø§Ù…Ø¹Ø© Ø¯Ø§Ø®Ù„ Ø§Ù„Ø´Ø±ÙŠØ· */
.univ-logo {
  height: 35px;
  width: auto;
  margin: 0 15px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.5));
}

/* ØªÙ†Ø³ÙŠÙ‚ Ø§Ù„Ù†Øµ */
.ticker-text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin-left: 40px;
}
body, .pkp_structure_page {
background-color: #f0f4f8 !important;
}


/* تطبيق التدرج اللوني على الهيدر وجميع طبقاته الداخلية */
.pkp_structure_head,
.pkp_head_wrapper,
header.pkp_structure_head {
background-color: transparent !important;
background: linear-gradient(180deg, #0b2545 0%, #134074 100%) !important;
}

/* إلغاء أي خلفية داكنة على شريط القائمة لمنع إخفاء التدرج */
.pkp_navigation_primary_row {
background: transparent !important;
}

/* الخط الفاصل السفلي باللون الوردي/الطوبي الناعم */
.pkp_navigation_primary_row,
.pkp_site_nav_menu {
border-bottom: 3px solid #cb8a80 !important;
}

/* لون زر التبويب النشط (About) لإعطائه التظليل المميز */
.pkp_navigation_primary .aria-current,
.pkp_navigation_primary li a:hover {
background-color: rgba(255, 255, 255, 0.12) !important;
}

