/* ============================================================
   International Journal of Intellecta — OJS 3.5 Journal Style Sheet
   Default Theme uchun. Website Settings → Appearance → Advanced →
   "Journal style sheet" maydoniga yuklang.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Archivo:wght@400;500;600;700&display=swap');

:root {
  --iji-navy:    #15314f;
  --iji-navy-d:  #0e2138;
  --iji-gold:    #b8902e;
  --iji-gold-l:  #d6b358;
  --iji-cream:   #f3ead3;
  --iji-ink:     #1f2a36;
  --iji-mute:    #6b7480;
  --iji-paper:   #fbfaf7;
  --iji-line:    #e7e2d6;
}

/* ---------- Base typography ---------- */
body,
.pkp_structure_page {
  font-family: 'Archivo', -apple-system, Arial, sans-serif;
  color: var(--iji-ink);
  background: var(--iji-paper);
}

h1, h2, h3, h4,
.obj_article_summary .title,
.obj_issue_summary .title,
.cmp_page_title,
.page_title {
  font-family: 'Spectral', Georgia, serif;
  color: var(--iji-navy);
  letter-spacing: -0.01em;
}

a { color: var(--iji-navy); }
a:hover, a:focus { color: var(--iji-gold); }

/* ---------- Universal dropdown fix (barcha menyular) ---------- */
/* OJS headeridagi har qanday dropdown — oq fon, navy matn */
.dropdown-menu,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_primary .dropdown-menu,
ul.dropdown-menu {
  background: #fff !important;
  border: 1px solid #e0d9ce !important;
  box-shadow: 0 6px 18px rgba(21,49,79,.13) !important;
}
.dropdown-menu a,
.dropdown-menu li > a,
.dropdown-menu li > button,
.dropdown-menu .dropdown-item,
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_primary .dropdown-menu a {
  color: #15314f !important;
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
  background: transparent !important;
}
.dropdown-menu a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .dropdown-item:hover,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
  background: #f5f1e8 !important;
  color: #b8902e !important;
}
.dropdown-menu a:focus,
.dropdown-menu .dropdown-item:focus {
  background: #f5f1e8 !important;
  color: #b8902e !important;
  outline: none;
}

/* ---------- Top utility / site header ---------- */
.pkp_structure_head {
  background: var(--iji-navy);
  border-bottom: 3px solid var(--iji-gold);
  box-shadow: 0 1px 0 rgba(0,0,0,.15);
}

.pkp_head_wrapper { padding-top: 1.2rem; padding-bottom: 1.2rem; }

/* User navigation (admin / login menu, top-right) — brighter on navy */
.pkp_navigation_user,
.pkp_navigation_user > li > a,
.pkp_navigation_user a,
.pkp_navigation_user .fa,
.pkp_site_nav_menu a {
  color: #eaf0f6 !important;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  opacity: 1 !important;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user a:hover { color: var(--iji-gold-l) !important; }
.pkp_navigation_user .fa,
.pkp_navigation_user .pkp_screen_reader + .fa { color: var(--iji-gold-l) !important; }

/* Journal name (when shown as text instead of logo) */
.pkp_site_name,
.pkp_site_name_wrapper a,
.pkp_site_name .is_text {
  font-family: 'Spectral', Georgia, serif !important;
  font-weight: 700;
  color: var(--iji-cream) !important;
}

/* Logo image fit — larger so the wordmark is legible in the header */
.pkp_site_name img,
.pkp_head_wrapper .pkp_site_name img { max-height: 112px; width: auto; }
@media (max-width: 767px) {
  .pkp_site_name img,
  .pkp_head_wrapper .pkp_site_name img { max-height: 72px; }
}

/* Header search box */
.pkp_search input[type="search"],
.pkp_search .search_input {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 3px;
}
.pkp_search input::placeholder { color: #c7d3df !important; }
.pkp_search a,
.pkp_search label,
.pkp_search .search,
.pkp_search .fa { color: #eaf0f6 !important; }
.pkp_search a:hover,
.pkp_search .fa { color: #d6b358 !important; }

/* ---------- Primary navigation ---------- */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  background: var(--iji-navy-d);
}
.pkp_navigation_primary > li > a,
nav.pkp_navigation_primary a {
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #d7dee6 !important;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a {
  color: var(--iji-gold-l) !important;
  box-shadow: inset 0 -3px 0 var(--iji-gold);
}

/* ---------- Buttons ---------- */
.cmp_button,
.pkp_button,
a.cmp_button,
button.pkp_button,
input[type="submit"].pkp_button {
  background: var(--iji-navy);
  border: 1px solid var(--iji-navy);
  color: #fff;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  letter-spacing: .02em;
  border-radius: 3px;
}
.cmp_button:hover,
.pkp_button:hover {
  background: var(--iji-gold);
  border-color: var(--iji-gold);
  color: #1a1407;
}

/* ---------- Content blocks / sidebar ---------- */
.pkp_block .title,
.pkp_block h2 {
  font-family: 'Spectral', Georgia, serif;
  color: var(--iji-navy);
  border-bottom: 2px solid var(--iji-gold);
  padding-bottom: .35rem;
}

.obj_article_summary { border-bottom: 1px solid var(--iji-line); }
.obj_article_summary .title a { color: var(--iji-navy); }
.obj_article_summary .title a:hover { color: var(--iji-gold); }

/* Galley / PDF download pills */
.obj_galley_link.pdf,
.obj_galley_link {
  background: var(--iji-navy);
  color: #fff !important;
  border-radius: 3px;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
}
.obj_galley_link:hover { background: var(--iji-gold); color: #1a1407 !important; }

/* Current issue / banner accents */
.cmp_announcement .title,
.obj_issue_toc .heading { color: var(--iji-navy); }

/* ---------- Footer ---------- */
.pkp_structure_footer {
  background: var(--iji-navy);
  color: #cdd6df;
  border-top: 3px solid var(--iji-gold);
}
.pkp_structure_footer a { color: #cdd6df; }
.pkp_structure_footer a:hover { color: var(--iji-gold-l); }
.pkp_brand_footer { border: none; background: transparent; }

/* ---------- Misc polish ---------- */
::selection { background: var(--iji-gold); color: #1a1407; }
.pkp_structure_content { padding-top: 1.5rem; }