/* Misurata University: shared presentation for Arabic and English pages. */
:root {
  --mu-refresh-navy: #082b4d;
  --mu-refresh-ink: #183852;
  --mu-refresh-gold: #b99a52;
  --mu-refresh-border: #dce6ed;
  --mu-refresh-muted: #5e7182;
}

.mu-institution { background: #fff; }
.mu-institution a, .mu-institution button { -webkit-tap-highlight-color: transparent; }
.mu-institution :focus-visible { outline: 3px solid #b99a52; outline-offset: 3px; }
.mu-institution .topnav { border-bottom-color: var(--mu-refresh-gold)!important; }
.mu-institution #header { box-shadow: 0 8px 24px rgba(8,43,77,.055)!important; }
.mu-institution #header .manu > ul > li > a { border-radius: 6px 6px 0 0; }

/* More breathing room and a clearer hierarchy on the public home page. */
.mu-institution.mu-home.mu-home-v2 .mu-quicklinks {
  gap: 10px!important; padding: 10px!important; background: #eff4f7!important;
  border: 1px solid #e2e9ee!important; border-radius: 14px!important;
  box-shadow: 0 12px 34px rgba(8,43,77,.07)!important;
}
.mu-institution.mu-home.mu-home-v2 .mu-quicklinks a {
  border: 1px solid transparent!important; border-radius: 9px!important;
  min-width: 0; background: #fff!important; transition: background .2s, border-color .2s, transform .2s;
}
.mu-institution.mu-home.mu-home-v2 .mu-quicklinks a:hover {
  border-color: #d7c695!important; background: #fffdf7!important; transform: translateY(-2px);
}
.mu-institution.mu-home.mu-home-v2 .view-all h1,
.mu-institution.mu-home.mu-home-v2 .mu-journal-title h2 {
  color: var(--mu-refresh-navy)!important; letter-spacing: 0;
}
.mu-institution.mu-home.mu-home-v2 #news > .blog-card {
  border-color: var(--mu-refresh-border)!important; border-radius: 14px!important;
  box-shadow: 0 7px 24px rgba(8,43,77,.055)!important;
}
.mu-institution.mu-home.mu-home-v2 #news .meta { background: #eaf0f4; }
.mu-institution.mu-home.mu-home-v2 #news .meta .details {
  display: flex!important; position: absolute!important; inset: auto 12px 12px auto!important;
  width: auto!important; height: auto!important; min-height: 0!important; padding: 6px 10px!important;
  border-radius: 7px; background: rgba(4,31,56,.82)!important; color: #fff!important;
  font-size: 12px!important; line-height: 1.3; list-style: none; pointer-events: none;
}
.mu-institution.mu-home.mu-home-v2 #news .meta .details > li { list-style: none; }
.mu-institution.mu-home.mu-home-v2 #news .meta .details > li:not(.date) { display: none!important; }
.mu-institution.mu-home.mu-home-v2 #news .description { background: #fff!important; }
.mu-institution.mu-home.mu-home-v2 #news .description h1 { color: var(--mu-refresh-navy)!important; }
.mu-institution.mu-home.mu-home-v2 #news .description p { color: var(--mu-refresh-muted)!important; }
.mu-institution.mu-home.mu-home-v2 #events .event-card {
  background: #fff!important; border: 1px solid var(--mu-refresh-border)!important;
  border-top: 3px solid var(--mu-refresh-gold)!important; border-radius: 12px!important;
  box-shadow: 0 7px 24px rgba(8,43,77,.045)!important;
}
.mu-institution.mu-home.mu-home-v2 #events .event-date {
  display: grid!important; place-content: center; flex: 0 0 76px; width: 76px!important;
  height: auto!important; padding: 12px 8px!important; order: -1;
  background: #f5f0e3!important; color: #735a24!important; border: 0!important;
  font-size: 19px!important; line-height: 1.5!important; font-weight: 700;
}
.mu-institution.mu-home.mu-home-v2 #events .event-description { min-width: 0; }
.mu-institution.mu-home.mu-home-v2 .menu-style-stats {
  background: #f2f6f8!important; border-block: 1px solid #e1e9ed;
}
.mu-institution.mu-home.mu-home-v2 .stat-card {
  border-radius: 12px!important; box-shadow: 0 5px 20px rgba(8,43,77,.035)!important;
}

/* Journal directory: two compact columns on phones instead of a long single column. */
html.mu-page-journals .row.row-eq-height.my-3 {
  display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px; margin: 0 0 20px!important;
}
html.mu-page-journals .row.row-eq-height.my-3::before,
html.mu-page-journals .row.row-eq-height.my-3::after { content: none!important; display: none!important; }
html.mu-page-journals .row.row-eq-height.my-3 > div {
  width: auto!important; max-width: none!important; min-width: 0; padding: 0!important;
  flex: none!important;
}
html.mu-page-journals .row.row-eq-height.my-3 > div > a {
  display: flex; height: 100%; flex-direction: column; align-items: center;
  justify-content: flex-start; gap: 15px; padding: 18px 14px;
  border: 1px solid var(--mu-refresh-border); border-radius: 12px;
  background: #fff; text-decoration: none;
  box-shadow: 0 7px 24px rgba(8,43,77,.045); transition: transform .2s, box-shadow .2s;
}
html.mu-page-journals .row.row-eq-height.my-3 > div > a:hover {
  transform: translateY(-3px); box-shadow: 0 12px 26px rgba(8,43,77,.10);
}
html.mu-page-journals .row.row-eq-height.my-3 img {
  display: block; width: 100%!important; height: 230px!important; object-fit: contain;
  background: #f2f5f7; border-radius: 7px; margin: 0 auto!important;
}
html.mu-page-journals .row.row-eq-height.my-3 br { display: none; }
html.mu-page-journals .row.row-eq-height.my-3 h4 {
  margin: 0!important; font-size: 15px!important; line-height: 1.7!important;
  color: var(--mu-refresh-navy); text-align: center;
}

/* Better reading rhythm for long-form pages and article images. */
.mu-institution .mu-content-page { color: var(--mu-refresh-ink); }
.mu-institution .mu-content-page p { overflow-wrap: anywhere; }
.mu-institution .mu-content-page .n-con { font-size: 16px!important; line-height: 2!important; }
.mu-institution .mu-content-page .n-con img { max-width: 100%; height: auto; }
.mu-institution .mu-page-banner { background: #f3f6f8!important; }
.mu-institution .mu-page-banner h1 { border-color: var(--mu-refresh-gold)!important; }

@media (max-width: 991px) {
  html.mu-page-journals .row.row-eq-height.my-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 767px) {
  body.mu-institution.mu-home.mu-home-v2 .carou { display: flex!important; flex-direction: column; }
  .mu-institution.mu-home.mu-home-v2 .mu-mobile-intro {
    order: -1; padding: 28px 24px 30px!important;
    background: linear-gradient(125deg,#082b4d,#10456f)!important;
  }
  .mu-institution.mu-home.mu-home-v2 .mu-mobile-intro h2 { font-size: clamp(25px,7vw,32px)!important; }
  .mu-institution.mu-home.mu-home-v2 .mu-mobile-intro a { min-height: 46px; }
  .mu-institution.mu-home.mu-home-v2 .mu-quicklinks { gap: 8px!important; }
  .mu-institution.mu-home.mu-home-v2 .mu-quicklinks a { min-height: 66px!important; }
  .mu-institution.mu-home.mu-home-v2 #events .event-date { flex-basis: 68px; width: 68px!important; }
  html.mu-page-journals .row.row-eq-height.my-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  html.mu-page-journals .row.row-eq-height.my-3 > div > a { padding: 12px 10px; gap: 10px; }
  html.mu-page-journals .row.row-eq-height.my-3 img { height: 185px!important; }
  html.mu-page-journals .row.row-eq-height.my-3 h4 { font-size: 13px!important; }
}
@media (max-width: 360px) {
  html.mu-page-journals .row.row-eq-height.my-3 img { height: 155px!important; }
  .mu-institution.mu-home.mu-home-v2 .mu-mobile-intro { padding-inline: 18px!important; }
}
@media (prefers-reduced-motion: reduce) {
  .mu-institution.mu-home.mu-home-v2 .mu-quicklinks a,
  html.mu-page-journals .row.row-eq-height.my-3 > div > a { transition: none!important; transform: none!important; }
}