/* ==================================================
   HEADER TEXT & LOGO - AL-MURADIF
   Goal:
   - Title "AL-MURADIF" large and bold
   - Left-aligned header content
   - Banner-style header
   Compatible with OJS 3.3 / 3.4
   ================================================== */

/* Header background */
.pkp_structure_head {
  background: #d9d9d9 !important;
}

/* Full width header container */
.pkp_structure_head .pkp_container {
  max-width: 100% !important;
  width: 100% !important;
}

/* Header padding */
.pkp_brand_wrapper {
  padding: 30px 20px !important;
}

/* Layout: logo + text aligned left */
.pkp_site_name_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

/* Logo sizing */
.pkp_site_name img {
  max-height: 140px;   /* adjust 120–180 */
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Remove logo background */
.pkp_site_name .is_img {
  background: transparent !important;
  padding: 0 !important;
}

/* Journal title text: AL-MURADIF */
.pkp_site_name .is_text a,
.pkp_site_name .is_text {
  font-size: 42px !important;
  font-weight: 800 !important;
  letter-spacing: 2px;
  color: #1a1a1a !important;
  text-transform: uppercase;
  line-height: 1.1;
}

/* Journal subtitle (if enabled) */
.pkp_site_name .site_title small,
.pkp_site_name .is_text small {
  display: block;
  font-size: 16px !important;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-top: 6px;
  color: #333333;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pkp_site_name .is_text a,
  .pkp_site_name .is_text {
    font-size: 30px !important;
  }

  .pkp_site_name img {
    max-height: 110px;
  }
}