/* ============================================================
   EYIB.UZ — PREMIUM BRAND CSS
   Versiya: 2.0 | Nature / Elsevier darajasida
   OJS Admin > Website Settings > Appearance > Custom CSS
   ============================================================ */

/* ---- GOOGLE FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ---- O'ZGARUVCHILAR ---- */
:root {
  --eyib-dark:       #0a0a23;
  --eyib-dark2:      #12122e;
  --eyib-gold:       #c9a84c;
  --eyib-gold-light: #f0d080;
  --eyib-gold-bg:    rgba(201,168,76,0.08);
  --eyib-gold-bdr:   rgba(201,168,76,0.35);
  --eyib-paper:      #f8f7f4;
  --eyib-white:      #ffffff;
  --eyib-text:       #1a1a2e;
  --eyib-muted:      #6b6060;
  --eyib-light-muted:#8b7355;
  --eyib-border:     #e8e2d6;
  --eyib-surface:    #f5f0e8;
  --eyib-radius:     8px;
  --eyib-serif:      'Playfair Display', Georgia, serif;
  --eyib-sans:       'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ---- ASOSIY BODY ---- */
body {
  font-family: var(--eyib-sans) !important;
  background: var(--eyib-paper) !important;
  color: var(--eyib-text) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- YUQORI MINI PANEL (topbar) ---- */
.pkp_site_header,
#navigationUserWrapper {
  background: var(--eyib-dark) !important;
}

.pkp_navigation_user,
#navigationUser {
  background: var(--eyib-dark) !important;
  padding: 6px 24px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.pkp_navigation_user a,
#navigationUser a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.pkp_navigation_user a:hover,
#navigationUser a:hover {
  color: var(--eyib-gold) !important;
}

/* ---- HEADER / MASTHEAD ---- */
.pkp_structure_head,
header.pkp_structure_head,
.pkp_head_wrapper {
  background: var(--eyib-dark) !important;
  padding: 0 24px !important;
  border-bottom: none !important;
}

.pkp_site_name_logo,
.pkp_site_name {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 0 !important;
}

/* Logo yonidagi matn */
.pkp_site_name a,
.pkp_site_name_logo a {
  font-family: var(--eyib-serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
}

/* Logo rasm */
.pkp_site_name_logo img {
  filter: brightness(0) invert(1);
  max-height: 48px;
}

/* ISSN / tagline */
.pkp_site_description,
.pkp_site_subtitle {
  font-size: 10px !important;
  color: rgba(255,255,255,0.35) !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}

/* ---- NAVIGATSIYA ---- */
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
nav.pkp_nav_primary {
  background: var(--eyib-dark2) !important;
  padding: 0 24px !important;
  border-bottom: 2px solid var(--eyib-gold) !important;
  border-top: none !important;
}

.pkp_navigation_primary li > a,
.pkp_site_nav_menu li > a,
nav.pkp_nav_primary a {
  color: rgba(255,255,255,0.65) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  padding: 13px 16px !important;
  display: inline-block !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  transition: color 0.2s, border-color 0.2s !important;
}

.pkp_navigation_primary li > a:hover,
.pkp_site_nav_menu li > a:hover,
nav.pkp_nav_primary a:hover,
.pkp_navigation_primary li.current > a,
.pkp_site_nav_menu li.current > a {
  color: var(--eyib-gold) !important;
  border-bottom-color: var(--eyib-gold) !important;
}

/* ---- HERO / JOURNAL INTRO ---- */
.pkp_page_index .introtext,
.about_site {
  background: var(--eyib-dark) !important;
  padding: 44px 28px 52px !important;
  margin: 0 !important;
  border-bottom: none !important;
  position: relative;
  overflow: hidden;
}

.pkp_page_index .introtext::before,
.about_site::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,0.06) 0%, transparent 70%);
  pointer-events: none;
}

.pkp_page_index .introtext h2,
.about_site h2 {
  font-family: var(--eyib-serif) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
}

.pkp_page_index .introtext p,
.about_site p {
  font-size: 14px !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.75 !important;
  max-width: 520px !important;
}

/* ---- ASOSIY CONTENT MAYDONI ---- */
.pkp_structure_main,
#pkp_content_main {
  background: var(--eyib-paper) !important;
  padding: 28px 24px !important;
}

/* ---- SECTION SARLAVHALARI ---- */
.pkp_structure_main h2,
.pkp_page_index h2,
main h2,
.block h2 {
  font-family: var(--eyib-serif) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--eyib-text) !important;
  margin: 28px 0 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--eyib-border) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 11px !important;
}

.pkp_structure_main h2::after,
main h2::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--eyib-border);
}

/* ---- JORIY SON KARTI ---- */
.obj_issue_summary,
.current_issue .issue_heading,
.pkp_helpers_smarty .issue {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  border-left: 4px solid var(--eyib-gold) !important;
  border-radius: 0 var(--eyib-radius) var(--eyib-radius) 0 !important;
  padding: 20px 22px !important;
  margin-bottom: 20px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.obj_issue_summary:hover {
  border-left-color: var(--eyib-dark) !important;
  box-shadow: 0 4px 24px rgba(10,10,35,0.07) !important;
}

.obj_issue_summary .title a,
.issue_title a {
  font-family: var(--eyib-serif) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--eyib-text) !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}

.obj_issue_summary .title a:hover {
  color: var(--eyib-gold) !important;
}

.obj_issue_summary .meta,
.issue_meta {
  font-size: 11px !important;
  color: var(--eyib-light-muted) !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* ---- MAQOLA KARTLARI ---- */
.obj_article_summary {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  padding: 18px 20px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.obj_article_summary:hover {
  border-color: var(--eyib-gold) !important;
  box-shadow: 0 3px 18px rgba(10,10,35,0.06) !important;
}

/* Maqola sarlavhasi */
.obj_article_summary .title a,
.obj_article_summary h3 a {
  font-family: var(--eyib-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--eyib-text) !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
}

.obj_article_summary .title a:hover {
  color: var(--eyib-gold) !important;
}

/* Muallif ismi */
.obj_article_summary .authors {
  font-size: 12px !important;
  color: var(--eyib-light-muted) !important;
  margin-top: 4px !important;
  font-style: italic !important;
}

/* Bet raqamlari */
.obj_article_summary .pages {
  display: inline-block !important;
  font-size: 11px !important;
  color: var(--eyib-light-muted) !important;
  background: var(--eyib-surface) !important;
  padding: 2px 10px !important;
  border-radius: 3px !important;
  margin-top: 6px !important;
  letter-spacing: 0.3px !important;
}

/* ---- PDF / GALLEY HAVOLALAR ---- */
.obj_galley_link a,
.galley_link,
a.pdf,
.pkp_workflow_stage_btn,
.cmp_download_link a {
  display: inline-block !important;
  background: var(--eyib-dark) !important;
  color: var(--eyib-gold) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  letter-spacing: 0.4px !important;
  border: 1px solid var(--eyib-gold-bdr) !important;
  margin-top: 8px !important;
  margin-right: 6px !important;
  transition: background 0.2s, color 0.2s !important;
}

.obj_galley_link a:hover,
a.pdf:hover {
  background: var(--eyib-gold) !important;
  color: var(--eyib-dark) !important;
}

/* ---- ASOSIY TUGMALAR ---- */
a.btn,
.btn,
button,
input[type="submit"],
.pkp_button,
.pkp_button_primary,
.submit {
  background: var(--eyib-dark) !important;
  color: var(--eyib-gold) !important;
  border: 1px solid var(--eyib-gold-bdr) !important;
  border-radius: var(--eyib-radius) !important;
  padding: 10px 22px !important;
  font-family: var(--eyib-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}

a.btn:hover,
button:hover,
input[type="submit"]:hover,
.pkp_button:hover {
  background: var(--eyib-gold) !important;
  color: var(--eyib-dark) !important;
}

/* ---- YON PANEL (SIDEBAR) ---- */
.pkp_sidebar .pkp_block,
aside .pkp_block {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  overflow: hidden !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

.pkp_sidebar .pkp_block .title,
.pkp_sidebar .pkp_block h2,
aside .pkp_block > h3 {
  background: var(--eyib-dark) !important;
  color: var(--eyib-gold) !important;
  padding: 11px 16px !important;
  margin: 0 0 0 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
}

.pkp_sidebar .pkp_block .content,
.pkp_sidebar .pkp_block ul,
.pkp_sidebar .pkp_block p {
  padding: 14px 16px !important;
  font-size: 13px !important;
}

.pkp_sidebar .pkp_block ul li a,
.pkp_sidebar .pkp_block a {
  color: var(--eyib-text) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 16px !important;
  border-bottom: 1px solid var(--eyib-border) !important;
  transition: color 0.2s, background 0.2s !important;
}

.pkp_sidebar .pkp_block a:hover {
  color: var(--eyib-gold) !important;
  background: var(--eyib-surface) !important;
}

/* ---- SEARCH (QIDIRUV) ---- */
.pkp_block_search input[type="text"],
input[type="search"] {
  border: 1.5px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-family: var(--eyib-sans) !important;
  width: 100% !important;
  background: var(--eyib-white) !important;
  color: var(--eyib-text) !important;
  transition: border-color 0.2s !important;
}

.pkp_block_search input[type="text"]:focus,
input[type="search"]:focus {
  border-color: var(--eyib-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}

/* ---- BARCHA INPUT MAYDONLARI ---- */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1.5px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  padding: 9px 13px !important;
  font-family: var(--eyib-sans) !important;
  font-size: 14px !important;
  background: var(--eyib-white) !important;
  color: var(--eyib-text) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--eyib-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.10) !important;
}

/* ---- JADVAL (TABLE OF CONTENTS) ---- */
.section_article_title,
.section_title {
  font-family: var(--eyib-serif) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--eyib-text) !important;
  margin-bottom: 14px !important;
}

.table_of_contents .section {
  border: 1px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.table_of_contents .section_title_wrapper {
  background: var(--eyib-surface) !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--eyib-border) !important;
}

/* ---- PAGINATION (SAHIFALASH) ---- */
.pkp_helpers_page_links a,
.page_links a,
ul.pagination li a {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  color: var(--eyib-text) !important;
  border-radius: var(--eyib-radius) !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  margin: 2px !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s !important;
}

.pkp_helpers_page_links a:hover,
.pkp_helpers_page_links a.current,
.page_links a.current {
  background: var(--eyib-dark) !important;
  border-color: var(--eyib-dark) !important;
  color: var(--eyib-gold) !important;
}

/* ---- ANNOUNCEMENT / E'LON KARTLARI ---- */
.obj_announcement_summary,
.cmp_announcement_summary {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  border-top: 3px solid var(--eyib-gold) !important;
  border-radius: 0 0 var(--eyib-radius) var(--eyib-radius) !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
}

.obj_announcement_summary .title a {
  font-family: var(--eyib-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--eyib-text) !important;
  text-decoration: none !important;
}

/* ---- MAQOLA DETAIL SAHIFASI ---- */
.obj_article_details .page_header {
  background: var(--eyib-dark) !important;
  padding: 32px 28px !important;
  margin-bottom: 28px !important;
}

.obj_article_details .page_header h1 {
  font-family: var(--eyib-serif) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

.obj_article_details .authors .name {
  font-size: 14px !important;
  color: var(--eyib-gold) !important;
  font-style: italic !important;
}

.obj_article_details .main_entry,
.article_abstract {
  background: var(--eyib-white) !important;
  border: 1px solid var(--eyib-border) !important;
  border-left: 4px solid var(--eyib-gold) !important;
  border-radius: 0 var(--eyib-radius) var(--eyib-radius) 0 !important;
  padding: 20px 22px !important;
  margin-bottom: 20px !important;
  line-height: 1.8 !important;
  font-size: 14px !important;
}

/* ---- BREADCRUMB ---- */
.pkp_navigation_breadcrumbs,
nav[aria-label="breadcrumb"] {
  background: var(--eyib-surface) !important;
  padding: 10px 24px !important;
  border-bottom: 1px solid var(--eyib-border) !important;
  font-size: 12px !important;
}

.pkp_navigation_breadcrumbs a,
nav[aria-label="breadcrumb"] a {
  color: var(--eyib-light-muted) !important;
  text-decoration: none !important;
}

.pkp_navigation_breadcrumbs a:hover {
  color: var(--eyib-gold) !important;
}

/* ---- FOOTER ---- */
.pkp_structure_footer,
footer.pkp_structure_footer {
  background: var(--eyib-dark) !important;
  border-top: 2px solid var(--eyib-gold) !important;
  padding: 22px 24px !important;
  margin-top: 40px !important;
}

.pkp_brand_footer,
.pkp_footer_content {
  background: transparent !important;
  color: rgba(255,255,255,0.4) !important;
  font-size: 11px !important;
  letter-spacing: 0.4px !important;
  text-align: center !important;
}

.pkp_brand_footer a,
.pkp_footer_content a {
  color: var(--eyib-gold) !important;
  text-decoration: none !important;
}

/* Footer navigatsiya */
.pkp_navigation_footer,
.footer_nav {
  margin-bottom: 16px !important;
}

.pkp_navigation_footer a,
.footer_nav a {
  color: rgba(255,255,255,0.5) !important;
  font-size: 11px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 0 10px !important;
  border-right: 1px solid rgba(255,255,255,0.12) !important;
}

.pkp_navigation_footer a:hover,
.footer_nav a:hover {
  color: var(--eyib-gold) !important;
}

/* ---- XIZMAT XABARLARI ---- */
.pkp_notification,
.pkp_controllers_notification {
  border-radius: var(--eyib-radius) !important;
  border-left: 4px solid var(--eyib-gold) !important;
  background: var(--eyib-gold-bg) !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  margin-bottom: 16px !important;
}

/* ---- JADVAL / TABLE ---- */
table.pkp_helpers_table,
.pkp_controllers_grid table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  border: 1px solid var(--eyib-border) !important;
  border-radius: var(--eyib-radius) !important;
  overflow: hidden !important;
}

table.pkp_helpers_table th,
.pkp_controllers_grid table th {
  background: var(--eyib-dark) !important;
  color: var(--eyib-gold) !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 11px 14px !important;
  font-weight: 600 !important;
}

table.pkp_helpers_table td,
.pkp_controllers_grid table td {
  padding: 10px 14px !important;
  border-top: 1px solid var(--eyib-border) !important;
  font-size: 13px !important;
}

table.pkp_helpers_table tr:hover td {
  background: var(--eyib-surface) !important;
}

/* ---- KONFERENSIYA SAHIFASI ---- */
.pkp_page_conference .page_header h1,
.conference_header h1 {
  font-family: var(--eyib-serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--eyib-text) !important;
}

/* ---- RASM / COVER ---- */
.pkp_issue_cover,
.issue_cover img,
.obj_issue_summary img {
  border-radius: var(--eyib-radius) !important;
  border: 1px solid var(--eyib-border) !important;
}

/* ---- LINK GLOBAL USLUB ---- */
a {
  color: var(--eyib-dark) !important;
  transition: color 0.2s !important;
}

a:hover {
  color: var(--eyib-gold) !important;
}

/* ---- RESPONSIVE MOSLASHUV ---- */
@media (max-width: 768px) {
  .pkp_structure_main,
  #pkp_content_main {
    padding: 16px !important;
  }
  .pkp_navigation_primary_row,
  .pkp_site_nav_menu {
    padding: 0 12px !important;
  }
  .pkp_navigation_primary li > a {
    padding: 10px 10px !important;
    font-size: 11px !important;
  }
  .obj_article_summary {
    flex-direction: column !important;
    gap: 10px !important;
  }
}