/* Simple Professional Medical Journal Theme - Dropdown Fixed
   Fayl nomi: medical-journal-simple-fixed.css
   OJS jurnal sayti uchun oddiy, jiddiy dizayn.
   About ochiladigan menyu matni ko'rinmasligi tuzatildi.
*/

:root {
  --primary: #12395b;
  --primary-dark: #0b2439;
  --secondary: #246b92;
  --accent: #1d7f8c;
  --bg: #f6f8fa;
  --card: #ffffff;
  --text: #1f2933;
  --muted: #667085;
  --border: #d9e2ec;
  --shadow: 0 8px 24px rgba(15, 35, 55, 0.08);
}

/* Umumiy */
html,
body {
  margin: 0;
  min-height: 100%;
  color: var(--text);
  font-family: Arial, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  background: var(--bg);
}

/* Sahifa kengligi */
.pkp_structure_page,
body > div,
#container {
  max-width: 1280px;
  margin: 0 auto;
}

/* Header */
.pkp_structure_head,
header,
#headerNavigationContainer {
  background: var(--primary);
  color: #ffffff;
  border-bottom: 4px solid var(--accent);
}

/* Jurnal nomi */
.pkp_site_name,
.pkp_site_name a,
header h1,
h1 {
  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Logo/banner */
.pkp_site_name img,
header img,
img[src*="pageHeaderLogoImage"],
img[src*="logo"] {
  max-height: 130px;
  width: auto;
  object-fit: contain;
  background: #ffffff;
  padding: 8px;
  border-radius: 6px;
}

/* Asosiy menyu */
.pkp_navigation_primary,
.pkp_navigation_user,
#navigationPrimary,
nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 0;
  padding: 12px 18px !important;
  list-style: none;
  background: var(--secondary);
}

.pkp_navigation_primary li,
.pkp_navigation_user li,
nav li {
  list-style: none;
}

.pkp_navigation_primary > li,
#navigationPrimary > li,
nav > ul > li {
  position: relative;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
#navigationPrimary > li > a,
nav > ul > li > a {
  display: inline-block;
  padding: 8px 12px;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  background: transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover,
#navigationPrimary > li > a:hover,
nav > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
}

/* MUHIM TUZATISH: About dropdown ichidagi yozuvlar */
.pkp_navigation_primary ul,
#navigationPrimary ul,
.dropdown-menu,
nav ul ul,
ul.dropdown-menu {
  min-width: 230px;
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px;
  padding: 8px !important;
  box-shadow: 0 12px 28px rgba(15, 35, 55, 0.16);
  z-index: 9999;
}

/* Dropdown ichidagi li fonini oq qilish */
.pkp_navigation_primary ul li,
#navigationPrimary ul li,
.dropdown-menu li,
nav ul ul li {
  background: #ffffff !important;
  color: var(--text) !important;
  display: block;
  width: 100%;
}

/* Dropdown ichidagi linklar aniq qoramtir bo'ladi */
.pkp_navigation_primary ul a,
#navigationPrimary ul a,
.dropdown-menu a,
nav ul ul a,
ul.dropdown-menu a,
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary .dropdown-menu a {
  display: block !important;
  width: auto;
  color: var(--text) !important;
  background: #ffffff !important;
  padding: 9px 11px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border-left: 0 !important;
}

/* Dropdown ichidagi span ham ko'rinsin */
.pkp_navigation_primary ul a span,
#navigationPrimary ul a span,
.dropdown-menu a span,
nav ul ul a span {
  color: var(--text) !important;
  opacity: 1 !important;
}

/* Dropdown hover */
.pkp_navigation_primary ul a:hover,
#navigationPrimary ul a:hover,
.dropdown-menu a:hover,
nav ul ul a:hover,
ul.dropdown-menu a:hover {
  background: #eef4f7 !important;
  color: var(--primary) !important;
}

/* OJS ayrim theme'larida active/current item oq qilib yuboradi */
.pkp_navigation_primary ul .current a,
#navigationPrimary ul .current a,
.dropdown-menu .current a,
.pkp_navigation_primary ul a.current,
#navigationPrimary ul a.current,
.dropdown-menu a.current {
  color: var(--primary) !important;
  background: #e8f3f5 !important;
  border-left: 4px solid var(--accent) !important;
}

/* Breadcrumb */
.cmp_breadcrumbs,
.breadcrumb,
.breadcrumbs,
nav[aria-label="breadcrumb"] {
  margin: 18px 0;
  padding: 10px 14px;
  background: #ffffff !important;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text) !important;
}

.cmp_breadcrumbs ol,
.breadcrumb ol,
.breadcrumbs ol,
.cmp_breadcrumbs ul,
.breadcrumb ul,
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.cmp_breadcrumbs li,
.breadcrumb li,
.breadcrumbs li,
.cmp_breadcrumbs span,
.breadcrumb span,
.breadcrumbs span {
  color: var(--muted) !important;
  opacity: 1 !important;
  font-weight: 500;
}

.cmp_breadcrumbs li::after,
.breadcrumb li::after,
.breadcrumbs li::after {
  content: "/";
  margin-left: 7px;
  color: #98a2b3 !important;
}

.cmp_breadcrumbs li:last-child::after,
.breadcrumb li:last-child::after,
.breadcrumbs li:last-child::after {
  content: "";
  margin: 0;
}

.cmp_breadcrumbs a,
.breadcrumb a,
.breadcrumbs a,
nav[aria-label="breadcrumb"] a {
  color: var(--primary) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.cmp_breadcrumbs a:hover,
.breadcrumb a:hover,
.breadcrumbs a:hover,
nav[aria-label="breadcrumb"] a:hover {
  color: var(--accent) !important;
  text-decoration: underline !important;
}

/* Asosiy kontent */
.pkp_structure_main,
main,
#main,
.page,
.pkp_structure_content {
  max-width: 1120px;
  margin: 24px auto;
  padding: 0 20px;
  color: var(--text);
}

/* Matn rangi */
.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main span,
.pkp_structure_main div,
main,
main p,
main li,
main span,
main div {
  color: var(--text);
}

/* Header ichidagi ranglarni saqlash, lekin dropdown bundan mustasno */
.pkp_structure_head *,
header *,
#headerNavigationContainer * {
  color: inherit;
}

.pkp_structure_head .pkp_navigation_primary ul *,
header .pkp_navigation_primary ul *,
#headerNavigationContainer .pkp_navigation_primary ul *,
.pkp_structure_head #navigationPrimary ul *,
header #navigationPrimary ul *,
#headerNavigationContainer #navigationPrimary ul *,
.pkp_structure_head .dropdown-menu *,
header .dropdown-menu *,
#headerNavigationContainer .dropdown-menu * {
  color: var(--text) !important;
}

/* Bloklar */
.page_index_journal,
.page_about,
.page_submissions,
.page_contact,
.obj_issue_toc,
.obj_article_summary,
.cmp_announcements,
.pkp_block,
section,
article {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

section,
article,
.page_index_journal,
.page_about,
.page_submissions,
.page_contact,
.obj_issue_toc,
.cmp_announcements,
.pkp_block {
  padding: 22px;
}

/* Sarlavhalar */
h2,
h3,
h4 {
  color: var(--primary-dark) !important;
  line-height: 1.3;
  font-weight: 700;
}

h2 {
  border-bottom: 2px solid var(--border);
  padding-bottom: 8px;
}

h3 {
  border-bottom: 1px solid var(--border);
  padding-bottom: 6px;
}

/* Linklar */
a {
  color: var(--primary);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}

a:hover {
  color: var(--accent);
}

/* Tugmalar */
button,
.button,
.cmp_button,
input[type="submit"],
input[type="button"],
a.button {
  border: 1px solid var(--primary) !important;
  border-radius: 5px !important;
  padding: 9px 15px !important;
  color: #ffffff !important;
  background: var(--primary) !important;
  font-weight: 600 !important;
  cursor: pointer;
}

button:hover,
.button:hover,
.cmp_button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Forma */
input,
select,
textarea {
  border: 1px solid var(--border) !important;
  border-radius: 5px !important;
  padding: 9px 11px !important;
  color: var(--text) !important;
  background: #ffffff !important;
  outline: none;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(29, 127, 140, 0.14) !important;
}

/* Maqola ro'yxati */
.obj_article_summary {
  margin: 16px 0;
  padding: 18px 20px;
  border-left: 4px solid var(--accent);
}

.obj_article_summary .title,
.obj_article_summary h3,
.obj_article_summary h4 {
  margin-top: 0;
}

/* Muqova */
.cover img,
.issue_cover img,
.obj_issue_toc .cover img,
img[src*="issue"],
img[src*="cover"] {
  border-radius: 6px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

/* Jadval */
table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid var(--border);
}

th,
td {
  padding: 11px 13px;
  border: 1px solid var(--border);
  text-align: left;
}

th {
  color: #ffffff !important;
  background: var(--primary);
  font-weight: 700;
}

/* Sidebar */
.pkp_structure_sidebar,
aside {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 18px;
  box-shadow: var(--shadow);
}

/* Footer */
.pkp_structure_footer,
footer {
  margin-top: 32px;
  padding: 24px 20px;
  color: #ffffff;
  background: var(--primary-dark);
  border-top: 4px solid var(--accent);
}

.pkp_structure_footer a,
footer a {
  color: #b9f3ee !important;
}

/* Mobil */
@media (max-width: 768px) {
  .pkp_navigation_primary,
  .pkp_navigation_user,
  #navigationPrimary,
  nav ul {
    display: block;
    padding: 10px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a,
  #navigationPrimary > li > a,
  nav > ul > li > a {
    display: block;
    margin: 4px 0;
  }

  .pkp_navigation_primary ul,
  #navigationPrimary ul,
  .dropdown-menu,
  nav ul ul {
    position: static !important;
    min-width: 0;
    margin-top: 6px;
  }

  .pkp_structure_main,
  main,
  #main,
  .page,
  .pkp_structure_content {
    padding: 0 12px;
    margin: 14px auto;
  }

  section,
  article,
  .page_index_journal,
  .page_about,
  .page_submissions,
  .page_contact,
  .obj_issue_toc,
  .cmp_announcements,
  .pkp_block {
    padding: 16px;
  }

  .cmp_breadcrumbs ol,
  .breadcrumb ol,
  .breadcrumbs ol,
  .cmp_breadcrumbs ul,
  .breadcrumb ul,
  .breadcrumbs ul {
    display: block;
  }

  .cmp_breadcrumbs li,
  .breadcrumb li,
  .breadcrumbs li {
    margin: 4px 0;
  }

  .pkp_site_name img,
  header img {
    max-height: 100px;
  }
}