/*  * ╔════════════════════════════════════════════════════════════════╗  * ║  MOLIYA, PUL VA KREDIT — PREMIUM CSS v4.0                      ║  * ║  OJS 3.4 Classic Theme uchun                                  ║  * ║  Yeşil (o'sish) + Qirmizi (tushish) + Mavi (ishonch)        ║  * ║                                                                ║  * ║  Qo'llash:                                                    ║  * ║  Admin > Settings > Website > Appearance > Advanced >        ║  * ║  Journal Style Sheet                                         ║  * ╚════════════════════════════════════════════════════════════════╝  */  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Lato:wght@300;400;500;700&display=swap');  /* ══════════════════════════════════════════════════════════════    CSS O'ZGARUVCHILAR — MOLIYA RENGLARI ═════════════════════════════════════════════════════════════ */ :root {   /* Asosiy ranglar */   --fin-dark:       #0d1117;   --fin-dark2:      #161b22;   --fin-white:      #ffffff;   --fin-light:      #f6f8fb;   --fin-surface:    #eaecf0;      /* Moliya aktsent ranglari */   --fin-green:      #1b9e5f;      /* O'sish, muvaffaqiyat */   --fin-green-lt:   #2cb877;      /* Hover green */   --fin-green-pale: rgba(27,158,95,0.08);   --fin-red:        #d1433e;      /* Tushish, xavf */   --fin-red-lt:     #e85651;   --fin-red-pale:   rgba(209,67,62,0.08);   --fin-blue:       #0969da;      /* Ishonch, analitika */   --fin-blue-lt:    #1f77f2;   --fin-blue-pale:  rgba(9,105,218,0.08);   --fin-gold:       #9e6a03;      /* Premiumlik */   --fin-gray:       #57606a;      /* Text secondary */      /* Fonts */   --fin-serif:      'Playfair Display', Georgia, serif;   --fin-sans:       'Lato', -apple-system, BlinkMacSystemFont, sans-serif;      /* Borders & Radius */   --fin-radius:     6px;   --fin-border:     #d0d7de;   --fin-shadow:     0 3px 12px rgba(0,0,0,0.08);   --fin-shadow-lg:  0 8px 24px rgba(0,0,0,0.12); }  /* ══════════════════════════════════════════════════════════════    GLOBAL BODY ═════════════════════════════════════════════════════════════ */ * { box-sizing: border-box; }  html { scroll-behavior: smooth; }  body {   font-family: var(--fin-sans) !important;   background: var(--fin-light) !important;   color: #24292f !important;   font-size: 15px !important;   line-height: 1.6 !important;   -webkit-font-smoothing: antialiased; }  /* ══════════════════════════════════════════════════════════════    BARCHA HAVOLALAR ═════════════════════════════════════════════════════════════ */ a {   color: var(--fin-dark) !important;   text-decoration: none !important;   transition: color 0.2s !important; }  a:hover {   color: var(--fin-blue-lt) !important;   text-decoration: underline !important; }  a.active, a.current {   color: var(--fin-blue-lt) !important; }  /* ══════════════════════════════════════════════════════════════    HEADER / MASTHEAD — TO'LIQ REFACTORED ═════════════════════════════════════════════════════════════ */  /* Top bar (Register/Login) */ .pkp_navigation_user_wrapper, .pkp_navigation_user {   background: var(--fin-dark) !important;   padding: 8px 28px !important;   border-bottom: 1px solid rgba(255,255,255,0.1) !important;   display: flex !important;   align-items: center !important;   justify-content: flex-end !important;   gap: 24px !important; }  .pkp_navigation_user li, .pkp_navigation_user {   list-style: none !important;   margin: 0 !important;   padding: 0 !important; }  .pkp_navigation_user li a {   color: rgba(255,255,255,0.6) !important;   font-size: 12px !important;   font-weight: 500 !important;   letter-spacing: 0.5px !important;   text-transform: uppercase !important;   padding: 6px 0 !important;   border: none !important; }  .pkp_navigation_user li a:hover {   color: var(--fin-green-lt) !important;   text-decoration: none !important; }  .task_count {   background: var(--fin-red) !important;   color: white !important; }  /* Site name / Journal title */ .pkp_structure_head {   background: var(--fin-dark) !important;   padding: 16px 28px !important;   border-bottom: none !important; }  .pkp_head_wrapper {   display: flex !important;   align-items: center !important;   gap: 20px !important; }  .pkp_site_name {   position: static !important;   flex: 1 !important;   margin: 0 !important;   padding: 0 !important;   white-space: normal !important;   overflow: visible !important; }  .pkp_site_name .is_text {   font-family: var(--fin-serif) !important;   font-size: 24px !important;   font-weight: 700 !important;   color: #ffffff !important;   line-height: 1.2 !important;   text-decoration: none !important;   display: block !important; }  .pkp_site_name .is_text::after {   content: '';   display: block;   height: 3px;   width: 40px;   background: linear-gradient(90deg, var(--fin-green), var(--fin-blue), var(--fin-red));   margin-top: 6px; }  .pkp_site_name .is_img img {   max-height: 52px !important;   width: auto !important;   display: block !important; }  /* ══════════════════════════════════════════════════════════════    NAVIGATSIYA — COMPLETELY FIXED ═════════════════════════════════════════════════════════════ */  .pkp_navigation_primary_row {   background: var(--fin-dark2) !important;   padding: 0 28px !important;   border-bottom: 3px solid var(--fin-blue) !important;   border-top: none !important;   display: flex !important;   align-items: center !important;   gap: 0 !important; }  .pkp_navigation_primary_wrapper {   padding: 0 !important;   margin: 0 !important;   flex: 1 !important; }  .pkp_navigation_primary {   display: flex !important;   list-style: none !important;   margin: 0 !important;   padding: 0 !important;   gap: 0 !important; }  .pkp_navigation_primary li {   position: relative !important;   list-style: none !important; }  .pkp_navigation_primary > li > a {   color: rgba(255,255,255,0.7) !important;   font-size: 13px !important;   font-weight: 500 !important;   letter-spacing: 0.3px !important;   padding: 14px 16px !important;   display: block !important;   border-bottom: 3px solid transparent !important;   margin-bottom: -3px !important;   text-decoration: none !important;   transition: color 0.2s, border-color 0.2s !important; }  .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li.current > a {   color: #ffffff !important;   border-bottom-color: var(--fin-green) !important;   text-decoration: none !important; }  .pkp_navigation_primary > li > a:focus {   outline: 2px solid var(--fin-blue) !important;   outline-offset: -3px !important; }  /* Dropdown menyu */ .pkp_navigation_primary ul {   position: absolute !important;   top: 100% !important;   left: 0 !important;   min-width: 200px !important;   background: var(--fin-dark) !important;   border: 1px solid rgba(255,255,255,0.1) !important;   border-radius: var(--fin-radius) !important;   box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;   padding: 6px 0 !important;   margin: 0 !important;   list-style: none !important;   z-index: 1000 !important;   opacity: 0 !important;   pointer-events: none !important;   transform: translateY(-8px) !important;   transition: opacity 0.2s, transform 0.2s !important; }  .pkp_navigation_primary > li:hover > ul {   opacity: 1 !important;   pointer-events: auto !important;   transform: translateY(0) !important; }  .pkp_navigation_primary ul li a {   color: rgba(255,255,255,0.75) !important;   font-size: 13px !important;   padding: 10px 18px !important;   display: block !important;   border-left: 3px solid transparent !important;   text-decoration: none !important;   transition: color 0.15s, border-color 0.15s, background 0.15s !important; }  .pkp_navigation_primary ul li a:hover {   background: rgba(255,255,255,0.05) !important;   border-left-color: var(--fin-green) !important;   color: #ffffff !important;   text-decoration: none !important; }  /* Search qidiruv */ .pkp_navigation_search_wrapper {   margin-left: auto !important;   padding-left: 16px !important; }  .pkp_navigation_search_wrapper a {   color: rgba(255,255,255,0.6) !important;   font-size: 13px !important;   padding: 14px 10px !important;   display: flex !important;   align-items: center !important;   gap: 6px !important;   transition: color 0.2s !important; }  .pkp_navigation_search_wrapper a:hover {   color: var(--fin-blue-lt) !important;   text-decoration: none !important; }  /* Mobile menyu toggle */ .pkp_site_nav_toggle {   display: none !important; }  @media (max-width: 768px) {   .pkp_navigation_primary_row {     padding: 0 14px !important;   }      .pkp_navigation_primary {     flex-direction: column !important;   }      .pkp_navigation_primary > li > a {     padding: 12px 14px !important;     border-bottom: none !important;     border-left: 3px solid transparent !important;     margin-bottom: 0 !important;   }      .pkp_navigation_primary > li.current > a {     border-left-color: var(--fin-green) !important;     border-bottom-color: transparent !important;   }      .pkp_navigation_search_wrapper {     margin-left: 0 !important;     padding-left: 0 !important;     width: 100% !important;   } }  /* ══════════════════════════════════════════════════════════════    HERO / INTRO QISM (ABOUT SECTION) ═════════════════════════════════════════════════════════════ */  .homepage_about, .pkp_page_index .about, .pkp_page_index .intro {   background: linear-gradient(135deg, var(--fin-dark) 0%, var(--fin-dark2) 100%) !important;   color: rgba(255,255,255,0.85) !important;   padding: 48px 40px !important;   margin-bottom: 0 !important;   position: relative;   overflow: hidden; }  .homepage_about::before {   content: '';   position: absolute;   top: 0;   right: 0;   width: 400px;   height: 400px;   background: radial-gradient(circle, rgba(27,158,95,0.08) 0%, transparent 70%);   border-radius: 50%;   pointer-events: none; }  .homepage_about h1, .homepage_about h2, .pkp_page_index .about h1, .pkp_page_index .about h2 {   font-family: var(--fin-serif) !important;   font-size: 32px !important;   font-weight: 700 !important;   color: #ffffff !important;   letter-spacing: 0.2px !important;   line-height: 1.3 !important;   margin-bottom: 16px !important;   position: relative;   z-index: 1;   border: none !important;   text-transform: none !important; }  .homepage_about p, .pkp_page_index .about p {   font-size: 15px !important;   color: rgba(255,255,255,0.75) !important;   line-height: 1.8 !important;   max-width: 650px !important;   position: relative;   z-index: 1; }  .homepage_about strong, .pkp_page_index .about strong {   color: var(--fin-green-lt) !important;   font-weight: 600 !important; }  .homepage_about em, .pkp_page_index .about em {   color: rgba(255,255,255,0.9) !important;   font-style: italic !important; }  /* ══════════════════════════════════════════════════════════════    MAIN CONTENT AREA ═════════════════════════════════════════════════════════════ */  .pkp_structure_main {   background: transparent !important;   padding: 36px 28px !important;   max-width: 1200px !important;   margin: 0 auto !important; }  /* H1 - Sahifa sarlavhasi */ .pkp_structure_main h1, .issue_heading h1 {   font-family: var(--fin-serif) !important;   font-size: 28px !important;   font-weight: 700 !important;   color: var(--fin-dark) !important;   line-height: 1.3 !important;   margin-bottom: 24px !important; }  /* H2 - Bo'lim sarlavhalari */ .pkp_structure_main h2 {   font-size: 11px !important;   font-weight: 700 !important;   letter-spacing: 2px !important;   text-transform: uppercase !important;   color: var(--fin-gray) !important;   margin: 36px 0 18px !important;   padding-bottom: 12px !important;   border-bottom: 2px solid var(--fin-border) !important;   display: flex !important;   align-items: center !important;   gap: 12px !important; }  .pkp_structure_main h2::after {   content: '';   flex: 1;   height: 2px;   background: var(--fin-border); }  /* H3 - Maqola sarlavhasi */ .pkp_structure_main h3, .article--title h3 {   font-family: var(--fin-serif) !important;   font-size: 17px !important;   font-weight: 700 !important;   color: var(--fin-dark) !important;   line-height: 1.4 !important;   margin-bottom: 6px !important; }  /* H5 - Maqola sarlavhasi (alternative) */ .pkp_structure_main h5 {   font-family: var(--fin-serif) !important;   font-size: 15px !important;   font-weight: 600 !important;   color: var(--fin-dark) !important; }  /* ══════════════════════════════════════════════════════════════    JORIY SON / ISSUE HEADING ═════════════════════════════════════════════════════════════ */  .issue_heading {   background: var(--fin-white) !important;   border: 1px solid var(--fin-border) !important;   border-left: 5px solid var(--fin-blue) !important;   border-radius: 0 var(--fin-radius) var(--fin-radius) 0 !important;   padding: 22px 26px !important;   margin-bottom: 28px !important;   box-shadow: var(--fin-shadow) !important; }  .issue_heading .vol_info, .issue_heading .series {   font-size: 9px !important;   letter-spacing: 1.8px !important;   text-transform: uppercase !important;   color: var(--fin-blue) !important;   font-weight: 700 !important;   margin-bottom: 8px !important; }  .issue_heading h2, .issue_heading h3 {   font-family: var(--fin-serif) !important;   font-size: 18px !important;   font-weight: 700 !important;   color: var(--fin-dark) !important;   margin: 0 0 8px !important;   line-height: 1.35 !important;   border: none !important;   text-transform: none !important;   padding: 0 !important; }  .issue_heading h2 a, .issue_heading h3 a {   color: var(--fin-dark) !important; }  .issue_heading h2 a:hover, .issue_heading h3 a:hover {   color: var(--fin-blue-lt) !important; }  .issue_heading .date, .issue_heading .published {   font-size: 11px !important;   color: var(--fin-gray) !important;   background: var(--fin-surface) !important;   padding: 4px 10px !important;   border-radius: 3px !important;   display: inline-block !important;   margin-top: 8px !important; }  .issue_description p {   font-size: 13px !important;   line-height: 1.75 !important;   color: var(--fin-gray) !important;   margin-bottom: 8px !important; }  /* ══════════════════════════════════════════════════════════════    MAQOLALAR RO'YXATI — ARTICLES LIST ═════════════════════════════════════════════════════════════ */  .cmp_article_list li, .article_summary, .article--summary {   background: var(--fin-white) !important;   border: 1px solid var(--fin-border) !important;   border-radius: var(--fin-radius) !important;   padding: 18px 22px !important;   margin-bottom: 10px !important;   list-style: none !important;   box-shadow: none !important;   transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important; }  .cmp_article_list li:hover, .article_summary:hover {   border-color: var(--fin-blue) !important;   box-shadow: 0 6px 20px rgba(9,105,218,0.12) !important;   transform: translateY(-2px) !important; }  /* Maqola sarlavhasi */ .cmp_article_list li h3 a, .cmp_article_list li h5 a, .cmp_article_list li .title a, .article--title a, .article_summary h3 a {   font-family: var(--fin-serif) !important;   font-size: 15px !important;   font-weight: 700 !important;   color: var(--fin-dark) !important;   line-height: 1.45 !important;   text-decoration: none !important; }  .cmp_article_list li h3 a:hover, .article--title a:hover {   color: var(--fin-blue-lt) !important;   text-decoration: underline !important; }  /* Muallif */ .cmp_article_list li .authors, .cmp_article_list li .author, .article--authors {   font-size: 12px !important;   color: var(--fin-gray) !important;   font-style: italic !important;   margin-top: 5px !important; }  /* Bet raqami */ .cmp_article_list li .pages, .article--pages, .article_summary .pages {   font-size: 11px !important;   color: var(--fin-gray) !important;   background: var(--fin-surface) !important;   padding: 3px 10px !important;   border-radius: 3px !important;   display: inline-block !important;   margin-top: 7px !important;   margin-right: 8px !important; }  /* ══════════════════════════════════════════════════════════════    PDF / GALLEY TUGMALAR ═════════════════════════════════════════════════════════════ */  .cmp_galley_link a, .article--galley a, a.pdf, a.galley_link, .obj_galley_link a {   display: inline-flex !important;   align-items: center !important;   gap: 6px !important;   background: var(--fin-blue) !important;   color: white !important;   font-size: 11px !important;   font-weight: 700 !important;   letter-spacing: 0.5px !important;   text-transform: uppercase !important;   padding: 6px 14px !important;   border-radius: 4px !important;   border: none !important;   text-decoration: none !important;   transition: all 0.2s !important;   margin-top: 8px !important; }  .cmp_galley_link a:hover, a.pdf:hover, .obj_galley_link a:hover {   background: var(--fin-blue-lt) !important;   transform: translateX(2px) !important;   box-shadow: 0 4px 12px rgba(9,105,218,0.25) !important;   color: white !important;   text-decoration: none !important; }  /* ══════════════════════════════════════════════════════════════    SIDEBAR / YON PANEL ═════════════════════════════════════════════════════════════ */  .pkp_block {   background: var(--fin-white) !important;   border: 1px solid var(--fin-border) !important;   border-radius: var(--fin-radius) !important;   overflow: hidden !important;   margin-bottom: 20px !important; }  .pkp_block > .title, .pkp_block > h2 {   background: linear-gradient(90deg, var(--fin-dark) 0%, var(--fin-dark2) 100%) !important;   color: white !important;   font-size: 10px !important;   font-weight: 700 !important;   letter-spacing: 1.8px !important;   text-transform: uppercase !important;   padding: 12px 16px !important;   margin: 0 !important;   border-bottom: 2px solid var(--fin-green) !important; }  .pkp_block .content, .pkp_block ul, .pkp_block p {   padding: 14px 16px !important;   font-size: 13px !important;   color: var(--fin-gray) !important; }  .pkp_block a {   display: flex !important;   align-items: center !important;   justify-content: space-between !important;   padding: 9px 16px !important;   color: var(--fin-dark) !important;   border-bottom: 1px solid var(--fin-surface) !important;   text-decoration: none !important;   transition: background 0.2s, color 0.2s !important; }  .pkp_block a:last-child {   border-bottom: none !important; }  .pkp_block a:hover {   background: var(--fin-surface) !important;   color: var(--fin-blue-lt) !important;   text-decoration: none !important; }  /* ══════════════════════════════════════════════════════════════    QIDIRUV INPUT ═════════════════════════════════════════════════════════════ */  .pkp_block_search input[type="text"], input[type="search"] {   width: 100% !important;   padding: 10px 12px !important;   border: 1.5px solid var(--fin-border) !important;   border-radius: var(--fin-radius) !important;   font-size: 13px !important;   font-family: var(--fin-sans) !important;   background: var(--fin-surface) !important;   transition: border-color 0.2s, box-shadow 0.2s !important; }  input[type="search"]:focus {   border-color: var(--fin-blue) !important;   background: var(--fin-white) !important;   box-shadow: 0 0 0 3px var(--fin-blue-pale) !important;   outline: none !important; }  /* ══════════════════════════════════════════════════════════════    FOOTER ═════════════════════════════════════════════════════════════ */  .pkp_structure_footer, footer.pkp_structure_footer {   background: var(--fin-dark) !important;   border-top: 3px solid var(--fin-green) !important;   padding: 36px 28px 24px !important;   margin-top: 48px !important;   color: rgba(255,255,255,0.5) !important; }  .pkp_footer_content {   text-align: center !important;   max-width: 1200px !important;   margin: 0 auto !important;   color: rgba(255,255,255,0.5) !important;   font-size: 12px !important;   line-height: 1.8 !important; }  .pkp_footer_content p {   color: rgba(255,255,255,0.5) !important;   margin: 6px 0 !important; }  .pkp_footer_content a {   color: rgba(255,255,255,0.7) !important;   text-decoration: none !important;   border-bottom: 1px solid rgba(255,255,255,0.2) !important;   transition: color 0.2s !important; }  .pkp_footer_content a:hover {   color: var(--fin-green-lt) !important;   border-bottom-color: var(--fin-green-lt) !important; }  /* Footer navigatsiya */ .pkp_navigation_footer {   text-align: center !important;   padding: 16px 0 !important;   margin: 16px 0 !important;   border-top: 1px solid rgba(255,255,255,0.1) !important;   border-bottom: 1px solid rgba(255,255,255,0.1) !important; }  .pkp_navigation_footer a {   color: rgba(255,255,255,0.45) !important;   font-size: 11px !important;   letter-spacing: 0.8px !important;   text-transform: uppercase !important;   padding: 0 12px !important;   border-right: 1px solid rgba(255,255,255,0.15) !important;   transition: color 0.2s !important; }  .pkp_navigation_footer a:last-child {   border-right: none !important; }  .pkp_navigation_footer a:hover {   color: var(--fin-green-lt) !important; }  /* OJS brand footer */ .pkp_brand_footer {   text-align: center !important;   padding-top: 12px !important;   color: rgba(255,255,255,0.3) !important;   font-size: 10px !important; }  .pkp_brand_footer img {   opacity: 0.2 !important;   height: 16px !important;   filter: brightness(0) invert(1) !important; }  /* ══════════════════════════════════════════════════════════════    TUGMALAR (BUTTONS) ═════════════════════════════════════════════════════════════ */  button, .button, input[type="submit"], .btn, .pkp_button {   background: var(--fin-blue) !important;   color: white !important;   font-family: var(--fin-sans) !important;   font-size: 12px !important;   font-weight: 700 !important;   letter-spacing: 0.6px !important;   text-transform: uppercase !important;   padding: 10px 20px !important;   border: none !important;   border-radius: var(--fin-radius) !important;   cursor: pointer !important;   transition: all 0.2s !important; }  button:hover, input[type="submit"]:hover, .btn:hover, .pkp_button:hover {   background: var(--fin-blue-lt) !important;   box-shadow: 0 6px 16px rgba(9,105,218,0.3) !important;   transform: translateY(-1px) !important; }  /* ══════════════════════════════════════════════════════════════    PAGINATION ═════════════════════════════════════════════════════════════ */  .pkp_helpers_page_links, .page_links {   display: flex !important;   flex-wrap: wrap !important;   gap: 6px !important;   margin: 24px 0 !important; }  .pkp_helpers_page_links a, .page_links a {   display: inline-flex !important;   align-items: center !important;   justify-content: center !important;   width: 36px !important;   height: 36px !important;   font-size: 13px !important;   font-weight: 600 !important;   background: var(--fin-white) !important;   color: var(--fin-dark) !important;   border: 1px solid var(--fin-border) !important;   border-radius: var(--fin-radius) !important;   text-decoration: none !important;   transition: all 0.2s !important; }  .pkp_helpers_page_links a:hover, .page_links a:hover {   background: var(--fin-surface) !important;   border-color: var(--fin-blue) !important;   color: var(--fin-blue-lt) !important; }  .pkp_helpers_page_links a.current, .page_links .current {   background: var(--fin-blue) !important;   color: white !important;   border-color: var(--fin-blue) !important; }  /* ══════════════════════════════════════════════════════════════    MOLIYA JORNALIDAGI SPECIAL ELEMENTS ═════════════════════════════════════════════════════════════ */  /* O'sish/Ijobiy ko'rsatkich */ .increase, .positive, .gain {   color: var(--fin-green) !important;   font-weight: 600 !important; }  .increase::before {   content: '▲ ';   color: var(--fin-green) !important; }  /* Tushish/Salbiy ko'rsatkich */ .decrease, .negative, .loss {   color: var(--fin-red) !important;   font-weight: 600 !important; }  .decrease::before {   content: '▼ ';   color: var(--fin-red) !important; }  /* Neytral/Baravar */ .neutral, .stable {   color: var(--fin-gray) !important;   font-weight: 500 !important; }  .neutral::before {   content: '= ';   color: var(--fin-gray) !important; }  /* ══════════════════════════════════════════════════════════════    RESPONSIVE MOBILE ═════════════════════════════════════════════════════════════ */  @media (max-width: 768px) {   .pkp_structure_main {     padding: 20px 16px !important;   }    .homepage_about {     padding: 32px 20px !important;   }    .homepage_about h1,   .homepage_about h2 {     font-size: 24px !important;   }    .issue_heading {     padding: 16px 18px !important;   }    .cmp_article_list li {     padding: 14px 16px !important;   }    .pkp_structure_footer {     padding: 24px 16px !important;   } }  @media (max-width: 480px) {   .pkp_structure_main h1 {     font-size: 20px !important;   }    .homepage_about h1 {     font-size: 20px !important;   }    .pkp_navigation_primary > li > a {     font-size: 12px !important;     padding: 12px 10px !important;   } }

/* ============================================================
   MOLIYA, PUL VA KREDIT — ACADEMIC JOURNAL LAYER v5.0
   OJS 3.4 Classic Theme
   Maqsad: ilmiy jurnal + zamonaviy moliyaviy identika
   ============================================================ */

/* Jurnal brendi */
.pkp_site_name .is_text {
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
}

/* Ilmiy kontent uchun o'qiluvchanlik */
.pkp_structure_main p,
.pkp_structure_main li,
.article-details,
.obj_article_details {
  letter-spacing: 0.05px !important;
}

/* Maqola sahifasi */
.obj_article_details .title,
.obj_article_details h1 {
  font-family: var(--fin-serif) !important;
  color: var(--fin-dark) !important;
  line-height: 1.3 !important;
}

.obj_article_details .authors,
.obj_article_details .author {
  color: var(--fin-gray) !important;
}

/* Abstract / kalit so'zlar bloklari */
.obj_article_details .item.abstract,
.obj_article_details .item.keywords {
  background: var(--fin-white) !important;
  border: 1px solid var(--fin-border) !important;
  border-left: 4px solid var(--fin-blue) !important;
  border-radius: var(--fin-radius) !important;
  padding: 18px 22px !important;
  margin: 20px 0 !important;
}

.obj_article_details .item.abstract .label,
.obj_article_details .item.keywords .label {
  color: var(--fin-blue) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* DOI va bibliografik ma'lumotlar */
.obj_article_details .doi,
.obj_article_details .citation {
  font-size: 12px !important;
  color: var(--fin-gray) !important;
}

/* Jadval va ilmiy ma'lumotlar */
.pkp_structure_main table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: var(--fin-white) !important;
  border: 1px solid var(--fin-border) !important;
}

.pkp_structure_main table th {
  background: var(--fin-dark2) !important;
  color: var(--fin-white) !important;
  font-weight: 700 !important;
}

.pkp_structure_main table th,
.pkp_structure_main table td {
  padding: 9px 12px !important;
  border: 1px solid var(--fin-border) !important;
}

/* Ilmiy jurnalga mos badge */
.journal-badge {
  display: inline-block !important;
  padding: 4px 9px !important;
  border-radius: 3px !important;
  background: var(--fin-blue-pale) !important;
  color: var(--fin-blue) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

/* Bosma/PDF chaqiruvi */
.obj_galley_link a,
.cmp_galley_link a {
  letter-spacing: 0.7px !important;
}

/* Mobil qurilmalarda jurnal nomi */
@media (max-width: 768px) {
  .pkp_site_name .is_text {
    font-size: 19px !important;
  }

  .obj_article_details .title,
  .obj_article_details h1 {
    font-size: 24px !important;
  }

  .pkp_structure_main table {
    display: block !important;
    overflow-x: auto !important;
  }
}


/* ============================================================
   MOLIYA, PUL VA KREDIT — REFERENCE-STYLE OJS LAYER v6.0
   Visual/structural adaptation inspired by the supplied
   GREEN ECONOMY AND DEVELOPMENT reference.
   OJS 3.4 Classic Theme
   ============================================================ */

:root {
  --mpk-navy: #12355b;
  --mpk-navy-2: #0b2744;
  --mpk-blue: #1f6fb2;
  --mpk-green: #2f8f5b;
  --mpk-gold: #c89b3c;
  --mpk-bg: #f5f7fa;
  --mpk-card: #ffffff;
  --mpk-text: #1d2733;
  --mpk-muted: #687586;
  --mpk-line: #e2e7ed;
  --mpk-radius: 10px;
}

/* ---------- GLOBAL ---------- */
body {
  background: var(--mpk-bg) !important;
  color: var(--mpk-text) !important;
}

.pkp_structure_page {
  background: var(--mpk-bg) !important;
}

/* ---------- TOP UTILITY BAR ---------- */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
  background: var(--mpk-navy-2) !important;
  min-height: 38px !important;
  padding: 5px 30px !important;
}

.pkp_navigation_user li a {
  color: rgba(255,255,255,.82) !important;
  font-size: 11px !important;
  text-transform: none !important;
  letter-spacing: .2px !important;
}

.pkp_navigation_user li a:hover {
  color: #fff !important;
}

/* ---------- JOURNAL HEADER ---------- */
.pkp_structure_head {
  background: #fff !important;
  padding: 22px 30px 18px !important;
  border-bottom: 1px solid var(--mpk-line) !important;
}

.pkp_head_wrapper {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.pkp_site_name .is_text {
  color: var(--mpk-navy) !important;
  font-family: var(--fin-serif) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
}

.pkp_site_name .is_text::after {
  width: 68px !important;
  height: 4px !important;
  background: linear-gradient(
    90deg,
    var(--mpk-navy),
    var(--mpk-blue),
    var(--mpk-green)
  ) !important;
  margin-top: 9px !important;
}

.pkp_site_name .is_img img {
  max-height: 68px !important;
}

/* ---------- PRIMARY NAVIGATION ---------- */
.pkp_navigation_primary_row {
  background: #fff !important;
  border-bottom: 3px solid var(--mpk-blue) !important;
  box-shadow: 0 2px 8px rgba(18,53,91,.06) !important;
  padding: 0 30px !important;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.pkp_navigation_primary > li > a {
  color: var(--mpk-navy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 15px 17px !important;
  border-bottom: 3px solid transparent !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a {
  color: var(--mpk-blue) !important;
  border-bottom-color: var(--mpk-green) !important;
}

/* Dropdown */
.pkp_navigation_primary ul {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  box-shadow: 0 14px 35px rgba(15,39,68,.14) !important;
}

.pkp_navigation_primary ul li a {
  color: var(--mpk-navy) !important;
}

.pkp_navigation_primary ul li a:hover {
  background: #f1f6fa !important;
  color: var(--mpk-blue) !important;
  border-left-color: var(--mpk-green) !important;
}

/* Search */
.pkp_navigation_search_wrapper a {
  color: var(--mpk-navy) !important;
}

/* ---------- MAIN CONTAINER ---------- */
.pkp_structure_main {
  max-width: 1240px !important;
  padding: 34px 24px 50px !important;
}

/* ---------- JOURNAL INFORMATION / ABOUT ---------- */
.homepage_about,
.pkp_page_index .about,
.pkp_page_index .intro {
  background:
    linear-gradient(120deg, var(--mpk-navy-2), var(--mpk-navy)) !important;
  border-radius: 0 0 var(--mpk-radius) var(--mpk-radius) !important;
  padding: 42px 42px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 10px 28px rgba(11,39,68,.14) !important;
}

.homepage_about h1,
.homepage_about h2,
.pkp_page_index .about h1,
.pkp_page_index .about h2 {
  font-size: 30px !important;
  color: #fff !important;
}

.homepage_about p,
.pkp_page_index .about p {
  color: rgba(255,255,255,.82) !important;
  max-width: 850px !important;
}

/* ---------- JOURNAL INFORMATION CARDS ---------- */
/* Existing PKP blocks are turned into compact information cards. */
.pkp_page_index .pkp_block {
  border-radius: var(--mpk-radius) !important;
  border: 1px solid var(--mpk-line) !important;
  box-shadow: 0 4px 16px rgba(25,50,75,.06) !important;
}

.pkp_block > .title,
.pkp_block > h2 {
  background: #fff !important;
  color: var(--mpk-navy) !important;
  border-bottom: 2px solid var(--mpk-blue) !important;
  font-size: 11px !important;
  letter-spacing: 1.1px !important;
}

/* ---------- CURRENT ISSUE ---------- */
.issue_heading {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  border-left: 5px solid var(--mpk-green) !important;
  border-radius: var(--mpk-radius) !important;
  box-shadow: 0 5px 18px rgba(25,50,75,.07) !important;
  padding: 24px 28px !important;
}

.issue_heading .vol_info,
.issue_heading .series {
  color: var(--mpk-blue) !important;
}

.issue_heading h2,
.issue_heading h3 {
  color: var(--mpk-navy) !important;
}

/* ---------- LATEST ARTICLES ---------- */
.cmp_article_list li,
.article_summary,
.article--summary {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  border-radius: var(--mpk-radius) !important;
  padding: 20px 23px !important;
  margin-bottom: 13px !important;
  box-shadow: 0 3px 12px rgba(25,50,75,.035) !important;
}

.cmp_article_list li:hover,
.article_summary:hover {
  border-color: #b9cee0 !important;
  box-shadow: 0 8px 22px rgba(31,111,178,.10) !important;
  transform: translateY(-1px) !important;
}

.cmp_article_list li h3 a,
.cmp_article_list li h5 a,
.cmp_article_list li .title a,
.article--title a,
.article_summary h3 a {
  color: var(--mpk-navy) !important;
  font-size: 16px !important;
}

.cmp_article_list li .authors,
.cmp_article_list li .author,
.article--authors {
  color: var(--mpk-muted) !important;
}

/* DOI / PDF */
.cmp_galley_link a,
.article--galley a,
a.pdf,
a.galley_link,
.obj_galley_link a {
  background: var(--mpk-blue) !important;
  border-radius: 5px !important;
  padding: 7px 14px !important;
}

.cmp_galley_link a:hover,
.article--galley a:hover,
a.pdf:hover,
a.galley_link:hover,
.obj_galley_link a:hover {
  background: var(--mpk-navy) !important;
}

/* ---------- MOST READ ---------- */
.pkp_page_index .most_read,
.pkp_page_index .most-read,
.pkp_page_index .pkp_block.most_read {
  background: #fff !important;
}

/* Generic list blocks used by most-read/recent lists */
.pkp_page_index .pkp_block li {
  border-bottom: 1px solid var(--mpk-line) !important;
  padding: 9px 0 !important;
}

.pkp_page_index .pkp_block li:last-child {
  border-bottom: none !important;
}

/* ---------- RECENT ISSUES ---------- */
.issues_archive .issue,
.issues_archive .obj_issue_summary {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  border-radius: var(--mpk-radius) !important;
  margin-bottom: 16px !important;
  padding: 20px !important;
  box-shadow: 0 3px 12px rgba(25,50,75,.05) !important;
}

.issues_archive .issue:hover,
.issues_archive .obj_issue_summary:hover {
  border-color: #b9cee0 !important;
}

/* ---------- ARTICLE DETAIL ---------- */
.obj_article_details {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  border-radius: var(--mpk-radius) !important;
  padding: 30px !important;
  box-shadow: 0 5px 18px rgba(25,50,75,.06) !important;
}

.obj_article_details .title,
.obj_article_details h1 {
  color: var(--mpk-navy) !important;
  font-size: 30px !important;
}

.obj_article_details .item.abstract,
.obj_article_details .item.keywords {
  border-left-color: var(--mpk-green) !important;
}

/* ---------- ABOUT / POLICY PAGES ---------- */
.pkp_page_about .pkp_structure_main,
.page_about .pkp_structure_main {
  background: #fff !important;
  border-radius: var(--mpk-radius) !important;
}

/* ---------- SUBMISSION / AUTHOR PAGES ---------- */
.page_submissions .pkp_structure_main,
.page_submissions .pkp_form,
.page_register .pkp_structure_main,
.page_login .pkp_structure_main {
  background: #fff !important;
  border: 1px solid var(--mpk-line) !important;
  border-radius: var(--mpk-radius) !important;
  box-shadow: 0 5px 18px rgba(25,50,75,.05) !important;
}

/* ---------- SEARCH ---------- */
.pkp_block_search input[type="text"],
input[type="search"] {
  background: #fff !important;
  border: 1px solid #cfd9e2 !important;
  border-radius: 7px !important;
}

input[type="search"]:focus {
  border-color: var(--mpk-blue) !important;
  box-shadow: 0 0 0 3px rgba(31,111,178,.10) !important;
}

/* ---------- BUTTON SYSTEM ---------- */
button,
.button,
input[type="submit"],
.btn,
.pkp_button {
  background: var(--mpk-blue) !important;
  border-radius: 6px !important;
}

button:hover,
input[type="submit"]:hover,
.btn:hover,
.pkp_button:hover {
  background: var(--mpk-navy) !important;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer,
footer.pkp_structure_footer {
  background: var(--mpk-navy-2) !important;
  border-top: 4px solid var(--mpk-green) !important;
  padding: 42px 28px 28px !important;
  margin-top: 20px !important;
}

.pkp_footer_content {
  max-width: 1240px !important;
}

.pkp_footer_content a:hover {
  color: #fff !important;
}

/* ---------- ARTICLE METADATA ---------- */
.obj_article_details .item {
  margin-bottom: 20px !important;
}

.obj_article_details .label {
  color: var(--mpk-navy) !important;
}

/* ---------- ACCESSIBILITY / FOCUS ---------- */
a:focus,
button:focus,
input:focus {
  outline-color: var(--mpk-blue) !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  .pkp_structure_head {
    padding: 18px 16px !important;
  }

  .pkp_site_name .is_text {
    font-size: 21px !important;
  }

  .pkp_navigation_primary_row {
    padding: 0 12px !important;
  }

  .pkp_structure_main {
    padding: 20px 14px 34px !important;
  }

  .homepage_about,
  .pkp_page_index .about,
  .pkp_page_index .intro {
    padding: 30px 22px !important;
    border-radius: 0 0 8px 8px !important;
  }

  .homepage_about h1,
  .homepage_about h2,
  .pkp_page_index .about h1,
  .pkp_page_index .about h2 {
    font-size: 23px !important;
  }

  .obj_article_details {
    padding: 20px !important;
  }

  .obj_article_details .title,
  .obj_article_details h1 {
    font-size: 23px !important;
  }
}

/* ============================================================
   END — MOLIYA, PUL VA KREDIT v6.0
   ============================================================ */