/* JGPI Portal Theme V15 */

:root{
  --jgpi-navy:#082f57;
  --jgpi-navy2:#123e67;
  --jgpi-blue:#2f6f97;
  --jgpi-teal:#159c96;
  --jgpi-gold:#d7a94b;
  --jgpi-soft-gold:#fff7e6;
  --jgpi-soft-teal:#eefaf8;
  --jgpi-bg:#f5f7fb;
  --jgpi-card:#fff;
  --jgpi-ink:#18304a;
  --jgpi-muted:#66788b;
  --jgpi-line:#e5ebf2;
  --jgpi-shadow:0 12px 34px rgba(10,45,84,.10);
  --jgpi-radius:18px;
}

*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{background:var(--jgpi-bg);color:var(--jgpi-ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--jgpi-navy2);text-decoration:none}
a:hover{text-decoration:underline}

.pkp_structure_page{max-width:1360px;width:100%;margin:0 auto;background:transparent;box-shadow:none}
.pkp_structure_head{max-width:1360px;margin:0 auto;background:linear-gradient(135deg,var(--jgpi-navy),#092844);box-shadow:0 16px 42px rgba(8,47,87,.18);border-radius:0}
.pkp_head_wrapper,.pkp_navigation_primary_wrapper{max-width:1180px;width:100%;margin:0 auto}

/* Default internal-page title: compact, not the big mockup header */
.pkp_site_name{padding:20px 24px 14px;margin:0}
.pkp_site_name .is_text,
.pkp_site_name > a{color:#fff!important;background:transparent!important;font-size:24px;line-height:1.25;font-weight:850;text-shadow:none}
.pkp_site_name img{max-height:72px;width:auto}

/* Hide default site title on all JGPI pages because V7 injects the same brand header everywhere */
body.jgpi-v15-loaded .pkp_site_name_wrapper{display:none!important}

/* Brand Header like mockup, homepage only */
.jgpi-v15-brand{max-width:1180px;margin:0 auto;padding:20px 24px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.jgpi-v15-brand-left{display:flex;align-items:center;gap:15px;text-decoration:none!important}
.jgpi-v15-logo{width:78px;height:78px;border-radius:50%;border:2px solid rgba(215,169,75,.75);display:flex;align-items:center;justify-content:center;color:var(--jgpi-gold);font-size:36px;background:rgba(255,255,255,.04)}
.jgpi-v15-brand-title{color:#fff;line-height:1.15}
.jgpi-v15-brand-title .small{font-size:15px;color:#f2d9a4;font-weight:650}
.jgpi-v15-brand-title .main{font-size:19px;font-weight:850;letter-spacing:.01em;text-transform:uppercase}
.jgpi-v15-brand-title .abbr{font-size:13px;color:#f2d9a4;font-weight:750;margin-top:3px}

/* Nav */
.pkp_navigation_primary_row{background:rgba(11,40,66,.98);border-top:1px solid rgba(255,255,255,.10);border-bottom:0}
.pkp_navigation_primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pkp_navigation_primary > li > a{color:#fff;font-weight:750;padding:14px 15px;border-radius:8px}
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a:hover{background:rgba(255,255,255,.10);color:#fff;text-decoration:none}
.pkp_navigation_primary ul{border:0;border-radius:12px;box-shadow:var(--jgpi-shadow);overflow:hidden}
.pkp_navigation_primary ul a{color:var(--jgpi-ink);padding:11px 15px}
.pkp_navigation_primary ul a:hover{background:var(--jgpi-soft-teal);text-decoration:none}
.pkp_navigation_user_wrapper a,.pkp_navigation_user > li > a{color:#fff;font-weight:650}
.pkp_head_wrapper .pkp_search{color:#fff}

/* Main layout */
.pkp_structure_content{display:flex!important;align-items:flex-start;gap:24px;max-width:1180px;width:100%;margin:0 auto;padding:22px 16px 46px;border-left:0!important;border-right:0!important}
.pkp_structure_main{float:none!important;flex:1 1 auto;width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important;background:transparent;border:0!important}
.pkp_structure_sidebar{float:none!important;flex:0 0 318px;width:318px!important;max-width:318px!important;min-width:318px!important;margin:0!important;padding:0!important;background:transparent;border-left:0!important;box-shadow:none!important}
.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_sidebar:before,
.pkp_structure_sidebar:after{display:none!important;border:0!important}

/* Hide old homepage content only on homepage */
body.jgpi-v15-home .pkp_structure_main > *:not(.jgpi-v15-portal){display:none!important}
body.jgpi-v15-loaded .pkp_structure_sidebar > *:not(.jgpi-v15-side-wrap){display:none!important}

.jgpi-v15-card{background:var(--jgpi-card);border:1px solid var(--jgpi-line);border-radius:var(--jgpi-radius);box-shadow:var(--jgpi-shadow)}
.jgpi-v15-portal{width:100%}

/* Hero slider */
.jgpi-v15-hero{position:relative;overflow:hidden;margin-bottom:16px;border-radius:20px;background:linear-gradient(135deg,#0b3a67,#123e67);color:#fff}
.jgpi-v15-hero-track{display:flex;transition:transform .5s ease}
.jgpi-v15-slide{min-width:100%;display:grid;grid-template-columns:1.08fr .92fr;min-height:315px}
.jgpi-v15-hero-left{padding:28px 30px 50px;position:relative}
.jgpi-v15-kicker{display:inline-block;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.jgpi-v15-title{margin:14px 0 10px;color:#fff;font-size:30px;line-height:1.15;font-weight:850;letter-spacing:-.02em;max-width:570px}
.jgpi-v15-desc{margin:0 0 14px;color:rgba(255,255,255,.92);font-size:15px;max-width:580px}
.jgpi-v15-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:10px 0 16px}
.jgpi-v15-meta div{color:#edf6ff;font-size:13px}
.jgpi-v15-meta b{color:#fff}
.jgpi-v15-actions{display:flex;gap:10px;flex-wrap:wrap}
.jgpi-v15-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;min-height:40px;padding:9px 15px;font-weight:850;text-decoration:none!important}
.jgpi-v15-btn.primary{background:var(--jgpi-gold);color:#25384c!important}
.jgpi-v15-btn.secondary{border:1px solid rgba(255,255,255,.34);color:#fff!important}
.jgpi-v15-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#91afc9,#305e88)}
.jgpi-v15-visual.arch:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.09),rgba(255,255,255,.02));clip-path:polygon(44% 16%,100% 0,100% 100%,63% 100%,63% 42%,50% 36%,50% 100%,42% 100%,42% 37%,29% 33%,29% 100%,21% 100%,21% 34%,7% 30%,7% 100%,0 100%,0 77%,35% 18%);opacity:.9}
.jgpi-v15-visual.info{background:linear-gradient(135deg,#0f355e,#2b6a92)}
.jgpi-v15-visual.info:before{content:"ISSN 2807-3584\A 2807-3746\A\A DOI Prefix 10.53341\A 3 issues per year";white-space:pre;position:absolute;inset:22% 16%;border-radius:22px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);padding:28px;color:#fff;font-size:19px;line-height:1.45;font-weight:750}
.jgpi-v15-visual.issue{background:linear-gradient(135deg,#0a345f,#1b5e8e)}
.jgpi-v15-visual.issue:before{content:"";position:absolute;width:44%;height:74%;right:28%;top:13%;border-radius:9px;background:linear-gradient(180deg,#0a2c50,#0f4374);box-shadow:0 18px 34px rgba(0,0,0,.22)}
.jgpi-v15-visual.issue:after{content:"JGPI\A Vol. 3 No. 1\A March 2023";white-space:pre;position:absolute;right:35%;top:30%;color:#ffe3a2;font-size:18px;font-weight:850;line-height:1.4}
.jgpi-v15-dots{position:absolute;left:30px;bottom:18px;display:flex;gap:8px}
.jgpi-v15-dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.40);border:0;cursor:pointer}
.jgpi-v15-dot.active{width:28px;background:var(--jgpi-gold)}

/* Latest */
.jgpi-v15-latest{padding:14px;margin-bottom:16px}
.jgpi-v15-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:3px solid #dfe9f4;padding:4px 4px 10px;margin-bottom:14px;gap:12px}
.jgpi-v15-head h2{margin:0;color:var(--jgpi-navy);font-size:20px;font-weight:850}
.jgpi-v15-head small{display:block;color:var(--jgpi-muted);margin-top:2px}
.jgpi-v15-nav{display:flex;align-items:center;gap:10px}
.jgpi-v15-link{font-size:13px;font-weight:750;color:var(--jgpi-navy2)}
.jgpi-v15-arrows{display:flex;gap:8px}
.jgpi-v15-arrow{width:34px;height:34px;border-radius:999px;border:1px solid var(--jgpi-line);background:#fff;color:var(--jgpi-navy);font-weight:850;cursor:pointer}
.jgpi-v15-carousel{overflow:hidden}
.jgpi-v15-row{display:flex;gap:14px;transition:transform .45s ease}
.jgpi-v15-article{flex:0 0 calc((100% - 42px)/4);border:1px solid var(--jgpi-line);border-radius:14px;background:#fff;padding:16px}
.jgpi-v15-tag{display:inline-block;background:var(--jgpi-soft-gold);color:#8b6c22;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.jgpi-v15-article h3{margin:0 0 9px;color:var(--jgpi-navy);font-size:15px;line-height:1.42;font-weight:850}
.jgpi-v15-article h3 a{color:var(--jgpi-navy);text-decoration:none}
.jgpi-v15-article h3 a:hover{color:var(--jgpi-teal);text-decoration:none}
.jgpi-v15-article .authors{font-size:13px;color:var(--jgpi-muted)}
.jgpi-v15-article .date{font-size:12px;color:var(--jgpi-muted);margin-top:8px}

/* Middle grid */
.jgpi-v15-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.jgpi-v15-about,.jgpi-v15-ann,.jgpi-v15-current{padding:16px}
.jgpi-v15-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid var(--jgpi-soft-teal);padding-bottom:10px;margin-bottom:12px}
.jgpi-v15-section-title h3{margin:0;color:var(--jgpi-navy);font-size:18px;font-weight:850}
.jgpi-v15-section-title a{font-size:13px;font-weight:750}
.jgpi-v15-about p{margin:0 0 10px;color:#4d6175;font-size:14px}
.jgpi-v15-about .cta{display:inline-flex;margin-top:4px;padding:8px 13px;border-radius:10px;background:#f3fbfa;border:1px solid #bfe4e1;color:#277f79;font-weight:800}
.jgpi-v15-ann-item{border:1px solid var(--jgpi-line);border-left:4px solid var(--jgpi-teal);border-radius:12px;background:#fbfefd;padding:13px;margin-bottom:10px}
.jgpi-v15-ann-item h4{margin:0 0 6px;color:#16827c;font-size:16px}
.jgpi-v15-ann-item p{margin:0 0 8px;color:#52687c;font-size:14px}
.jgpi-v15-ann-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.jgpi-v15-ann-date{background:#edf8f7;color:#5e918d;border-radius:999px;padding:4px 9px;font-size:12px}
.jgpi-v15-read{padding:7px 12px;border-radius:10px;background:#f3fbfa;border:1px solid #bfe4e1;color:#277f79;font-weight:800;font-size:13px}

/* Current */
.jgpi-v15-current-table{border:1px solid var(--jgpi-line);border-radius:14px;overflow:hidden}
.jgpi-v15-current-head{padding:12px 16px;border-bottom:3px solid var(--jgpi-gold);background:#fff;color:#178081;font-weight:850}
.jgpi-v15-current-item{display:grid;grid-template-columns:1.7fr 1fr 70px 86px;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--jgpi-line);font-size:14px}
.jgpi-v15-current-item:first-of-type{border-top:0}
.jgpi-v15-current-item .title a{font-weight:750;color:var(--jgpi-navy);text-decoration:none}
.jgpi-v15-current-item .title a:hover{color:var(--jgpi-teal)}
.jgpi-v15-current-item .meta{font-size:13px;color:var(--jgpi-muted)}
.jgpi-v15-pdf{display:inline-flex;padding:7px 11px;border:1px solid #9bd4d1;border-radius:10px;background:#f4fbfa;color:#247d78;font-weight:850}
.jgpi-v15-current-footer{text-align:center;padding-top:12px}

/* Sidebar homepage */
.jgpi-v15-sidebar-card{background:#fff;border:1px solid var(--jgpi-line);border-radius:18px;box-shadow:var(--jgpi-shadow);padding:14px;margin-bottom:16px}
.jgpi-v15-sidebar-title{margin:0 0 12px;color:var(--jgpi-navy);font-size:17px;font-weight:850}
.jgpi-v15-quick{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--jgpi-line);color:inherit;text-decoration:none!important}
.jgpi-v15-quick:last-child{border-bottom:0}
.jgpi-v15-quick:hover{text-decoration:none!important}
.jgpi-v15-quick:hover strong{color:var(--jgpi-teal)}
.jgpi-v15-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 40px;font-weight:850}
.jgpi-v15-icon.submit{background:#1aa29d}.jgpi-v15-icon.guide{background:#d7a94b}.jgpi-v15-icon.review{background:#5a97c7}.jgpi-v15-icon.ethics{background:#ef8990}.jgpi-v15-icon.template{background:#345f8c}
.jgpi-v15-quick strong{display:block;color:var(--jgpi-navy);font-size:15px}.jgpi-v15-quick span{display:block;color:var(--jgpi-muted);font-size:13px}
.jgpi-v15-indexed{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.jgpi-v15-chip{min-height:54px;border:1px solid var(--jgpi-line);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:7px;background:#fff;font-size:12px;line-height:1.18;font-weight:850;color:var(--jgpi-ink);text-decoration:none!important}
.jgpi-v15-chip:hover{background:var(--jgpi-soft-teal);color:var(--jgpi-navy)}
.jgpi-v15-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.jgpi-v15-stat{text-align:center;padding:6px 2px}.jgpi-v15-stat .ico{width:38px;height:38px;border-radius:50%;background:#eef8fb;color:#2f8fa8;display:flex;align-items:center;justify-content:center;margin:0 auto 5px;font-size:18px}.jgpi-v15-stat b{display:block;color:var(--jgpi-navy);font-size:21px}.jgpi-v15-stat span{font-size:12px;color:var(--jgpi-muted)}
.jgpi-v15-contact-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:#52687c;font-size:13px}.jgpi-v15-contact-row .ico{color:#2f8fa8;flex:0 0 18px}
.jgpi-v15-cover{display:grid;grid-template-columns:116px 1fr;gap:12px}
.jgpi-v15-cover-art{height:172px;border-radius:8px;background:linear-gradient(180deg,#0d3d69,#092a4a);position:relative;overflow:hidden}
.jgpi-v15-cover-art:before{content:"Journal of\A Government\A and Political\A Issues\A\A JGPI";white-space:pre;position:absolute;left:12px;top:12px;color:#fff1c4;font-weight:850;font-size:16px;line-height:1.16}.jgpi-v15-cover-art:after{content:"";position:absolute;left:-15%;bottom:12%;width:135%;height:4px;background:var(--jgpi-gold);transform:rotate(-18deg)}
.jgpi-v15-cover h4{margin:0 0 8px;color:var(--jgpi-navy);font-size:18px;line-height:1.25}.jgpi-v15-cover p{margin:0 0 10px;font-size:13px;color:#52687c}.jgpi-v15-cover-btn{display:inline-flex;padding:9px 12px;border-radius:10px;background:var(--jgpi-navy);color:#fff!important;font-weight:850}

/* Internal pages */
body:not(.jgpi-v15-home) .pkp_structure_main > .page,
body:not(.jgpi-v15-home) .page_article,
body:not(.jgpi-v15-home) .page_issue,
body:not(.jgpi-v15-home) .page_about,
body:not(.jgpi-v15-home) .page_announcements{
  background:#fff;
  border:1px solid var(--jgpi-line);
  border-radius:18px;
  box-shadow:var(--jgpi-shadow);
  padding:24px;
}

/* Article detail: fill the right column/card area */
.obj_article_details{
  color:var(--jgpi-ink);
}
.obj_article_details > .row,
.obj_article_details .row{
  border-top:0!important;
}
.obj_article_details .main_entry{
  border-right:0!important;
  padding-right:22px!important;
}
.obj_article_details .entry_details{
  background:#fff!important;
  border:1px solid var(--jgpi-line)!important;
  border-radius:18px!important;
  box-shadow:var(--jgpi-shadow)!important;
  padding:18px!important;
  margin-top:0!important;
}
.obj_article_details .entry_details .cover_image,
.obj_article_details .entry_details .item{
  border-bottom:1px solid var(--jgpi-line)!important;
  padding-bottom:16px!important;
  margin-bottom:16px!important;
}
.obj_article_details .entry_details .cover_image img{
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(10,45,84,.10)!important;
}
.obj_article_details .entry_details .galleys a,
.obj_article_details .entry_details .galley-link,
.obj_article_details .entry_details a.obj_galley_link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  border:1px solid #9bd4d1!important;
  background:#f4fbfa!important;
  color:#247d78!important;
  font-weight:850!important;
}

/* Style ordinary internal sidebar but don't replace it */
body:not(.jgpi-v15-home) .pkp_block{
  background:#fff;
  border:1px solid var(--jgpi-line);
  border-radius:18px;
  box-shadow:var(--jgpi-shadow);
  padding:16px;
  margin-bottom:16px;
}
body:not(.jgpi-v15-home) .pkp_block .title{
  color:var(--jgpi-navy);
  font-size:17px;
  font-weight:850;
  border-bottom:0!important;
  padding-bottom:0!important;
}
body:not(.jgpi-v15-home) .pkp_block ul{list-style:none;margin:0;padding:0}
body:not(.jgpi-v15-home) .pkp_block li{border-bottom:1px solid var(--jgpi-line);padding:9px 0}
body:not(.jgpi-v15-home) .pkp_block li:last-child{border-bottom:0}

/* Compact footer */
.pkp_structure_footer_wrapper,.pkp_structure_footer{
  background:linear-gradient(135deg,var(--jgpi-navy),#082844)!important;
  color:#fff!important;
  border-top:4px solid var(--jgpi-gold)!important;
  min-height:0!important;
}
.pkp_structure_footer{
  padding:18px 18px!important;
  min-height:0!important;
}
.pkp_structure_footer a{color:#fff!important}
.pkp_structure_footer img{max-height:46px!important;width:auto!important}
.pkp_brand_footer,
.pkp_brand_footer img{max-width:150px!important;max-height:52px!important;opacity:.75!important}
.pkp_structure_footer p{margin:6px 0!important}

@media(max-width:1100px){.jgpi-v15-indexed,.jgpi-v15-stats{grid-template-columns:repeat(2,1fr)}.jgpi-v15-current-item{grid-template-columns:1.5fr 1fr 68px 82px}}
@media(max-width:980px){.pkp_structure_content{display:block!important;padding:16px 12px 34px}.pkp_structure_main,.pkp_structure_sidebar{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}.pkp_structure_sidebar{margin-top:20px!important}.jgpi-v15-slide{grid-template-columns:1fr}.jgpi-v15-visual{display:none}.jgpi-v15-grid{grid-template-columns:1fr}.jgpi-v15-article{flex-basis:calc((100% - 14px)/2)}.obj_article_details .main_entry{padding-right:0!important}.obj_article_details .entry_details{margin-top:20px!important}}
@media(max-width:680px){.jgpi-v15-brand{padding:14px 16px 10px}.jgpi-v15-logo{width:60px;height:60px;font-size:28px}.jgpi-v15-brand-title .main{font-size:15px}.jgpi-v15-slide{min-height:auto}.jgpi-v15-hero-left{padding:24px 20px 50px}.jgpi-v15-title{font-size:24px}.jgpi-v15-meta{grid-template-columns:1fr}.jgpi-v15-article{flex-basis:100%}.jgpi-v15-current-item{grid-template-columns:1fr;gap:6px}.jgpi-v15-cover{grid-template-columns:1fr}.jgpi-v15-indexed,.jgpi-v15-stats{grid-template-columns:repeat(2,1fr)}}


/* V7: consistent header on all pages */
body.jgpi-v15-loaded .jgpi-v15-brand{
  display:flex!important;
}

body:not(.jgpi-v15-home).jgpi-v15-loaded .pkp_structure_head{
  border-radius:0;
  min-height:auto!important;
}

body:not(.jgpi-v15-home).jgpi-v15-loaded .pkp_navigation_primary_row{
  border-top:1px solid rgba(255,255,255,.10);
}

body:not(.jgpi-v15-home).jgpi-v15-loaded .pkp_structure_content{
  padding-top:22px!important;
}

/* Keep internal pages clean: no homepage slider/portal outside homepage */
body:not(.jgpi-v15-home) .jgpi-v15-portal,
body:not(.jgpi-v15-home) .jgpi-v15-hero,
body:not(.jgpi-v15-home) .jgpi-v15-latest{
  display:none!important;
}


/* V8: same custom right sidebar on all JGPI pages */
body.jgpi-v15-loaded .pkp_structure_sidebar > *:not(.jgpi-v15-side-wrap){
  display:none!important;
}

body.jgpi-v15-loaded .jgpi-v15-side-wrap{
  display:block!important;
}

/* Do not show homepage portal/hero outside homepage */
body:not(.jgpi-v15-home) .jgpi-v15-portal,
body:not(.jgpi-v15-home) .jgpi-v15-hero,
body:not(.jgpi-v15-home) .jgpi-v15-latest{
  display:none!important;
}

/* Ensure internal pages keep the same header/sidebar alignment */
body:not(.jgpi-v15-home).jgpi-v15-loaded .pkp_structure_content{
  align-items:flex-start!important;
}


/* =========================================================
   V9 FIXES: sidebar on all pages + article tools on right
   ========================================================= */

body.jgpi-v15-loaded .pkp_structure_content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

body.jgpi-v15-loaded .pkp_structure_main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  border-right: 0 !important;
}

body.jgpi-v15-loaded .pkp_structure_sidebar,
body.jgpi-v15-loaded .jgpi-v15-injected-sidebar {
  display: block !important;
  float: none !important;
  flex: 0 0 318px !important;
  width: 318px !important;
  max-width: 318px !important;
  min-width: 318px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.jgpi-v15-loaded .pkp_structure_sidebar > *:not(.jgpi-v15-side-wrap) {
  display: none !important;
}

body.jgpi-v15-loaded .jgpi-v15-side-wrap {
  display: block !important;
}

body.jgpi-v15-loaded .pkp_structure_content::before,
body.jgpi-v15-loaded .pkp_structure_content::after,
body.jgpi-v15-loaded .pkp_structure_sidebar::before,
body.jgpi-v15-loaded .pkp_structure_sidebar::after,
body.jgpi-v15-loaded .pkp_structure_main::before,
body.jgpi-v15-loaded .pkp_structure_main::after {
  display: none !important;
  border: 0 !important;
}

/* Article detail: move cover/PDF/published/issue/license to right sidebar card */
.jgpi-v15-article-tools {
  padding: 14px !important;
}

.jgpi-v15-article-tools .jgpi-v15-sidebar-title {
  margin-bottom: 12px !important;
}

.jgpi-v15-article-tools .entry_details,
.jgpi-v15-article-tools .article_details,
.jgpi-v15-article-tools .item {
  background: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

.jgpi-v15-article-tools .entry_details {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.jgpi-v15-article-tools .entry_details > *,
.jgpi-v15-article-tools .item {
  border-bottom: 1px solid var(--jgpi-line) !important;
  padding: 0 0 14px 0 !important;
  margin: 0 0 14px 0 !important;
}

.jgpi-v15-article-tools .entry_details > *:last-child,
.jgpi-v15-article-tools .item:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.jgpi-v15-article-tools .cover_image img,
.jgpi-v15-article-tools img {
  width: 100% !important;
  max-width: 240px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(10,45,84,.12) !important;
}

.jgpi-v15-article-tools .galleys a,
.jgpi-v15-article-tools a.obj_galley_link,
.jgpi-v15-article-tools .galley-link,
.jgpi-v15-article-tools a[href*="/article/view/"][href*="/download/"],
.jgpi-v15-article-tools a[href*="/article/download/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  border: 1px solid #9bd4d1 !important;
  background: #f4fbfa !important;
  color: #247d78 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

/* Article body should occupy left column only; right details moved to sidebar */
body.jgpi-v15-article-page .obj_article_details .main_entry,
body.jgpi-v15-article-page .obj_article_details .item.abstract,
body.jgpi-v15-article-page .obj_article_details .entry_details + .main_entry {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  border-right: 0 !important;
}

body.jgpi-v15-article-page .obj_article_details > .row {
  display: block !important;
}

body.jgpi-v15-article-page .obj_article_details .entry_details {
  display: none;
}

body.jgpi-v15-article-page .jgpi-v15-article-tools .entry_details {
  display: block !important;
}

/* Internal pages retain cards and sidebar */
body:not(.jgpi-v15-home).jgpi-v15-loaded .pkp_structure_main > .page {
  max-width: 100% !important;
}

/* Sidebar cards compact */
.jgpi-v15-sidebar-card {
  margin-bottom: 14px !important;
}

/* Footer compact */
body.jgpi-v15-loaded .pkp_structure_footer,
body.jgpi-v15-loaded .pkp_structure_footer_wrapper {
  min-height: 0 !important;
}

body.jgpi-v15-loaded .pkp_structure_footer {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

body.jgpi-v15-loaded .pkp_brand_footer {
  margin-top: 4px !important;
}

@media (max-width: 980px) {
  body.jgpi-v15-loaded .pkp_structure_content {
    display: block !important;
  }
  body.jgpi-v15-loaded .pkp_structure_sidebar,
  body.jgpi-v15-loaded .jgpi-v15-injected-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 20px !important;
  }
}


/* =========================================================
   V10 FINAL: Article Tools beside article content, sidebar remains separate
   ========================================================= */
body.jgpi-v15-loaded .pkp_head_wrapper,
body.jgpi-v15-loaded .pkp_navigation_primary_wrapper,
body.jgpi-v15-loaded .jgpi-v15-brand,
body.jgpi-v15-loaded .pkp_structure_content{max-width:1320px!important}
body.jgpi-v15-loaded .pkp_structure_content{display:flex!important;align-items:flex-start!important;gap:24px!important;margin-left:auto!important;margin-right:auto!important;border-left:0!important;border-right:0!important}
body.jgpi-v15-loaded .pkp_structure_main{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;border-right:0!important}
body.jgpi-v15-loaded .pkp_structure_sidebar,
body.jgpi-v15-loaded .jgpi-v15-injected-sidebar{display:block!important;float:none!important;flex:0 0 300px!important;width:300px!important;max-width:300px!important;min-width:300px!important;margin:0!important;padding:0!important;border-left:0!important;box-shadow:none!important;background:transparent!important}
body.jgpi-v15-loaded .pkp_structure_sidebar > *:not(.jgpi-v15-side-wrap){display:none!important}
body.jgpi-v15-loaded .jgpi-v15-side-wrap{display:block!important}
body.jgpi-v15-loaded .pkp_structure_content::before,body.jgpi-v15-loaded .pkp_structure_content::after,body.jgpi-v15-loaded .pkp_structure_sidebar::before,body.jgpi-v15-loaded .pkp_structure_sidebar::after,body.jgpi-v15-loaded .pkp_structure_main::before,body.jgpi-v15-loaded .pkp_structure_main::after{display:none!important;border:0!important}

body.jgpi-v15-article-page .pkp_structure_main > .page,
body.jgpi-v15-article-page .page_article{background:#fff!important;border:1px solid var(--jgpi-line)!important;border-radius:18px!important;box-shadow:var(--jgpi-shadow)!important;padding:24px!important;max-width:100%!important;overflow:visible!important}
body.jgpi-v15-article-page .obj_article_details > .row,
body.jgpi-v15-article-page .obj_article_details .row.jgpi-v15-article-row{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:24px!important;align-items:start!important;width:100%!important}
body.jgpi-v15-article-page .obj_article_details .main_entry{grid-column:1!important;width:100%!important;max-width:100%!important;padding-right:0!important;margin-right:0!important;border-right:0!important}
body.jgpi-v15-article-page .obj_article_details .entry_details,
body.jgpi-v15-article-page .obj_article_details .jgpi-v15-entry-card{display:block!important;grid-column:2!important;width:100%!important;max-width:100%!important;background:#fff!important;border:1px solid var(--jgpi-line)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(10,45,84,.08)!important;padding:16px!important;margin:0!important;position:relative!important;float:none!important}
.jgpi-v15-tools-title{margin:0 0 12px!important;color:var(--jgpi-navy)!important;font-size:17px!important;font-weight:850!important}
body.jgpi-v15-article-page .obj_article_details .entry_details > *,body.jgpi-v15-article-page .obj_article_details .entry_details .item{border-bottom:1px solid var(--jgpi-line)!important;padding-bottom:14px!important;margin-bottom:14px!important}
body.jgpi-v15-article-page .obj_article_details .entry_details > *:last-child,body.jgpi-v15-article-page .obj_article_details .entry_details .item:last-child{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
body.jgpi-v15-article-page .obj_article_details .entry_details .cover_image img,body.jgpi-v15-article-page .obj_article_details .entry_details img{width:100%!important;max-width:240px!important;height:auto!important;display:block!important;margin:0 auto 10px auto!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(10,45,84,.12)!important}
body.jgpi-v15-article-page .obj_article_details .entry_details .galleys a,
body.jgpi-v15-article-page .obj_article_details .entry_details a.obj_galley_link,
body.jgpi-v15-article-page .obj_article_details .entry_details .galley-link,
body.jgpi-v15-article-page .obj_article_details .entry_details a[href*="/article/download/"],
body.jgpi-v15-article-page .obj_article_details .entry_details a[href*="/article/view/"][href*="/download/"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;border-radius:10px!important;border:1px solid #9bd4d1!important;background:#f4fbfa!important;color:#247d78!important;font-weight:850!important;text-decoration:none!important}
body.jgpi-v15-article-page .jgpi-v15-article-tools{display:none!important}
body.jgpi-v15-article-page .jgpi-v15-sidebar-card{padding:13px!important;margin-bottom:13px!important}
body.jgpi-v15-article-page .jgpi-v15-indexed,body.jgpi-v15-article-page .jgpi-v15-stats{grid-template-columns:repeat(2,1fr)!important}
body.jgpi-v15-loaded .pkp_structure_footer,body.jgpi-v15-loaded .pkp_structure_footer_wrapper{min-height:0!important}
body.jgpi-v15-loaded .pkp_structure_footer{padding-top:16px!important;padding-bottom:16px!important}
@media(max-width:1180px){body.jgpi-v15-loaded .pkp_structure_content{display:block!important}body.jgpi-v15-loaded .pkp_structure_sidebar,body.jgpi-v15-loaded .jgpi-v15-injected-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;margin-top:20px!important}body.jgpi-v15-article-page .obj_article_details > .row,body.jgpi-v15-article-page .obj_article_details .row.jgpi-v15-article-row{grid-template-columns:minmax(0,1fr) 280px!important}}
@media(max-width:820px){body.jgpi-v15-article-page .obj_article_details > .row,body.jgpi-v15-article-page .obj_article_details .row.jgpi-v15-article-row{display:block!important}body.jgpi-v15-article-page .obj_article_details .entry_details,body.jgpi-v15-article-page .obj_article_details .jgpi-v15-entry-card{margin-top:20px!important}}


/* =========================================================
   V11 fixes
   - Sidebar Indexed In and Statistics always 2 columns
   - Latest Articles and Current Issue use real article URLs from OJS
   ========================================================= */
body.jgpi-v15-loaded .jgpi-v15-indexed,
body.jgpi-v15-loaded .jgpi-v15-stats{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.jgpi-v15-loaded .jgpi-v15-chip{
  min-height: 54px !important;
  padding: 8px 6px !important;
  font-size: 12px !important;
}

body.jgpi-v15-loaded .jgpi-v15-stat{
  padding: 8px 4px !important;
}

body.jgpi-v15-loaded .jgpi-v15-stat b{
  font-size: 22px !important;
}

body.jgpi-v15-loaded .jgpi-v15-tag{
  background: var(--jgpi-soft-gold) !important;
  color: #8b6c22 !important;
}

body.jgpi-v15-loaded .jgpi-v15-article h3 a,
body.jgpi-v15-loaded .jgpi-v15-current-item .title a{
  cursor: pointer !important;
}

body.jgpi-v15-loaded .jgpi-v15-article h3 a[href="#"],
body.jgpi-v15-loaded .jgpi-v15-current-item .title a[href="#"]{
  pointer-events: none !important;
  opacity: .65 !important;
}


/* =========================================================
   V12: Article metrics + downloads chart styling
   ========================================================= */

body.jgpi-v15-article-page .jgpi-v15-metrics-panel {
  background: #fff;
  border: 1px solid var(--jgpi-line);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(10,45,84,.07);
  padding: 16px;
  margin: 26px 0 24px;
}

body.jgpi-v15-article-page .jgpi-v15-metrics-panel h3 {
  margin: 0 0 12px;
  color: var(--jgpi-navy);
  font-size: 18px;
  font-weight: 850;
}

.jgpi-v15-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.jgpi-v15-metric-card {
  border: 1px solid var(--jgpi-line);
  border-radius: 14px;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  padding: 13px;
}

.jgpi-v15-metric-card .label {
  color: var(--jgpi-muted);
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.jgpi-v15-metric-card .value {
  display: block;
  margin-top: 6px;
  color: var(--jgpi-navy);
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.jgpi-v15-metric-card .note {
  display: block;
  margin-top: 6px;
  color: var(--jgpi-muted);
  font-size: 12px;
  line-height: 1.35;
}

.jgpi-v15-chart-wrap {
  border-top: 1px solid var(--jgpi-line);
  margin-top: 14px;
  padding-top: 14px;
}

.jgpi-v15-chart-wrap canvas {
  max-height: 260px !important;
}

.jgpi-v15-downloads-source {
  color: var(--jgpi-muted);
  font-size: 12px;
  margin-top: 8px;
}

.jgpi-v15-gs-link,
.jgpi-v15-crossref-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  margin-right: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #cbe4e1;
  background: #f4fbfa;
  color: #247d78 !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}

/* Original downloads block should look like part of metrics panel */
body.jgpi-v15-article-page .jgpi-v15-downloads-card {
  background: #fff;
  border: 1px solid var(--jgpi-line);
  border-radius: 16px;
  padding: 14px;
  margin: 20px 0;
  box-shadow: 0 6px 20px rgba(10,45,84,.05);
}

body.jgpi-v15-article-page .jgpi-v15-downloads-card h2,
body.jgpi-v15-article-page .jgpi-v15-downloads-card h3,
body.jgpi-v15-article-page .jgpi-v15-downloads-card h4 {
  margin-top: 0 !important;
  color: var(--jgpi-navy) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

/* Make Creative Commons / license logo smaller and cleaner */
body.jgpi-v15-article-page .entry_details .item.license img,
body.jgpi-v15-article-page .entry_details img[src*="license"],
body.jgpi-v15-article-page .entry_details img[src*="creativecommons"],
body.jgpi-v15-article-page .entry_details img[alt*="Creative"],
body.jgpi-v15-article-page .entry_details img[alt*="Commons"],
body.jgpi-v15-article-page .entry_details img[alt*="CC"] {
  max-width: 118px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin: 8px 0 10px !important;
}

body.jgpi-v15-article-page .entry_details .item.license,
body.jgpi-v15-article-page .entry_details [class*="license"] {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

@media(max-width: 820px) {
  .jgpi-v15-metrics-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V13: refined academic metrics and usage visualization
   ========================================================= */

body.jgpi-v15-article-page .jgpi-v15-metrics-panel {
  background: #fff;
  border: 1px solid var(--jgpi-line);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(10,45,84,.07);
  padding: 16px;
  margin: 26px 0 24px;
}

body.jgpi-v15-article-page .jgpi-v15-metrics-panel h3 {
  margin: 0 0 12px;
  color: var(--jgpi-navy);
  font-size: 18px;
  font-weight: 850;
}

.jgpi-v15-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.jgpi-v15-metric-card {
  border: 1px solid var(--jgpi-line);
  border-radius: 14px;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  padding: 13px;
}

.jgpi-v15-metric-card .label {
  color: var(--jgpi-muted);
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.jgpi-v15-metric-card .value {
  display: block;
  margin-top: 6px;
  color: var(--jgpi-navy);
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
}

.jgpi-v15-metric-card .note {
  display: block;
  margin-top: 6px;
  color: var(--jgpi-muted);
  font-size: 12px;
  line-height: 1.35;
}

.jgpi-v15-usage-visual {
  border-top: 1px solid var(--jgpi-line);
  margin-top: 14px;
  padding-top: 14px;
}

.jgpi-v15-usage-visual h4 {
  margin: 0 0 10px;
  color: var(--jgpi-navy);
  font-size: 15px;
  font-weight: 850;
}

.jgpi-v15-bar-row {
  display: grid;
  grid-template-columns: 90px 1fr 56px;
  gap: 10px;
  align-items: center;
  margin: 9px 0;
  font-size: 13px;
}

.jgpi-v15-bar-label {
  color: var(--jgpi-ink);
  font-weight: 800;
}

.jgpi-v15-bar-track {
  height: 10px;
  border-radius: 999px;
  background: #eef4f8;
  overflow: hidden;
}

.jgpi-v15-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--jgpi-teal), var(--jgpi-blue));
  transition: width .5s ease;
}

.jgpi-v15-bar-value {
  color: var(--jgpi-navy);
  font-weight: 850;
  text-align: right;
}

.jgpi-v15-metric-note {
  color: var(--jgpi-muted);
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.55;
}

.jgpi-v15-gs-link,
.jgpi-v15-crossref-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  margin-right: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #cbe4e1;
  background: #f4fbfa;
  color: #247d78 !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}

/* Hide the empty/duplicated built-in download chart when V13 metrics panel is active */
body.jgpi-v15-article-page .jgpi-v15-downloads-card {
  display: none !important;
}

/* Make Creative Commons / license logo smaller and cleaner */
body.jgpi-v15-article-page .entry_details .item.license img,
body.jgpi-v15-article-page .entry_details img[src*="license"],
body.jgpi-v15-article-page .entry_details img[src*="creativecommons"],
body.jgpi-v15-article-page .entry_details img[alt*="Creative"],
body.jgpi-v15-article-page .entry_details img[alt*="Commons"],
body.jgpi-v15-article-page .entry_details img[alt*="CC"] {
  max-width: 112px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin: 8px 0 10px !important;
}

body.jgpi-v15-article-page .entry_details .item.license,
body.jgpi-v15-article-page .entry_details [class*="license"] {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

@media(max-width: 820px) {
  .jgpi-v15-metrics-grid {
    grid-template-columns: 1fr;
  }

  .jgpi-v15-bar-row {
    grid-template-columns: 78px 1fr 46px;
  }
}


/* V14 metrics wording refinement */
.jgpi-v15-metric-note {
  color: var(--jgpi-muted);
}


/* =========================================================
   V15: Collapsible Chart.js Usage Overview
   ========================================================= */

body.jgpi-v15-article-page .jgpi-v15-metrics-panel {
  overflow: hidden !important;
}

.jgpi-v15-usage-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--jgpi-line);
  margin-top: 14px;
  padding-top: 14px;
}

.jgpi-v15-usage-toolbar h4 {
  margin: 0;
  color: var(--jgpi-navy);
  font-size: 15px;
  font-weight: 850;
}

.jgpi-v15-usage-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.jgpi-v15-toggle-btn,
.jgpi-v15-chart-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #cbe4e1;
  background: #f4fbfa;
  color: #247d78;
  font-size: 12px;
  font-weight: 850;
  padding: 7px 11px;
  cursor: pointer;
  text-decoration: none !important;
}

.jgpi-v15-toggle-btn:hover,
.jgpi-v15-chart-tab:hover {
  background: #e9f8f6;
}

.jgpi-v15-chart-tab.active {
  color: #fff;
  background: linear-gradient(135deg, var(--jgpi-teal), var(--jgpi-blue));
  border-color: transparent;
}

.jgpi-v15-chart-panel {
  display: none;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid var(--jgpi-line);
  border-radius: 16px;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  padding: 14px;
}

.jgpi-v15-chart-panel.open {
  display: block;
}

.jgpi-v15-chart-canvas-wrap {
  position: relative;
  width: 100%;
  height: 310px;
  max-width: 100%;
  overflow: hidden;
}

.jgpi-v15-chart-canvas-wrap canvas {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 310px !important;
}

.jgpi-v15-chart-note {
  color: var(--jgpi-muted);
  font-size: 12px;
  line-height: 1.55;
  margin-top: 10px;
}

.jgpi-v15-chart-empty {
  color: var(--jgpi-muted);
  font-size: 13px;
  padding: 14px;
  border-radius: 12px;
  background: #f7fafc;
  border: 1px dashed var(--jgpi-line);
}

.jgpi-v15-stacked-fallback {
  margin-top: 6px;
}

.jgpi-v15-stacked-row {
  display: grid;
  grid-template-columns: 92px 1fr 68px;
  gap: 10px;
  align-items: center;
  margin: 10px 0;
  font-size: 13px;
}

.jgpi-v15-stacked-period {
  color: var(--jgpi-ink);
  font-weight: 850;
}

.jgpi-v15-stacked-track {
  display: flex;
  height: 14px;
  border-radius: 999px;
  overflow: hidden;
  background: #eef4f8;
}

.jgpi-v15-stacked-views {
  background: linear-gradient(90deg,#3f79a8,#2e6f9e);
  min-width: 0;
}

.jgpi-v15-stacked-downloads {
  background: linear-gradient(90deg,#18a39d,#0f8f89);
  min-width: 0;
}

.jgpi-v15-stacked-total {
  color: var(--jgpi-navy);
  font-weight: 850;
  text-align: right;
}

.jgpi-v15-chart-legend {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
  color: var(--jgpi-muted);
  font-size: 12px;
}

.jgpi-v15-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.jgpi-v15-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.jgpi-v15-legend-dot.views {
  background: #3f79a8;
}

.jgpi-v15-legend-dot.downloads {
  background: #18a39d;
}

/* Hide old V14 horizontal bar overview if present */
body.jgpi-v15-article-page .jgpi-v15-usage-visual > [data-usage-bars] {
  display: none !important;
}

/* Make the public download chart block stay hidden when V15 panel is active */
body.jgpi-v15-article-page .jgpi-v15-downloads-card {
  display: none !important;
}

@media(max-width: 680px) {
  .jgpi-v15-usage-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .jgpi-v15-chart-canvas-wrap,
  .jgpi-v15-chart-canvas-wrap canvas {
    height: 260px !important;
  }

  .jgpi-v15-stacked-row {
    grid-template-columns: 72px 1fr 52px;
  }
}