#header .header-logo img, 
#header .site-logo img,
.header .custom-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    mix-blend-mode: normal !important;
}
#header {
    isolation: isolate; /* ينشئ سياق تراص جديد */
    position: relative;
    z-index: 10;
}

#header img {
    position: relative;
    z-index: 11;
}
body {
    background-color: #ffffff !important; /* خلفية بيضاء للصفحة */
    font-family: 'Arial', sans-serif !important;
  font-size: 18px !important;
  

}


.pkp_structure_head,
.pkp_site_name,
.pkp_navigation_primary,
.pkp_navigation_user_wrapper,
.pkp_navigation_header,
.pkp_head_wrapper {
    background-color:#488ac7;!important;  /* استبدل باللون الذي تريده */
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* تغيير لون خلفية شريط البحث */
.pkp_search input[type="text"] {
    background-color: #e0f7fa !important; /* لون أزرق فاتح */
    color: #003366 !important;            /* لون النص */
    border: 1px solid #00acc1 !important; /* إطار أزرق */
    border-radius: 4px;
}

/* تغيير لون زر البحث أو الأيقونة */
.pkp_search button,
.pkp_search button .fa-search {
    background-color: #00acc1 !important; /* خلفية الزر */
    color: white !important;              /* لون أيقونة البحث */
    border: none !important;
    border-radius: 4px;
}
.pkp_site_name {
  font-size: 28px !important;
  color:white;
  direction: rtl; /* إذا كان الاسم بالعربية */
  padding-bottom:20px;
}

/* تكبير قائمة التنقل */
.pkp_navigation_primary a {
  font-size: 18px !important;
  font-weight:bold;
}

/* التأكد من عرض العناصر بجانب بعض */
.pkp_site_name_wrapper {
  display: flex;
  align-items: center;
  gap: 15px; /* مسافة بين الشعار والاسم */
}

/* حجم شعار المجلة */
.pkp_site_name_wrapper img {
  max-height: 60px;

}

/* This is a common selector, but it might vary */
.pkp_structure_sidebar.right {
    display: none !important
}

/* 1. تقليل حجم الشريط الجانبي الأيسر */
.pkp_structure_sidebar.left { /* استخدم هذا الكلاس أو الكلاس الأكثر تحديدًا الذي وجدته */
 
    position:relative;
    top:-2000px;
   
}

.pkp_structure_sidebar.left a{ /* استخدم هذا الكلاس أو الكلاس الأكثر تحديدًا الذي وجدته */
 
  
    font-size:18px;
    font-weight:bold;  
}
/*.pkp_structure_main {
    width: calc(100% - 240px) !important;
    float: left !important;
}

.pkp_structure_content {
    margin-right: 0 !important;
}*/

/* إخفاء الشريط الجانبي الأيمن فقط 
.pkp_structure_sidebar.right,
.sidebar.right,
#rightSidebar {
    display: none !important;
    
}


.pkp_structure_main {
    width: calc(100% - 300px) !important;
    float: none !important;
}

*/
.pkp_structure_content {
    margin-right: 0 !important;
}
/* دائماً أخفِ الشريط الأيمن */
.pkp_structure_sidebar.right,
.sidebar.right,
#rightSidebar {
    display: none !important;
}

/* فقط في الشاشات الصغيرة (الهاتف) أخفِ الشريط الأيسر */
@media (max-width: 767px) {
    .pkp_structure_sidebar.left,
    .sidebar.left,
    #leftSidebar {
        display: none !important;
    }

    .pkp_structure_main {
        width: 100% !important;
    }

    .pkp_structure_content {
        margin-left: 0 !important;
    }
}

/* على الشاشات الكبيرة أظهر الشريط الأيسر بوضوح */
@media (min-width: 768px) {
    .pkp_structure_sidebar.left,
    .sidebar.left,
    #leftSidebar {
        display: block !important;
    }

    .pkp_structure_main {
        width: calc(100% - 260px) !important;
        float: left;
    }

    .pkp_structure_content {
        margin-left: 0 !important;
    }
    .pkp_site_name {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 35px;
    color: white; /* أو أي لون يناسب الصورة */
    font-weight: bold;
    text-shadow: 1px 1px 2px #000; /* لتحسين وضوح النص فوق الصورة */
    text-align:center;
}
}
/* Banner Image*/
/* تغطية الرأس بالصورة بالكامل */
.pkp_site_name_wrapper {
    background: url('https://taiz.edu.ye/tujr/public/Artbanner.jpg') no-repeat center center !important;
    background-size: cover !important;
    height: 300px;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* إزالة أي خلفية زرقاء من الرأس */
.pkp_structure_head,
.pkp_structure_page_header {
    background: transparent !important;
    padding: 0;
    margin: 0;
}

/* تنسيق اسم المجلة فوق الصورة */
.pkp_site_name {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 28px;
    color: white; /* أو أي لون يناسب الصورة */
    font-weight: bold;
    text-shadow: 1px 1px 2px #000; /* لتحسين وضوح النص فوق الصورة */
}

.pkp_site_nav_menu {
    background-color: #488ac7; /* اللون الذي تريده */
}

/* تغيير خلفية صندوق البحث */
.search-form, .search-box, input[type="search"] {
    background-color: #004080; /* نفس اللون أو لون آخر */
    color: #ffffff; /* لون النص داخل البحث */
}