/* ============================================================
   MJSTS — Mustansiriyah Journal of Sustainable Tourism Sciences
   Custom theme — University-branded, light & professional
   Palette (Mustansiriyah University official):
     Navy   #121f27   (header / footer / headings)
     Cyan   #01a3de   (links / accents)
     Orange #de3401   (call-to-action, sparing)
     Gold   #c9a227   (emblem accent, rules)
   Base: Bootstrap 3 Base Theme (Cerulean) — overridden below
   ============================================================ */

/* ---------- Web fonts (Latin + Arabic) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Noto+Naskh+Arabic:wght@400;600;700&display=swap');

/* ---------- Brand variables ---------- */
:root{
  --mu-navy:#121f27;
  --mu-navy-2:#1b2e3a;
  --mu-cyan:#01a3de;
  --mu-cyan-dk:#0182b1;
  --mu-orange:#de3401;
  --mu-gold:#c9a227;
  --mu-bg:#f4f6f8;
  --mu-card:#ffffff;
  --mu-ink:#1f2a30;
  --mu-muted:#5b6b75;
  --mu-border:#e2e8ee;
}

/* ============================================================
   LANGUAGE TOGGLE (bilingual blocks) — kept from original
   ============================================================ */
html[dir="rtl"] .en{display:none!important;}
html[dir="ltr"] .ar{display:none!important;}

/* ============================================================
   GLOBAL — light, readable
   ============================================================ */
body{
  background:var(--mu-bg)!important;
  color:var(--mu-ink)!important;
  font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
}
html[dir="rtl"] body{
  font-family:'Noto Naskh Arabic','Cairo',Tahoma,Arial,sans-serif;
}

h1,h2,h3,h4,h5{
  color:var(--mu-navy);
  font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
  font-weight:700;
}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{
  font-family:'Noto Naskh Arabic','Cairo',serif;
}

a{color:var(--mu-cyan);text-decoration:none;}
a:hover,a:focus{color:var(--mu-cyan-dk);text-decoration:underline;}

/* Thin brand strip at the very top (echoes university top-bar) */
body::before{
  content:"";display:block;height:5px;width:100%;
  background:linear-gradient(90deg,var(--mu-cyan) 0%,var(--mu-navy) 60%,var(--mu-gold) 100%);
}

/* ============================================================
   HEADER / NAVBAR — university navy
   ============================================================ */
.navbar,.navbar-default,.pkp_structure_head,header.header{
  background:var(--mu-navy)!important;
  background-image:none!important;
  border:none!important;
  box-shadow:0 2px 8px rgba(18,31,39,.18);
  backdrop-filter:none!important;
}
.navbar-default .navbar-nav > li > a,
.pkp_structure_head a,
.navbar-default .navbar-brand{
  color:#eaf6fc!important;
  font-weight:600;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.pkp_structure_head a:hover{
  color:#fff!important;
  background:rgba(1,163,222,.18)!important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a{
  background:var(--mu-cyan)!important;color:#fff!important;
}
.dropdown-menu > li > a{color:var(--mu-ink)!important;}
.dropdown-menu > li > a:hover{background:var(--mu-cyan)!important;color:#fff!important;}

/* Search button in header */
.navbar .btn,.navbar button{
  background:var(--mu-cyan)!important;border:none!important;color:#fff!important;
}

/* ============================================================
   JOURNAL MASTHEAD / PAGE HEADER (logo banner)
   ============================================================ */
.pkp_structure_page > .pkp_site_name_wrapper,
.page_header,.header_view{
  background:var(--mu-card);
}
.pkp_brand_footer,.pkp_site_name img,.page_header img{
  max-width:100%;
}
/* Masthead card holding the logo */
.obj_journal_index_about,.cmp_journal_index_homepage,
.homepage_about,.about_journal{
  background:var(--mu-card);
  border:1px solid var(--mu-border);
  border-top:4px solid var(--mu-gold);
  border-radius:10px;
  padding:24px 28px;
  margin-bottom:24px;
  box-shadow:0 4px 14px rgba(18,31,39,.06);
}

/* ============================================================
   MAIN CONTENT
   ============================================================ */
.pkp_structure_main{padding-top:24px;}
.page,.cmp_announcement,.obj_issue_toc,.main_content{
  color:var(--mu-ink);
}

/* Article / issue cards */
.obj_article_summary,.obj_issue_summary,.cmp_announcement{
  background:var(--mu-card)!important;
  border:1px solid var(--mu-border)!important;
  border-radius:12px!important;
  padding:18px 20px!important;
  margin-bottom:18px!important;
  box-shadow:0 3px 12px rgba(18,31,39,.05)!important;
  backdrop-filter:none!important;
  transition:box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover,.obj_issue_summary:hover{
  box-shadow:0 8px 22px rgba(1,163,222,.16)!important;
  transform:translateY(-2px);
}
.obj_article_summary .title a{color:var(--mu-navy)!important;font-weight:700;}
.obj_article_summary .title a:hover{color:var(--mu-cyan)!important;}
.obj_article_summary .authors{color:var(--mu-muted);}

/* ============================================================
   SIDEBAR — clean cards with brand accent
   ============================================================ */
.pkp_structure_sidebar .pkp_block{
  background:var(--mu-card);
  border:1px solid var(--mu-border);
  border-radius:12px;
  padding:0 0 14px;
  margin-bottom:20px;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(18,31,39,.05);
}
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3{
  background:var(--mu-navy);
  color:#fff;
  margin:0 0 12px;
  padding:12px 16px;
  font-size:1.05rem;
  border-left:4px solid var(--mu-cyan);
}
html[dir="rtl"] .pkp_structure_sidebar .pkp_block .title{
  border-left:none;border-right:4px solid var(--mu-cyan);
}
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block ul{
  padding:0 16px;
}
/* Tame the raw RSS / ATOM feed icons if the block remains */
.pkp_block_web_feed .item img,
.pkp_block.pkp_block_web_feed img{
  height:18px;width:auto;opacity:.55;
}
.pkp_block_web_feed:hover img{opacity:.85;}

/* Language switcher block — pill links */
.pkp_block_languageToggle ul li a{
  display:inline-block;padding:4px 14px;margin:2px;
  border:1px solid var(--mu-cyan);border-radius:20px;color:var(--mu-cyan);
}
.pkp_block_languageToggle ul li a:hover{background:var(--mu-cyan);color:#fff;text-decoration:none;}

/* ============================================================
   BUTTONS
   ============================================================ */
button,.pkp_button,.btn-primary,input[type="submit"]{
  background:var(--mu-cyan)!important;
  border:1px solid var(--mu-cyan-dk)!important;
  color:#fff!important;
  padding:8px 18px!important;
  border-radius:8px!important;
  font-weight:600;
}
button:hover,.pkp_button:hover,.btn-primary:hover{
  background:var(--mu-cyan-dk)!important;
}
.btn-cta,.cmp_button_cta{
  background:var(--mu-orange)!important;border-color:#b82c01!important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer,footer.footer{
  background:var(--mu-navy)!important;
  color:#c7d6df!important;
  border-top:4px solid var(--mu-gold);
  padding:28px 0;
}
.pkp_structure_footer a,footer.footer a{color:#8fd6f4!important;}

/* ============================================================
   MISC POLISH
   ============================================================ */
hr{border-top:2px solid var(--mu-gold);opacity:.5;}
.cmp_breadcrumbs{color:var(--mu-muted);}
table.pkp_table thead{background:var(--mu-navy);color:#fff;}
::selection{background:var(--mu-cyan);color:#fff;}