@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/* =========================================================
   JPDPM – Custom Stylesheet for OJS 3.5 (Default Theme)
   Jurnal Pasca Dharma Pengabdian Masyarakat
   Palette: Maroon #944546 | Dark #5E2425 | Gold #D9A441 | Cream #F7F3EA
   Upload: Settings > Website > Appearance > Advanced > Journal style sheet
   ========================================================= */

:root {
  --jp-maroon: #944546;
  --jp-dark: #5e2425;
  --jp-gold: #d9a441;
  --jp-cream: #f7f3ea;
  --jp-soft: #faf5f5;
  --jp-line: #e5d6d6;
  --jp-text: #2f2a2a;
}

/* ---------- Base ---------- */
body {
  background: #efe9e4;
  color: var(--jp-text);
}
.pkp_structure_page {
  background: #ffffff;
  box-shadow: 0 0 24px rgba(94, 36, 37, 0.10);
}
a {
  color: var(--jp-maroon);
  transition: color .2s ease;
}
a:hover,
a:focus {
  color: var(--jp-dark);
}

/* ---------- Header & logo ---------- */
.pkp_structure_head {
  background: var(--jp-dark);
  border-bottom: 4px solid var(--jp-gold);
}
.pkp_head_wrapper {
  padding-top: 0;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.pkp_site_name {
  padding: 0;
}
.pkp_site_name .is_img {
  display: block;
  width: 100%;
  margin: 0;
}
.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 100%;
}

/* ---------- Navigation ---------- */
.pkp_navigation_primary_row {
  background: var(--jp-maroon);
}
.pkp_navigation_primary > li > a {
  color: #ffffff;
  font-weight: 600;
  letter-spacing: .2px;
  border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #ffffff;
  border-bottom-color: var(--jp-gold);
  background: transparent;
}
.pkp_nav_list ul {
  border-top: 3px solid var(--jp-gold);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}
.pkp_nav_list ul a {
  color: var(--jp-dark);
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
  background: var(--jp-soft);
  border-left-color: var(--jp-gold);
  color: var(--jp-maroon);
}
.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
  color: #ffffff;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
  color: var(--jp-gold);
}

/* ---------- Main content ---------- */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  color: var(--jp-dark);
}
.pkp_structure_main h2 {
  border-bottom: 2px solid var(--jp-line);
  padding-bottom: 6px;
}
.page_index_journal .homepage_image img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(94, 36, 37, .15);
}
.page_index_journal .homepage_about {
  background: var(--jp-cream);
  border-left: 5px solid var(--jp-maroon);
  border-radius: 6px;
  padding: 18px 22px;
  margin-top: 20px;
}
.page_index_journal .homepage_about h2 {
  border-bottom: none;
  margin-top: 0;
}
.current_issue .current_issue_title {
  font-weight: 700;
  color: var(--jp-maroon);
}

/* ---------- Article list ---------- */
.obj_article_summary {
  padding: 14px 16px;
  margin-bottom: 14px;
  border: 1px solid var(--jp-line);
  border-left: 4px solid var(--jp-maroon);
  border-radius: 6px;
  background: #ffffff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover {
  box-shadow: 0 6px 16px rgba(94, 36, 37, .12);
  transform: translateY(-1px);
}
.obj_article_summary .title a {
  color: var(--jp-dark);
  font-weight: 700;
}
.obj_article_summary .title a:hover {
  color: var(--jp-maroon);
}
.obj_article_summary .authors {
  color: #6b5f5f;
  font-style: italic;
}

/* ---------- Buttons & galleys ---------- */
.cmp_button,
.cmp_form .buttons button,
.pkp_button_primary,
.page_search .submit button,
.block_make_submission a {
  background: var(--jp-maroon);
  border: 1px solid var(--jp-maroon);
  color: #ffffff;
  border-radius: 5px;
  box-shadow: none;
}
.cmp_button:hover,
.cmp_form .buttons button:hover,
.pkp_button_primary:hover,
.block_make_submission a:hover {
  background: var(--jp-dark);
  border-color: var(--jp-dark);
  color: #ffffff;
}
.obj_galley_link,
.cmp_button_wire {
  border: 1px solid var(--jp-maroon);
  color: var(--jp-maroon);
  border-radius: 4px;
  font-weight: 600;
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_button_wire:hover,
.cmp_button_wire:focus {
  background: var(--jp-maroon);
  color: #ffffff;
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar {
  border: none;
}
.pkp_structure_sidebar .pkp_block {
  padding: 0;
  margin: 0 0 22px 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.pkp_structure_sidebar .pkp_block .content > div,
.pkp_structure_sidebar .pkp_block .content > table {
  border: none !important;
}
.pkp_structure_sidebar .pkp_block .title {
  display: block;
  margin: 0;
  padding: 10px 14px;
  background: var(--jp-maroon);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  border-bottom: 3px solid var(--jp-gold);
}
.pkp_structure_sidebar .pkp_block .content {
  padding: 12px 4px 0 4px;
}
.pkp_structure_sidebar .pkp_block .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_structure_sidebar .pkp_block .content li {
  border-bottom: 1px dashed var(--jp-line);
}
.pkp_structure_sidebar .pkp_block .content li:last-child {
  border-bottom: none;
}
.pkp_structure_sidebar .pkp_block .content li a {
  display: block;
  padding: 7px 4px;
  color: var(--jp-text);
}
.pkp_structure_sidebar .pkp_block .content li a:hover {
  color: var(--jp-maroon);
  padding-left: 10px;
  background: var(--jp-soft);
  transition: all .2s ease;
}
.pkp_structure_sidebar .pkp_block img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/* ---------- Tables (Additional Content, About, etc.) ---------- */
.pkp_structure_main table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 6px;
  overflow: hidden;
}

/* ---------- Breadcrumbs ---------- */
.cmp_breadcrumbs a {
  color: var(--jp-maroon);
}
.cmp_breadcrumbs .current {
  color: var(--jp-dark);
  font-weight: 600;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--jp-dark);
  border-top: 4px solid var(--jp-gold);
  color: #f0d9d6;
}
.pkp_structure_footer_wrapper a {
  color: var(--jp-gold);
}
.pkp_structure_footer_wrapper a:hover {
  color: #ffffff;
}
.pkp_footer_content {
  color: #f0d9d6;
}
/* Hide OJS/PKP brand logo in footer */
.pkp_brand_footer {
  display: none !important;
}
.pkp_structure_footer {
  padding-bottom: 20px;
}

/* ---------- Mobile ---------- */
@media (max-width: 991px) {
  .pkp_site_nav_menu {
    background: var(--jp-maroon);
  }
  .pkp_site_nav_toggle {
    background: var(--jp-dark);
  }
  .obj_article_summary {
    padding: 12px;
  }
}

/* =========================================================
   IMAGE OVERRIDES – paksa semua gambar baru tampil (lewati cache)
   Naikkan angka ?v= setiap kali gambar diganti.
   ========================================================= */

/* 1. Header logo  (Setup > Logo) */
.pkp_site_name .is_img img {
  content: url("https://ejournal-economy.upi.edu/public/journals/14/pageHeaderLogoImage_en.png?v=3");
}

/* 2. Banner beranda  (Setup > Homepage Image) */
.page_index_journal .homepage_image img {
  content: url("https://ejournal-economy.upi.edu/public/journals/14/homepageImage_en.jpg?v=3");
}

/* 3. Cover sidebar  (Setup > Journal thumbnail = 4_cover_A4_1240x1754.jpg) */
.pkp_structure_sidebar img[src*="coverjpdpm"],
.pkp_structure_sidebar .block_custom[id*="cover"] img {
  content: url("https://ejournal-economy.upi.edu/public/journals/14/journalThumbnail_en.jpg?v=3");
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(94, 36, 37, .25);
}

/* 4. Logo JPDPM kecil di footer */
.pkp_structure_footer::before {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  margin: 24px auto 0;
  background: url("https://ejournal-economy.upi.edu/public/journals/14/favicon_en.png?v=3") center / contain no-repeat;
}

/* =========================================================
   ICONS (Font Awesome 4.7)
   ========================================================= */
.pkp_navigation_primary > li > a::before,
.pkp_structure_sidebar .pkp_block a::before,
.pkp_structure_sidebar .pkp_block .title::before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-right: 7px;
  text-decoration: none;
}

/* --- Primary menu --- */
.pkp_navigation_primary > li > a[href$="/jpdpm"]::before,
.pkp_navigation_primary > li > a[href$="/jpdpm/"]::before,
.pkp_navigation_primary > li > a[href$="/jpdpm/index"]::before    { content: "\f015"; } /* home */
.pkp_navigation_primary > li > a[href*="/issue/current"]::before   { content: "\f02d"; } /* book */
.pkp_navigation_primary > li > a[href*="/issue/archive"]::before   { content: "\f187"; } /* archive */
.pkp_navigation_primary > li > a[href*="/announcement"]::before    { content: "\f0a1"; } /* bullhorn */
.pkp_navigation_primary > li > a[href*="/editorial-team"]::before  { content: "\f0c0"; } /* users */
.pkp_navigation_primary > li > a[href*="/reviewers"]::before       { content: "\f046"; } /* check-square */
.pkp_navigation_primary > li > a[href*="/about/submissions"]::before { content: "\f1d8"; } /* paper-plane */
.pkp_navigation_primary > li > a[href*="/about/contact"]::before   { content: "\f0e0"; } /* envelope */
.pkp_navigation_primary > li > a[href$="/about"]::before           { content: "\f05a"; } /* info-circle */

/* --- Sidebar block titles --- */
.pkp_structure_sidebar #customblock-cover .title::before,
.pkp_structure_sidebar .block_custom[id*="cover"] .title::before            { content: "\f02d"; }
.pkp_structure_sidebar .block_custom[id*="guidelines"] .title::before       { content: "\f0f6"; }
.pkp_structure_sidebar .block_custom[id*="template"] .title::before         { content: "\f1c2"; }
.pkp_structure_sidebar .block_custom[id*="additional"] .title::before       { content: "\f0c9"; }
.pkp_structure_sidebar .block_custom[id*="indexing"] .title::before         { content: "\f002"; }
.pkp_structure_sidebar .block_custom[id*="visitor"] .title::before          { content: "\f0c0"; }
.pkp_structure_sidebar .block_information .title::before                    { content: "\f05a"; }

/* --- Sidebar links (default chevron, specific icons below) --- */
.pkp_structure_sidebar .pkp_block li a::before                      { content: "\f105"; color: #d9a441; width: 14px; }
.pkp_structure_sidebar a[href*="focus-and-scope"]::before           { content: "\f140"; color: #944546; }
.pkp_structure_sidebar a[href*="ethics"]::before                    { content: "\f24e"; color: #944546; }
.pkp_structure_sidebar a[href*="fees"]::before                      { content: "\f155"; color: #944546; }
.pkp_structure_sidebar a[href*="peer-review"]::before               { content: "\f0c0"; color: #944546; }
.pkp_structure_sidebar a[href*="Guidelines"]::before,
.pkp_structure_sidebar a[href*="guidelines"]::before                { content: "\f15c"; color: #944546; }
.pkp_structure_sidebar a[href*="docs.google.com"]::before,
.pkp_structure_sidebar a[href*="template"]::before                  { content: "\f1c2"; color: #2b579a; }
.pkp_structure_sidebar a[href*="forReaders"]::before                { content: "\f02d"; color: #944546; }
.pkp_structure_sidebar a[href*="forAuthors"]::before                { content: "\f040"; color: #944546; }
.pkp_structure_sidebar a[href*="forLibrarians"]::before             { content: "\f19c"; color: #944546; }

/* no icon on image links (cover, indexing logos, visitor counter) */
.pkp_structure_sidebar .pkp_block a:has(> img)::before { content: none; }