/* =====================================================================
 JIMS | COMPLETE PUBLIC-FACING STYLESHEET | OJS Classic Theme
 Version: 1.0 | 18 October 2026
 Journal Integration of Management Studies — Integrasi Sains Media

 Upload as the ONLY Journal Style Sheet (replace earlier experimental CSS).
 Scope: public site; selectors intentionally avoid OJS editorial dashboard.
 Typeface: Inter (Google Fonts), local Arial fallback.
 Logo: supports either a wide image uploaded as Journal Logo or text title.
 IMPORTANT: wide 3:1 logo keeps its proportion; on phones the lettering
 will be small. CSS cannot make all the text bigger without re-layout.
 ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* 01 — Design tokens */
:root {
  --jims-font: 'Inter', Arial, Helvetica, sans-serif;
  --jims-ink: #253447;
  --jims-heading: #102b50;
  --jims-accent: #1764a3;
  --jims-orange: #ec8a2f;
  --jims-muted: #637286;
  --jims-line: #e2e8f0;
  --jims-panel: #f5f8fc;
  --jims-header: #080d18;
  --jims-width: 1200px;
}

/* 02 — Global type, public theme only */
body { font-family: var(--jims-font) !important; color: var(--jims-ink); background: #fff; }
body .pkp_structure_page,
body .pkp_structure_content,
body .pkp_structure_main,
body .pkp_structure_sidebar,
body .pkp_page_index,
body .pkp_page_about,
body .pkp_page_article,
body .pkp_page_issue,
body .pkp_page_submissions {
  font-family: var(--jims-font) !important;
}
body .pkp_structure_main p,
body .pkp_structure_main li,
body .pkp_structure_main dd,
body .pkp_structure_main td,
body .pkp_structure_main th,
body .pkp_structure_sidebar p,
body .pkp_structure_sidebar li {
  font-family: var(--jims-font) !important;
  font-size: 15px;
  line-height: 1.72;
}
body .pkp_structure_main h1,
body .pkp_structure_main h2,
body .pkp_structure_main h3,
body .pkp_structure_main h4,
body .pkp_structure_sidebar h2,
body .pkp_structure_sidebar h3 {
  font-family: var(--jims-font) !important;
  color: var(--jims-heading);
  line-height: 1.35;
  letter-spacing: -0.018em;
}
body .pkp_structure_main h1,
body .pkp_structure_main .page_title,
body .pkp_structure_main .current_issue_title { font-size: clamp(26px, 2.5vw, 34px); font-weight: 700; }
body .pkp_structure_main h2 { font-size: 23px; font-weight: 700; }
body .pkp_structure_main h3 { font-size: 19px; font-weight: 650; }
body .pkp_structure_main h4 { font-size: 16px; font-weight: 650; }
body .pkp_structure_main a,
body .pkp_structure_sidebar a { color: var(--jims-accent); overflow-wrap: anywhere; }
body .pkp_structure_main a:hover,
body .pkp_structure_sidebar a:hover { color: #0e4777; }
body .pkp_structure_main a:focus-visible,
body .pkp_structure_sidebar a:focus-visible,
body .pkp_navigation_primary a:focus-visible {
  outline: 2px solid var(--jims-orange); outline-offset: 3px;
}

/* 03 — Header: dark, controlled spacing, logo/banner never cropped */
body .pkp_structure_head { background: var(--jims-header); color: #fff; }
body .pkp_site_name_wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 10px clamp(12px, 2vw, 26px) !important;
  min-height: 0 !important;
  height: auto !important;
}
body .pkp_site_name,
body .pkp_site_name .is_img,
body .pkp_site_name .is_img a,
body .pkp_site_name a {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
/* Limit uploaded wide JOURNAL LOGO to a useful desktop width.
   Remove max-width below if a truly edge-to-edge banner is desired. */
body .pkp_site_name img,
body .cmp_site_name img {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1100px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center;
  margin: 0 !important;
}
/* Text-only journal title when Journal Logo isn't uploaded */
body .pkp_site_name .is_text,
body .pkp_site_name .is_text a {
  font-family: var(--jims-font) !important;
  color: #fff !important;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -.02em;
}
/* Navigation: preserve Classic Theme dropdown / hamburger behavior */
body .pkp_navigation_primary_wrapper { padding-top: 3px; padding-bottom: 3px; }
body .pkp_navigation_primary a,
body .pkp_navigation_user a {
  font-family: var(--jims-font) !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  letter-spacing: .005em;
}
body .pkp_navigation_primary > li > a { color: #fff; }
body .pkp_navigation_primary > li > a:hover { color: #ffbd75; }
/* Keep user-nav and dropdown text legible without forcing menu mechanics */
body .pkp_navigation_primary ul a { line-height: 1.45; }

/* 04 — Layout and main content */
body .pkp_structure_main { min-width: 0; overflow-wrap: break-word; }
body .pkp_structure_content { min-width: 0; }
body .pkp_structure_main p { margin-bottom: 15px; }
body .pkp_structure_main ul,
body .pkp_structure_main ol { padding-left: 1.5rem; }
body .pkp_structure_main li { margin-bottom: 5px; }
body .pkp_structure_main img { max-width: 100%; height: auto; }
body .pkp_structure_main hr { border: 0; border-top: 1px solid var(--jims-line); margin: 24px 0; }

/* 05 — Homepage image (optional; not required if journal banner logo is used) */
body .homepage_image { box-sizing: border-box; max-width: 100%; margin: 0 auto 20px; }
body .homepage_image img { display: block; max-width: 100%; width: 100%; height: auto; object-fit: contain; }
/* If Classic Theme uses a background homepage_image, avoid forced cropping */
body .homepage_image { background-size: contain; background-position: center; background-repeat: no-repeat; }
body .additional_content { clear: both; line-height: 1.72; }

/* 06 — Editorial static pages / policy pages */
/* Wrap custom HTML with <div class="jims-policy"> ... </div> */
body .pkp_structure_main .jims-policy,
body .pkp_structure_main .jims-policy * {
  box-sizing: border-box;
  font-family: var(--jims-font) !important;
}
body .pkp_structure_main .jims-policy { color: var(--jims-ink) !important; font-size: 15px !important; line-height: 1.72 !important; }
body .pkp_structure_main .jims-policy p,
body .pkp_structure_main .jims-policy li {
  color: var(--jims-ink) !important;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.72 !important;
}
body .pkp_structure_main .jims-policy h2,
body .pkp_structure_main .jims-policy h3,
body .pkp_structure_main .jims-policy h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--jims-heading) !important;
  line-height: 1.4 !important;
  margin: 26px 0 12px !important;
}
body .pkp_structure_main .jims-policy strong,
body .pkp_structure_main .jims-policy b { font-weight: 700; color: var(--jims-heading) !important; }
body .pkp_structure_main .jims-policy ul,
body .pkp_structure_main .jims-policy ol { margin: 10px 0 20px; padding-left: 24px; }
body .pkp_structure_main .jims-policy a { color: var(--jims-accent) !important; text-decoration: underline; }
body .pkp_structure_main .jims-policy blockquote {
  margin: 14px 0 22px;
  padding: 12px 18px;
  border-left: 3px solid var(--jims-accent);
  background: var(--jims-panel);
  font-style: normal;
}

/* 07 — Sidebar and custom Additional Menu */
body .pkp_structure_sidebar { font-family: var(--jims-font) !important; }
body .pkp_structure_sidebar .title,
body .pkp_structure_sidebar .pkp_block .title { font-family: var(--jims-font) !important; font-size: 16px; font-weight: 700; }
body .jims-additional-menu,
body .jims-additional-menu * { font-family: var(--jims-font) !important; box-sizing: border-box; }
body .jims-additional-menu .kepala { font-size: 15px; font-weight: 700; color: var(--jims-heading); margin: 0 0 10px; }
body .jims-additional-menu .badan { list-style: none; padding: 0; margin: 0; }
body .jims-additional-menu .badan li { border-bottom: 1px solid var(--jims-line); margin: 0; }
body .jims-additional-menu .badan a { display: block; padding: 9px 3px; font-size: 14px; color: var(--jims-accent); text-decoration: none; }
body .jims-additional-menu .badan a:hover { color: var(--jims-heading); text-decoration: underline; }
/* Legacy Additional Menu: .kepala + .badan with direct <a> children */
body .pkp_structure_sidebar .kepala { font-family: var(--jims-font) !important; font-size: 15px; font-weight: 700; }
body .pkp_structure_sidebar .badan > a { font-family: var(--jims-font) !important; font-size: 14px; line-height: 1.5; display: block; padding: 6px 0; }

/* 08 — Issue TOC, article metadata and PDF links */
body .obj_issue_toc,
body .obj_article_details,
body .obj_article_summary,
body .obj_issue_summary,
body .cmp_article_list { font-family: var(--jims-font) !important; }
body .obj_article_summary .title,
body .obj_article_details .page_title,
body .obj_issue_summary .title { font-family: var(--jims-font) !important; line-height: 1.4; }
body .obj_article_summary .authors,
body .obj_article_summary .pages,
body .obj_article_details .authors { color: var(--jims-muted); line-height: 1.6; }
body .obj_galley_link { font-family: var(--jims-font) !important; font-weight: 600; }

/* 09 — Tables and embedded content */
body .pkp_structure_main table { width: 100%; border-collapse: collapse; font-family: var(--jims-font); font-size: 14px; }
body .pkp_structure_main th,
body .pkp_structure_main td { padding: 10px 12px; border-bottom: 1px solid var(--jims-line); vertical-align: top; }
body .pkp_structure_main th { color: var(--jims-heading); background: var(--jims-panel); font-weight: 700; text-align: left; }
body .pkp_structure_main iframe { max-width: 100%; }

/* 10 — Public submission/search forms */
body .pkp_structure_main input,
body .pkp_structure_main textarea,
body .pkp_structure_main select,
body .pkp_structure_main button,
body .pkp_structure_main .cmp_button,
body .pkp_structure_main .pkp_button {
  font-family: var(--jims-font) !important;
  font-size: 14px;
}
body .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]),
body .pkp_structure_main textarea,
body .pkp_structure_main select { max-width: 100%; }

/* 11 — Footer */
body .pkp_structure_footer,
body .pkp_structure_footer p,
body .pkp_structure_footer a { font-family: var(--jims-font) !important; }
body .pkp_structure_footer { font-size: 13px; line-height: 1.65; }

/* 12 — Mobile / small tablets */
@media (max-width: 991px) {
  body .pkp_site_name_wrapper { padding: 8px 12px !important; }
  body .pkp_site_name img,
  body .cmp_site_name img { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 767px) {
  body .pkp_site_name_wrapper { padding: 6px 10px !important; }
  body .pkp_structure_main h1,
  body .pkp_structure_main .page_title { font-size: 26px !important; }
  body .pkp_structure_main h2 { font-size: 21px; }
  body .pkp_structure_main h3 { font-size: 18px; }
  body .pkp_structure_main p,
  body .pkp_structure_main li,
  body .pkp_structure_sidebar p,
  body .pkp_structure_sidebar li { font-size: 14px; line-height: 1.68; }
  body .pkp_structure_main .jims-policy p,
  body .pkp_structure_main .jims-policy li { font-size: 14px !important; }
  body .pkp_structure_main .jims-policy h2,
  body .pkp_structure_main .jims-policy h3,
  body .pkp_structure_main .jims-policy h4 { font-size: 17px !important; }
  body .pkp_structure_main th,
  body .pkp_structure_main td { padding: 8px; font-size: 13px; }
  body .pkp_navigation_primary a { font-size: 14px !important; }
}

/* 13 — Motion and accessibility */
@media (prefers-reduced-motion: reduce) {
  body .pkp_structure_page *,
  body .pkp_structure_page *::before,
  body .pkp_structure_page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
/* END — JIMS CSS v1.0 */

/* ==========================================================
   JIMS v1.1 | Visible dropdown hover and modern article cards
   Appended to the existing master stylesheet. 2026-10-18
   ========================================================== */
/* Main navigation states */
body .pkp_navigation_primary > li > a:hover,
body .pkp_navigation_primary > li > a:focus,
body .pkp_navigation_primary > li:hover > a,
body .pkp_navigation_primary > li:focus-within > a {
  color: #79d5ff !important;
  text-decoration: underline !important;
  text-decoration-color: #f5a23c !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px;
}
/* Dropdowns in OJS Classic: common nested ul and dropdown_menu structures. */
body .pkp_navigation_primary ul li > a,
body .pkp_navigation_primary .dropdown-menu li > a,
body .pkp_navigation_primary .dropdown_menu li > a {
  display: block;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #28394d !important;
  background-color: transparent;
  transition: background-color .16s ease, color .16s ease, padding-left .16s ease;
}
body .pkp_navigation_primary ul li:hover > a,
body .pkp_navigation_primary ul li > a:hover,
body .pkp_navigation_primary ul li > a:focus,
body .pkp_navigation_primary ul li:focus-within > a,
body .pkp_navigation_primary .dropdown-menu li > a:hover,
body .pkp_navigation_primary .dropdown_menu li > a:hover {
  color: #ffffff !important;
  background-color: #164b88 !important;
  text-decoration: none !important;
  padding-left: 17px !important;
}
body .pkp_navigation_primary ul li > a:focus-visible {
  outline: 2px solid #f5a23c !important;
  outline-offset: -2px;
}
/* Article card text: account for custom Classic card layouts where the
   title isn't necessarily nested inside .obj_article_summary .title. */
body .pkp_structure_main .obj_article_summary,
body .pkp_structure_main .obj_issue_toc,
body .pkp_structure_main .cmp_article_list,
body .pkp_structure_main .sections,
body .pkp_structure_main .articles {
  font-family: 'Inter', Arial, sans-serif !important;
}
body .pkp_structure_main .obj_article_summary a,
body .pkp_structure_main .obj_article_summary h2,
body .pkp_structure_main .obj_article_summary h3,
body .pkp_structure_main .obj_article_summary .title,
body .pkp_structure_main .obj_issue_toc .title,
body .pkp_structure_main .cmp_article_list .title,
body .pkp_structure_main .articles .title,
body .pkp_structure_main .articles h3 a,
body .pkp_structure_main .articles h4 a {
  font-family: 'Inter', Arial, sans-serif !important;
}
body .pkp_structure_main .obj_article_summary .title,
body .pkp_structure_main .obj_article_summary .title a,
body .pkp_structure_main .obj_issue_toc .title a,
body .pkp_structure_main .cmp_article_list .title a,
body .pkp_structure_main .articles .title a {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
  color: #102b50 !important;
  text-decoration: none !important;
}
body .pkp_structure_main .obj_article_summary .title a:hover,
body .pkp_structure_main .obj_issue_toc .title a:hover,
body .pkp_structure_main .cmp_article_list .title a:hover,
body .pkp_structure_main .articles .title a:hover {
  color: #1764a3 !important;
  text-decoration: underline !important;
}
body .pkp_structure_main .obj_article_summary .authors,
body .pkp_structure_main .obj_article_summary .pages,
body .pkp_structure_main .obj_article_summary .published,
body .pkp_structure_main .obj_issue_toc .authors,
body .pkp_structure_main .obj_issue_toc .pages,
body .pkp_structure_main .obj_issue_toc .published,
body .pkp_structure_main .articles .authors,
body .pkp_structure_main .articles .pages {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
/* Some journal custom templates use direct paragraph/links in issue cards */
body .pkp_structure_main .obj_article_summary p,
body .pkp_structure_main .obj_issue_toc p,
body .pkp_structure_main .cmp_article_list p,
body .pkp_structure_main .articles p {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
@media (max-width: 767px) {
  body .pkp_structure_main .obj_article_summary .title,
  body .pkp_structure_main .obj_article_summary .title a,
  body .pkp_structure_main .obj_issue_toc .title a { font-size: 17px !important; }
}

/* ==============================================================
   JIMS v1.2 | Screenshot-grounded corrections (2026-10-18)
   Classic Theme; homepage article cards + Additional Content
   ============================================================== */

/* Dropdown-item class verified in Chrome inspector. */
body .dropdown-menu .dropdown-item,
body .pkp_navigation_primary .dropdown-item {
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
  color: #263445 !important;
  background-color: #fff !important;
  transition: background-color .18s ease, color .18s ease !important;
}
body .dropdown-menu .dropdown-item:hover,
body .dropdown-menu .dropdown-item:focus-visible,
body .pkp_navigation_primary .dropdown-item:hover,
body .pkp_navigation_primary .dropdown-item:focus-visible {
  color: #fff !important;
  background-color: #1764a3 !important;
  text-decoration: none !important;
}

/* Homepage cards: custom markup has .summary_title (verified).
   Broader descendants inside Current Issue cover separately-rendered
   stats, page numbers and buttons that kept the theme's serif font. */
body .pkp_page_index .current_issue,
body .pkp_page_index .current_issue :is(p, span, small, div, a, li, strong, b),
body .page_index_journal .current_issue,
body .page_index_journal .current_issue :is(p, span, small, div, a, li, strong, b),
body .obj_article_summary :is(p, span, small, div, a, li, strong, b),
body .summary_title,
body .summary_title a {
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
}
body .summary_title,
body .summary_title a {
  color: #17365d !important;
  font-size: 19px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
body .summary_title:hover,
body .summary_title a:hover,
body .summary_title a:focus-visible {
  color: #1780c1 !important;
  text-decoration: underline !important;
  text-decoration-color: #e98c32 !important;
  text-underline-offset: 4px;
}
/* Card metadata: authors, pages, publication date, view/download totals. */
body .pkp_page_index .current_issue .obj_article_summary :is(.authors, .pages, .published, .meta, .stats, .statistics),
body .pkp_page_index .current_issue .obj_article_summary :is(p, small),
body .pkp_page_index .current_issue .obj_article_summary :is(.authors, .pages, .published, .meta, .stats, .statistics) *,
body .pkp_page_index .current_issue .obj_article_summary p *,
body .page_index_journal .current_issue .obj_article_summary :is(p, small, .authors, .pages, .published),
body .pkp_page_index .current_issue :is(.article-stats, .article_stats, .article-statistics, .summary_stats),
body .pkp_page_index .current_issue :is(.article-stats, .article_stats, .article-statistics, .summary_stats) * {
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
/* Named author's elements should be comfortably readable. */
body .pkp_page_index .current_issue .authors,
body .pkp_page_index .current_issue .authors *,
body .pkp_page_index .current_issue .pages,
body .pkp_page_index .current_issue .pages * {
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
/* PDF link/button — improved tap target and legibility. */
body .pkp_page_index .current_issue .obj_galley_link,
body .pkp_page_index .current_issue .obj_galley_link.pdf,
body .pkp_page_index .current_issue a.pdf,
body .page_index_journal .current_issue .obj_galley_link,
body .obj_article_summary .obj_galley_link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 67px;
  min-height: 38px;
  padding: 8px 13px !important;
  box-sizing: border-box;
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #17365d !important;
  background: #fff !important;
  border: 1px solid #17365d !important;
  border-radius: 4px;
  text-decoration: none !important;
}
body .pkp_page_index .current_issue .obj_galley_link:hover,
body .pkp_page_index .current_issue .obj_galley_link:focus-visible,
body .pkp_page_index .current_issue a.pdf:hover,
body .obj_article_summary .obj_galley_link:hover {
  color: #fff !important;
  background: #1764a3 !important;
  border-color: #1764a3 !important;
}

/* Homepage Additional Content: screenshots show legacy serif headings,
   paragraphs, journal information and metadata. */
body .pkp_page_index .additional_content,
body .pkp_page_index .additional_content :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, span, strong, b, a, td, th),
body .page_index_journal .additional_content,
body .page_index_journal .additional_content :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, span, strong, b, a, td, th),
body .additional_content,
body .additional_content :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, span, strong, b, a, td, th) {
  font-family: var(--jims-font, 'Inter', Arial, sans-serif) !important;
}
body .additional_content p,
body .additional_content li {
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.75 !important;
  color: #263445 !important;
}
body .additional_content h2,
body .additional_content h3,
body .additional_content h4,
body .additional_content .kepala {
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: #17365d !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
}
body .additional_content strong,
body .additional_content b { font-weight: 700 !important; }

@media (max-width: 768px) {
  body .summary_title,
  body .summary_title a { font-size: 17px !important; }
  body .additional_content p,
  body .additional_content li { font-size: 14px !important; }
}

/* JIMS — Compact Author Guidelines */

.jims-author-guidelines {
    line-height: 1.5 !important;
}

.jims-author-guidelines h3 {
    margin: 16px 0 6px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

.jims-author-guidelines p {
    margin: 0 0 8px !important;
    line-height: 1.5 !important;
}

.jims-author-guidelines ul {
    list-style-type: disc !important;
    padding-left: 24px !important;
    margin: 4px 0 10px !important;
}

.jims-author-guidelines li {
    display: list-item !important;
    list-style-type: disc !important;
    margin: 0 0 3px !important;
    line-height: 1.45 !important;
}

.jims-author-guidelines li::marker {
    color: #1764A3;
}