/* =========================================================
   Journal of Contemporary World Studies — custom stylesheet v5
   erticazPress theme (OJS 3.4) uchun.

   Nega "html body" prefiksi: sayt darajasidagi CSS
   (public/site/styleSheet.css) sahifada eng oxirida yuklanadi va
   header'ni !important bilan to'q ko'k qiladi. U fayl barcha 6 ta
   jurnalga tegishli, shuning uchun unga tegmaymiz; o'rniga bu yerda
   aniqroq (kuchliroq) selektorlar bilan faqat shu jurnal uchun
   bosib o'tamiz.

   Yuklash: Settings > Website > Appearance > Advanced > Journal style sheet
   ========================================================= */

:root {
  --jcws-head: #152F2E;  /* header foni: statistika paneli bilan bir oila */
  --jcws-gold: #C9A24A;  /* aksent: "JCWS" logotipidagi oltin rang */
  --jcws-ink:  #1A2230;
  --jcws-wrap: 900px;    /* asosiy kontent kengligi */
}

/* ---------- Header foni: bitta yaxlit blok ---------- */
html body .pkp_structure_head {
  background: var(--jcws-head) !important;
  border-bottom: 3px solid var(--jcws-gold) !important;
  box-shadow: none !important;
}

/* Ichki qatlamlar shaffof: alohida to'q ko'k / qora bloklar yo'qoladi */
html body .pkp_structure_head .pkp_head_wrapper {
  position: relative !important;
  max-width: calc(var(--jcws-wrap) + 2.5rem) !important;
  margin: 0 auto !important;
  padding: 0 1.25rem !important;
  background: transparent !important;
  border-bottom: 0 !important;
}

html body .pkp_structure_head .pkp_site_name_wrapper,
html body .pkp_structure_head .pkp_site_nav_menu,
html body .pkp_structure_head .pkp_navigation_primary_row,
html body .pkp_structure_head .pkp_navigation_primary_wrapper,
html body .pkp_structure_head .pkp_navigation_primary {
  background: transparent !important;
}

/* ---------- Jurnal nomi ---------- */
html body .pkp_structure_head .pkp_site_name .is_text,
html body .pkp_structure_head .pkp_site_name a {
  color: #FFFFFF !important;
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important;
  letter-spacing: 0.005em !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* ---------- Asosiy menyu ---------- */
html body .pkp_structure_head .pkp_navigation_primary > li > a {
  color: rgba(255, 255, 255, 0.88) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .pkp_structure_head .pkp_navigation_primary > li > a:hover,
html body .pkp_structure_head .pkp_navigation_primary > li > a:focus,
html body .pkp_structure_head .pkp_navigation_primary > li.active > a {
  color: #FFFFFF !important;
  background: transparent !important;
  box-shadow: inset 0 -3px 0 var(--jcws-gold) !important;
}

/* Ochiladigan "About" menyusi: oq fon, to'q matn */
html body .pkp_structure_head .pkp_navigation_primary ul {
  background: #FFFFFF !important;
}

html body .pkp_structure_head .pkp_navigation_primary ul li a {
  color: var(--jcws-ink) !important;
  box-shadow: none !important;
}

html body .pkp_structure_head .pkp_navigation_primary ul li a:hover {
  color: #0F5A63 !important;
}

/* Qidiruv va foydalanuvchi menyusi */
html body .pkp_structure_head .pkp_search a,
html body .pkp_structure_head .pkp_navigation_search_wrapper a,
html body .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a,
html body .pkp_structure_head .pkp_site_nav_toggle > span {
  color: rgba(255, 255, 255, 0.85) !important;
}

html body .pkp_structure_head .pkp_search a:hover,
html body .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a:hover {
  color: var(--jcws-gold) !important;
}

/* Foydalanuvchi menyusining ichki ro'yxati (Dashboard, Logout...) */
html body .pkp_structure_head .pkp_navigation_user ul a {
  color: var(--jcws-ink) !important;
}

/* ---------- Kompyuter ekranlari uchun joylashuv ---------- */
@media (min-width: 992px) {
  html body .pkp_structure_head .pkp_site_name_wrapper {
    padding: 2.5rem 0 1.25rem !important;
  }

  html body .pkp_structure_head .pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* "admin" menyusi header burchagiga bog'lansin */
  html body .pkp_structure_head .pkp_site_nav_menu {
    position: static !important;
  }

  html body .pkp_structure_head .pkp_navigation_primary_row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

  /* Menyu va "Search" bir qatorda: menyu chapda, Search o'ngda */
  html body .pkp_structure_head .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  html body .pkp_structure_head .pkp_navigation_primary_wrapper > .pkp_navigation_primary {
    flex: 1 1 auto !important;
  }

  html body .pkp_structure_head .pkp_navigation_search_wrapper {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
  }

  html body .pkp_structure_head .pkp_navigation_search_wrapper a {
    margin: 0 !important;
    padding: 0.95rem 0 !important;
    border-bottom: 0 !important;
  }

  html body .pkp_structure_head .pkp_navigation_primary > li > a {
    margin: 0 1.75rem 0 0 !important;
    padding: 0.95rem 0 !important;
  }

  /* "admin" menyusi: OJS default theme uni left:50% + translateX(-50%)
     bilan o'rtaga qo'yadi. Ikkalasini ham bekor qilib, o'ngga bog'laymiz. */
  html body .pkp_structure_head #navigationUserWrapper {
    position: absolute !important;
    top: 0.75rem !important;
    right: 1.25rem !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    padding: 0 !important;
  }

  html body .pkp_structure_head #navigationUser {
    padding-right: 0 !important;
  }

  /* Ochiladigan menyu o'ng chetdan chiqib ketmasin */
  html body .pkp_structure_head #navigationUser > li:hover ul {
    left: auto !important;
    right: 0 !important;
  }

  html body .pkp_structure_head .pkp_navigation_user > li > a {
    font-size: 0.875rem !important;
  }
}

/* ---------- Logotip rasmi (yuklangandan keyin) ---------- */
html body .pkp_structure_head .pkp_site_name .is_img img {
  display: block;
  max-height: 64px !important;
  width: auto !important;
  max-width: 100% !important;
}

@media (max-width: 991px) {
  html body .pkp_structure_head .pkp_site_name .is_img img {
    max-height: 40px !important;
  }
}

/* ---------- Footer ---------- */
html body .pkp_structure_footer_wrapper {
  background: var(--jcws-head) !important;
  border-top: 3px solid var(--jcws-gold) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

html body .pkp_structure_footer_wrapper .pkp_structure_footer,
html body .pkp_structure_footer_wrapper .pkp_footer_content {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

html body .pkp_structure_footer_wrapper a {
  color: #FFFFFF !important;
  text-decoration: none;
}

html body .pkp_structure_footer_wrapper a:hover,
html body .pkp_structure_footer_wrapper a:focus {
  color: var(--jcws-gold) !important;
  text-decoration: underline;
}

.jcws-footer {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 2rem;
  max-width: var(--jcws-wrap);
  margin: 0 auto;
  padding: 2.5rem 0 1.5rem;
  text-align: left;
  font-size: 0.925rem;
  line-height: 1.6;
}

.jcws-footer p { margin: 0 0 0.5rem; }
.jcws-footer ul { list-style: none; margin: 0; padding: 0; }
.jcws-footer li { margin: 0 0 0.4rem; }

.jcws-footer__name {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #FFFFFF;
}

.jcws-footer__title {
  font-weight: 600;
  color: var(--jcws-gold);
}

.jcws-footer__legal {
  max-width: var(--jcws-wrap);
  margin: 0 auto;
  padding: 1rem 0 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: left;
}

@media (max-width: 767px) {
  .jcws-footer {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    padding: 2rem 0 1rem;
  }
}

/* ---------- Klaviatura bilan boshqarish uchun aniq fokus ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--jcws-gold);
  outline-offset: 2px;
}