/* Leroxa Theme V.4.0 — OJS 3.3.x */
:root{
 --mj-primary:#173B57;--mj-deep:#0A2337;--mj-accent:#0E8A8A;--mj-gold:#C5A15A;
 --mj-bg:#F4F7F9;--mj-surface:#fff;--mj-text:#243849;--mj-muted:#6B7C8C;--mj-line:#DDE5EB;
 --mj-soft:#F8FAFB;--mj-soft-accent:#EDF8F7;--mj-radius:12px;--mj-shadow:0 10px 28px rgba(16,43,62,.07);
 --mj-max:1240px;--mj-serif:Georgia,"Times New Roman",serif;--mj-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{background:var(--mj-bg);scroll-behavior:smooth}body.mj33-complete{margin:0;background:var(--mj-bg);color:var(--mj-text);font-family:var(--mj-sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body.mj33-complete img{max-width:100%;height:auto}body.mj33-complete a{color:var(--mj-primary);transition:.18s ease}body.mj33-complete a:hover{color:var(--mj-accent)}.mj33-container{width:min(calc(100% - 34px),var(--mj-max));margin:0 auto}.mj33-page-shell{min-height:100vh;background:var(--mj-bg)}
/* Utility */.mj33-utility{background:var(--mj-deep);color:#DCE7EE;font-size:11.5px}.mj33-utility-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mj33-utility-left,.mj33-utility-right{display:flex;align-items:center;gap:15px}.mj33-utility a,.mj33-share{color:#E8F0F5;text-decoration:none;background:transparent;border:0;padding:0;font:inherit;cursor:pointer}.mj33-utility a:hover,.mj33-share:hover{color:#fff}.mj33-utility .fa{margin-right:5px;color:#86C6C5}.mj33-utility-user .mj33-user-menu{display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none}.mj33-utility-user .mj33-user-menu a{white-space:nowrap}
/* Masthead */.mj33-masthead{background:#fff}.mj33-masthead-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 0}.mj33-brand-wrap{display:flex;align-items:center;min-width:0}.mj33-brand{display:flex;align-items:center;min-width:0;text-decoration:none}.mj33-logo{display:block;width:auto;max-width:min(760px,100%);max-height:84px;object-fit:contain;object-position:left center}.mj33-brand-title{font:700 clamp(28px,3.2vw,43px)/1.1 var(--mj-serif);color:var(--mj-deep)}.mj33-masthead-meta{display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--mj-line);border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(16,43,62,.04)}.mj33-masthead-meta strong,.mj33-masthead-meta span{display:block}.mj33-masthead-meta strong{font-size:12px;color:var(--mj-deep)}.mj33-masthead-meta span{font-size:10.5px;color:var(--mj-muted)}.mj33-oa-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--mj-soft-accent);color:var(--mj-accent);font-size:17px}.mj33-mobile-toggle{display:none}
/* Nav */.mj33-nav{position:relative;z-index:80;background:linear-gradient(90deg,var(--mj-primary) 0%,#154764 62%,var(--mj-accent) 100%);box-shadow:0 5px 16px rgba(10,35,55,.12)}.mj33-nav-inner{display:flex;align-items:stretch}.mj33-nav-menu{flex:1 1 auto}.mj33-primary{display:flex;align-items:stretch;gap:0;margin:0;padding:0;list-style:none}.mj33-primary>li{position:relative}.mj33-primary>li>a{display:flex;align-items:center;min-height:55px;padding:0 15px;color:#fff!important;font-size:12.5px;font-weight:750;text-decoration:none}.mj33-primary>li>a:hover{background:rgba(255,255,255,.10)}.mj33-primary ul{position:absolute;top:100%;left:0;z-index:120;min-width:220px;margin:0;padding:7px;list-style:none;background:#fff;border:1px solid var(--mj-line);border-radius:0 0 8px 8px;box-shadow:0 16px 36px rgba(11,36,54,.18)}.mj33-primary ul a{display:block;padding:9px 11px;border-radius:5px;color:var(--mj-text)!important;text-decoration:none;font-size:12px}.mj33-primary ul a:hover{background:#F0F5F7;color:var(--mj-primary)!important}.mj33-nav-search{display:flex;align-items:center;gap:7px;padding:0 18px;border-left:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none;font-size:12px;font-weight:750}.mj33-nav-search:hover{background:rgba(255,255,255,.10)}
/* Structure */.mj33-structure{width:min(calc(100% - 34px),var(--mj-max));max-width:none;margin:0 auto;padding:30px 0 54px}.mj33-structure.has_sidebar{display:flex;align-items:flex-start;gap:24px}.mj33-main{float:none!important;width:auto!important;min-width:0!important;flex:1 1 auto!important;padding:0!important;border:0!important}.mj33-sidebar{width:300px;flex:0 0 300px}.mj33-side-card,.mj33-ojs-blocks .pkp_block{margin:0 0 16px;background:#fff;border:1px solid var(--mj-line);border-radius:10px;box-shadow:0 7px 20px rgba(16,43,62,.05);overflow:hidden}.mj33-side-card h3,.mj33-ojs-blocks .pkp_block .title{margin:0;padding:13px 15px;border-bottom:1px solid var(--mj-line);background:#FBFCFD;color:var(--mj-deep);font-size:12px;font-weight:800}.mj33-side-card h3 .fa{margin-right:6px;color:var(--mj-accent)}.mj33-search-form{display:flex;padding:13px}.mj33-search-form input{min-width:0;flex:1 1 auto;height:40px;padding:0 11px;border:1px solid #CBD7DF;border-right:0;border-radius:6px 0 0 6px;font:inherit}.mj33-search-form button{width:42px;border:0;border-radius:0 6px 6px 0;background:var(--mj-accent);color:#fff;cursor:pointer}.mj33-side-links{display:flex;flex-direction:column;padding:6px 13px 12px}.mj33-side-links a{padding:8px 2px;border-bottom:1px solid #ECF0F3;text-decoration:none;font-size:12px}.mj33-ojs-blocks .pkp_block .content{padding:13px 15px;font-size:12px}.mj33-ojs-blocks .pkp_block img{max-width:100%!important;height:auto!important}.mj33-ojs-blocks .pkp_block ul{margin:0;padding:0;list-style:none}.mj33-ojs-blocks .pkp_block li+li{border-top:1px solid #ECF0F3}.mj33-ojs-blocks .pkp_block li>a{display:block;padding:8px 0;text-decoration:none}
/* Home top */.mj33-homepage{padding:0}.mj33-home-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:22px;margin-bottom:22px}.mj33-home-card,.mj33-current-shell,.mj33-page-card{background:#fff;border:1px solid var(--mj-line);border-radius:var(--mj-radius);box-shadow:var(--mj-shadow);overflow:hidden}.mj33-card-heading,.mj33-section-heading{padding:18px 20px;border-bottom:1px solid var(--mj-line);background:linear-gradient(180deg,#fff,#FCFDFE)}.mj33-card-heading h1,.mj33-card-heading h2,.mj33-section-heading h2{margin:1px 0 0;font:700 24px/1.22 var(--mj-serif);color:var(--mj-deep)}.mj33-card-content{padding:20px}.mj33-eyebrow{display:block;color:var(--mj-accent);font-size:9.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mj33-prose{color:#344B5D;line-height:1.78}.mj33-prose>*:first-child{margin-top:0}.mj33-prose>*:last-child{margin-bottom:0}.mj33-about-text{max-height:220px;overflow:hidden;position:relative}.mj33-about-text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(transparent,#fff)}.mj33-text-link{display:inline-block;margin-top:13px;font-size:11.5px;font-weight:800;text-decoration:none}.mj33-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.mj33-outline-link{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #C8D5DE;border-radius:6px;background:#fff;font-size:11px;font-weight:800;text-decoration:none}
/* Most viewed */.mj33-most-item{padding:12px 0;border-bottom:1px solid #E9EEF1}.mj33-most-item:first-child{padding-top:0}.mj33-most-item:last-child{border-bottom:0}.mj33-most-title{display:block;color:var(--mj-deep)!important;font-family:var(--mj-serif);font-size:14px;font-weight:700;line-height:1.38;text-decoration:none}.mj33-most-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;color:var(--mj-muted);font-size:10.5px}.mj33-most-meta b{color:var(--mj-accent);font-weight:800;white-space:nowrap}.mj33-most-viewed.mj33-sorted .mj33-most-item[data-hidden="1"]{display:none}.mj33-empty-most{display:none;color:var(--mj-muted);font-size:12px}
/* announcements */.mj33-announcements{margin-bottom:22px}.mj33-announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mj33-announcement-item{padding:14px;border:1px solid #E3E9ED;border-left:3px solid var(--mj-gold);border-radius:8px;background:#FCFDFE}.mj33-announcement-item .obj_announcement_summary{margin:0;padding:0;border:0}.mj33-announcement-item h3{margin:0 0 5px;font:700 16px/1.35 var(--mj-serif)}.mj33-announcement-item .date{font-size:10.5px;color:var(--mj-muted)}
/* issue */.mj33-current-shell{margin-bottom:22px}.mj33-issue-toc{padding:20px}.mj33-issue-overview{display:grid;grid-template-columns:155px minmax(0,1fr);gap:23px;padding-bottom:20px;border-bottom:1px solid var(--mj-line)}.mj33-issue-cover img{display:block;width:155px;max-height:215px;object-fit:cover;border-radius:7px;box-shadow:0 10px 24px rgba(16,43,62,.15)}.mj33-issue-info h3{margin:4px 0 10px;font:700 clamp(24px,2.5vw,32px)/1.2 var(--mj-serif);color:var(--mj-deep)}.mj33-issue-meta{display:flex;flex-wrap:wrap;gap:7px 16px;color:var(--mj-muted);font-size:11.5px}.mj33-issue-meta a{text-decoration:none;font-weight:700}.mj33-issue-description{margin-top:13px;color:#42596B;font-size:12.5px;line-height:1.7}.mj33-issue-galleys{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.mj33-issue-galleys .obj_galley_link{display:inline-flex;padding:7px 11px;border-radius:6px;background:var(--mj-primary);color:#fff!important;font-size:11px;font-weight:800;text-decoration:none}.mj33-issue-sections{padding-top:7px}.mj33-article-section{margin-top:22px}.mj33-section-title{position:relative;margin:0 0 11px;padding-bottom:8px;border-bottom:1px solid var(--mj-line);font:850 12px/1.3 var(--mj-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mj-primary)}.mj33-section-title:after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:2px;background:var(--mj-gold)}.mj33-article-list{display:grid;gap:10px}
/* article summary */.mj33-article{padding:16px 17px;border:1px solid #E1E8ED;border-left:3px solid var(--mj-accent);border-radius:8px;background:#fff;transition:.18s ease}.mj33-article:hover{border-color:#C9D7DF;box-shadow:0 8px 20px rgba(17,43,61,.06);transform:translateY(-1px)}.mj33-article-title{margin:0;font:700 17px/1.38 var(--mj-serif)}.mj33-article-title a{color:var(--mj-deep)!important;text-decoration:none}.mj33-article-authors{margin-top:6px;color:#4D6375;font-size:11.8px}.mj33-article-stats{display:flex;flex-wrap:wrap;gap:4px 13px;margin-top:9px;color:#71818D;font-size:10.5px}.mj33-article-stats span+span:before{content:"|";margin-right:13px;color:#C8D1D8}.mj33-article-stats b{font-weight:650;color:#53697A}.mj33-article-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.mj33-galley-btn,.mj33-abstract-btn,.mj33-primary-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border-radius:5px;font:800 10.5px/1 var(--mj-sans);text-decoration:none!important;cursor:pointer}.mj33-galley-btn,.mj33-primary-link{border:1px solid var(--mj-primary);background:var(--mj-primary);color:#fff!important}.mj33-abstract-btn{border:1px solid #AEBFCC;background:#fff;color:var(--mj-primary)}
/* Modal */.mj33-modal{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;padding:18px}.mj33-modal.is-open{display:flex}.mj33-modal-backdrop{position:absolute;inset:0;background:rgba(7,27,42,.68)}.mj33-modal-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:82vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.mj33-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--mj-line)}.mj33-modal-header h3{margin:2px 0 0;font:700 19px/1.3 var(--mj-serif);color:var(--mj-deep)}.mj33-modal-close{width:32px;height:32px;border:1px solid var(--mj-line);border-radius:50%;background:#fff;color:#4F6474;font-size:21px;cursor:pointer}.mj33-modal-body{padding:19px;overflow:auto}.mj33-modal-footer{padding:12px 19px;border-top:1px solid var(--mj-line);text-align:right}
/* Generic */.mj33-generic-page,.mj33-article-page{padding:0}.mj33-page-title{margin:0 0 17px;padding:19px 21px;background:#fff;border:1px solid var(--mj-line);border-radius:var(--mj-radius);box-shadow:var(--mj-shadow)}.mj33-page-title h1{margin:1px 0 0;font:700 clamp(28px,3.5vw,39px)/1.2 var(--mj-serif);color:var(--mj-deep)}.page:not(.page_index_journal):not(.page_issue_archive):not(.page_issue):not(.page_article){background:#fff;border:1px solid var(--mj-line);border-radius:var(--mj-radius);box-shadow:var(--mj-shadow);padding:clamp(19px,3vw,30px)}.cmp_breadcrumbs{margin-bottom:15px;color:#788A98;font-size:10.5px}.cmp_breadcrumbs a{text-decoration:none}
/* archive */.mj33-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mj33-archive-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--mj-line);border-radius:9px;box-shadow:var(--mj-shadow);overflow:hidden}.mj33-archive-cover{display:block;padding:14px 14px 0;text-align:center}.mj33-archive-cover img,.mj33-cover-placeholder{width:min(100%,175px);aspect-ratio:3/4;margin:0 auto;object-fit:cover;border-radius:6px;box-shadow:0 9px 20px rgba(16,43,62,.14)}.mj33-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--mj-primary),var(--mj-deep) 65%,var(--mj-accent));color:#fff}.mj33-cover-placeholder strong{font-size:28px}.mj33-archive-body{padding:15px}.mj33-archive-date{color:var(--mj-accent);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mj33-archive-body h2{margin:5px 0;font:700 17px/1.3 var(--mj-serif)}.mj33-archive-body h2 a{text-decoration:none;color:var(--mj-deep)}.mj33-archive-series{color:var(--mj-muted);font-size:10.5px}.mj33-archive-description{margin-top:8px;color:#5E7283;font-size:11px}
/* article detail */.mj33-detail-header{padding:28px 30px;background:linear-gradient(135deg,#0F2E48 0%,#174E69 72%,var(--mj-accent) 100%);border-radius:var(--mj-radius);color:#fff;box-shadow:var(--mj-shadow)}.mj33-detail-section{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.25);border-radius:15px;background:rgba(255,255,255,.08);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mj33-detail-header h1{max-width:950px;margin:10px 0 5px;color:#fff;font:700 clamp(30px,4vw,48px)/1.16 var(--mj-serif)}.mj33-detail-header h2{margin:0;color:#D8E5EC;font-size:17px;font-weight:500}.mj33-detail-authors{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.mj33-author-chip{display:flex;align-items:center;gap:9px;min-width:205px;padding:8px 10px;border-radius:7px;background:rgba(255,255,255,.09)}.mj33-author-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14)}.mj33-author-chip strong,.mj33-author-chip span{display:block}.mj33-author-chip strong{color:#fff;font-size:11.5px}.mj33-author-chip div span{color:#D7E3EA;font-size:9.8px}.mj33-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:22px}.mj33-detail-card,.mj33-detail-side-card{margin-bottom:16px;background:#fff;border:1px solid var(--mj-line);border-radius:9px;box-shadow:0 7px 21px rgba(16,43,62,.05);overflow:hidden}.mj33-detail-card{padding:20px}.mj33-detail-card h2,.mj33-detail-side-card h3{margin:0 0 13px;color:var(--mj-deep);font:700 19px/1.25 var(--mj-serif)}.mj33-detail-card h2{padding-bottom:9px;border-bottom:1px solid var(--mj-line)}.mj33-keywords{display:flex;flex-wrap:wrap;gap:6px}.mj33-keywords a{padding:5px 8px;border-radius:13px;background:var(--mj-soft-accent);font-size:10.5px;text-decoration:none}.mj33-references p{padding:0 0 10px;border-bottom:1px solid #ECF0F3;font-size:11.5px}.mj33-detail-side-card h3{padding:13px 15px;margin:0;border-bottom:1px solid var(--mj-line);background:#FBFCFD;font-size:14px}.mj33-detail-side-card>p,.mj33-detail-side-card>a,.mj33-citation{display:block;margin:0;padding:13px 15px;font-size:11.5px}.mj33-download-list{padding:12px}.mj33-read-file{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 12px;border-radius:6px;background:linear-gradient(135deg,var(--mj-primary),#0E6772);color:#fff!important;font-weight:800;text-decoration:none}.mj33-read-file+.mj33-read-file{margin-top:7px}.mj33-metric-summary{display:flex;gap:20px;color:#5C7182;font-size:11px}.mj33-metric-bars{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:16px}.mj33-metric-bars label{display:block;margin-bottom:5px;font-size:10.5px;color:#637686}.mj33-bar{height:10px;border-radius:5px;background:#EDF1F4;overflow:hidden}.mj33-bar i{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--mj-accent),var(--mj-gold));transition:width .6s ease}
/* footer */.mj33-footer{margin-top:0;background:var(--mj-deep);color:#C9D6DF}.mj33-footer-grid{display:grid;grid-template-columns:1.4fr .7fr .75fr;gap:38px;padding:37px 0 30px}.mj33-footer-logo{display:block;width:auto;max-width:320px;max-height:78px;object-fit:contain;object-position:left center}.mj33-footer-about h2,.mj33-footer-col h3{color:#fff}.mj33-footer-about h2{font:700 20px/1.3 var(--mj-serif)}.mj33-footer-description{max-width:450px;margin-top:10px;color:#AFC0CB;font-size:11px}.mj33-footer-issn{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:10.5px}.mj33-footer-col h3{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.mj33-footer-col p,.mj33-footer-col a{display:block;margin:3px 0;color:#C9D6DF;text-decoration:none;font-size:10.8px}.mj33-custom-footer{padding:15px 0;border-top:1px solid rgba(255,255,255,.10);color:#B8C8D2;font-size:10.5px}.mj33-footer-bottom{border-top:1px solid rgba(255,255,255,.10)}.mj33-footer-bottom-inner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8EA4B2;font-size:9.8px}.mj33-backtop{position:fixed;right:18px;bottom:18px;z-index:1800;width:40px;height:40px;border:0;border-radius:50%;background:var(--mj-accent);color:#fff;box-shadow:0 7px 20px rgba(10,35,55,.22);opacity:0;visibility:hidden;transition:.2s;cursor:pointer}.mj33-backtop.is-visible{opacity:1;visibility:visible}
/* Responsive */@media(max-width:1050px){.mj33-home-top{grid-template-columns:1fr 340px}.mj33-sidebar{width:280px;flex-basis:280px}.mj33-archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.mj33-utility{display:none}.mj33-masthead-inner{min-height:90px;padding:12px 0}.mj33-logo{max-height:65px}.mj33-masthead-meta{display:none}.mj33-mobile-toggle{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:9px;border:1px solid var(--mj-line);border-radius:6px;background:#fff;color:var(--mj-primary)}.mj33-nav-inner{display:block}.mj33-nav-menu{display:none}.mj33-nav-menu.is-open{display:block}.mj33-primary{display:block}.mj33-primary>li>a{min-height:45px;padding:0 15px}.mj33-primary ul{position:static;border:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.07)}.mj33-primary ul a{color:#fff!important;background:transparent}.mj33-nav-search{position:absolute;right:17px;top:0;height:45px;border:0}.mj33-structure.has_sidebar{display:block}.mj33-sidebar{width:100%;margin-top:22px}.mj33-home-top{grid-template-columns:1fr}.mj33-detail-grid{grid-template-columns:1fr}.mj33-footer-grid{grid-template-columns:1.2fr 1fr 1fr}}@media(max-width:650px){.mj33-container,.mj33-structure{width:min(calc(100% - 20px),var(--mj-max))}.mj33-structure{padding-top:18px}.mj33-announcement-grid,.mj33-archive-grid{grid-template-columns:1fr}.mj33-issue-overview{grid-template-columns:1fr}.mj33-issue-cover img{width:125px}.mj33-detail-header{padding:22px 18px}.mj33-detail-header h1{font-size:29px}.mj33-detail-authors{display:block}.mj33-author-chip+.mj33-author-chip{margin-top:7px}.mj33-metric-bars{grid-template-columns:1fr}.mj33-footer-grid{grid-template-columns:1fr 1fr}.mj33-footer-about{grid-column:1/-1}.mj33-footer-bottom-inner{align-items:flex-start;flex-direction:column;padding:12px 0}}

/* OJS 3.3 structural compatibility */
body.mj33-complete .pkp_structure_content{float:none!important;max-width:none!important;border:0!important;box-shadow:none!important}
body.mj33-complete .pkp_structure_content.has_sidebar .pkp_structure_main{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
body.mj33-complete .pkp_structure_main:before,body.mj33-complete .pkp_structure_main:after{display:none!important}
body.mj33-complete .pkp_structure_head,body.mj33-complete .pkp_structure_footer_wrapper{border:0!important;box-shadow:none!important}
/* Default OJS forms and submissions */
body.mj33-complete input[type=text],body.mj33-complete input[type=email],body.mj33-complete input[type=password],body.mj33-complete input[type=search],body.mj33-complete textarea,body.mj33-complete select{max-width:100%;border:1px solid #CBD7DF;border-radius:5px;box-shadow:none;background:#fff}
body.mj33-complete input:focus,body.mj33-complete textarea:focus,body.mj33-complete select:focus{outline:none;border-color:var(--mj-accent);box-shadow:0 0 0 3px rgba(14,138,138,.09)}
body.mj33-complete .cmp_form .buttons button,body.mj33-complete .cmp_form .submit button,body.mj33-complete button.submit{border-radius:5px;background:var(--mj-primary);color:#fff}
body.mj33-complete .page_submissions h2,body.mj33-complete .page_about h2,body.mj33-complete .page_contact h2{color:var(--mj-deep);font-family:var(--mj-serif);font-size:22px}
body.mj33-complete .page_submissions .submission_checklist ul{padding-left:0;list-style:none}
body.mj33-complete .page_submissions .submission_checklist li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid #E9EEF1}
body.mj33-complete .page_submissions .submission_checklist li:before{content:"✓";position:absolute;left:0;top:9px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--mj-soft-accent);color:var(--mj-accent);font-size:10px;font-weight:900}
body.mj33-complete .obj_announcement_full .date,body.mj33-complete .obj_announcement_summary .date{color:var(--mj-muted);font-size:11px}
body.mj33-complete .cmp_pagination{margin-top:22px;padding-top:17px;border-top:1px solid var(--mj-line)}
/* Hide redundant OJS brand footer because this theme supplies its own credit */
body.mj33-complete .pkp_brand_footer{display:none!important}


/* ==============================================================
   Leroxa Theme v2.1 — Classic Modern #10 composition
   ============================================================== */
:root{
  --mj-primary:#1f456b;
  --mj-accent:#2f67a2;
  --mj-gold:#6ea6d8;
  --mj-deep:#11375f;
  --mj-footer:#103765;
  --mj-topbar:#2c66a0;
  --mj-page:#ffffff;
}
body.mj33-complete{background:#fff;color:#222}
.mj33-utility{background:var(--mj-topbar)!important}
.mj33-utility,.mj33-utility a,.mj33-share{color:#fff!important}
.mj33-masthead{background:#20466d!important}
.mj33-masthead-inner{min-height:132px!important}
.mj33-logo{max-height:98px!important;filter:none}
.mj33-brand-title{color:#fff!important}
.mj33-masthead-meta{display:none!important}
.mj33-nav{background:#0f3564!important;border:0!important}
.mj33-primary>li>a{color:#fff!important;text-transform:uppercase;font-weight:700}
.mj33-nav-search{background:#0c315d!important;color:#fff!important}
.mj33-structure{width:min(calc(100% - 40px),1680px)!important;padding:26px 0 0!important;background:#fff!important}
.mj33-main{overflow:visible!important}

.mj33-classic-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.mj33-classic-feature-row{display:grid;grid-template-columns:220px 220px minmax(0,1fr);gap:20px;padding:0 0 28px;border-bottom:1px solid #e4e8ec}
.mj33-feature-tile{display:flex;flex-direction:column;min-height:340px;border:1px solid #d5dce5;background:#fff;text-align:center}
.mj33-feature-media{flex:1 1 auto;padding:12px;display:flex;align-items:center;justify-content:center}
.mj33-feature-media img{display:block;max-width:100%;max-height:240px;object-fit:contain}
.mj33-feature-cover-placeholder{width:100%;height:220px;display:grid;place-items:center;background:#eef4f9;color:#2c66a0;font-size:62px}
.mj33-feature-caption{padding:4px 14px 18px}
.mj33-feature-caption strong{display:block;margin-bottom:3px;color:#164f9e;font-size:14px}
.mj33-feature-caption a,.mj33-feature-caption span{display:block;color:#2d5daa;text-decoration:none;font-size:12px;line-height:1.45}
.mj33-feature-editor .mj33-editor-avatar{margin:16px 12px 0;flex:1 1 auto;display:grid;place-items:center;background:linear-gradient(145deg,#e9edf1,#cfd7de);color:#4f6070;font-size:96px;overflow:hidden}
.mj33-feature-editor .mj33-feature-caption strong{color:#222}
.mj33-feature-editor .mj33-feature-caption span{color:#222}

.mj33-about-hero{position:relative;min-height:340px;overflow:hidden;background:linear-gradient(135deg,#2c221d 0%,#604936 45%,#192735 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mj33-about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 18%,rgba(255,255,255,.14),transparent 26%),linear-gradient(125deg,transparent 0 45%,rgba(255,255,255,.07) 46% 61%,transparent 62%)}
.mj33-about-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px 28px;background:rgba(10,10,10,.68);color:#fff}
.mj33-about-hero h1{margin:0 0 18px;color:#fff;font-family:Arial,sans-serif;font-size:31px;font-weight:600}
.mj33-about-hero-text{max-width:760px;color:#fff;font-size:13px;line-height:1.58}
.mj33-about-hero a{display:inline-block;margin-top:11px;color:#2f93e2;font-size:12px;text-decoration:none}

.mj33-classic-section{margin-top:25px;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.mj33-classic-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px 12px;border-bottom:1px solid #e6e9ed}
.mj33-classic-section-heading h2{margin:0;color:#444;font-family:Arial,sans-serif;font-size:18px;font-weight:600}
.mj33-classic-section-heading a{color:#333;font-size:11px;text-decoration:none}
.mj33-classic-announcement-list{padding:16px 0}
.mj33-classic-announcement-item{padding:16px 0;border-bottom:1px solid #e8ebee}
.mj33-classic-announcement-item:last-child{border-bottom:0}
.mj33-classic-announcement-item h3{font-family:Arial,sans-serif;font-size:20px;font-weight:400}
.mj33-current-shell .mj33-issue-toc{padding:16px 0 22px!important}

.mj33-classic-aside{position:sticky;top:18px;border-left:1px solid #dfe4e9;padding-left:16px}
.mj33-latest-widget{border:1px solid #d8e0e7;background:#fff}
.mj33-latest-widget-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#8baec5;color:#fff;font-weight:700;font-size:13px}
.mj33-latest-widget-title button{border:0;background:rgba(20,69,110,.38);color:#fff;width:26px;height:24px;font-weight:700}
.mj33-latest-widget-body{padding:10px;background:#fff}
.mj33-latest-wave{height:50px;margin-bottom:14px;background:linear-gradient(178deg,#123b69 0 54%,#fff 55%)}
.mj33-latest-logo{display:block;width:85%;max-height:105px;margin:0 auto 14px;object-fit:contain}
.mj33-latest-journal-name{padding:20px 8px;text-align:center;color:#1d5ca1;font-size:18px;font-weight:700}
.mj33-latest-issue-card{min-height:250px;padding:18px 8px;display:grid;grid-template-columns:35px 1fr 35px;align-items:center;gap:8px;background:#668dd0;color:#fff;text-align:center;border-bottom:18px solid #153f70}
.mj33-latest-issue-card strong,.mj33-latest-issue-card span{display:block}
.mj33-latest-issue-card strong{font-size:14px}.mj33-latest-issue-card span{margin-top:4px;font-size:11px}
.mj33-latest-arrow{width:30px;height:30px;border:0;border-radius:50%;background:#6e7d93;color:#fff}

.mj33-classic-most-viewed{margin-top:30px;padding:0 2px 30px;background:#fff}
.mj33-most-heading{margin-bottom:2px;border-bottom:0}
.mj33-classic-most-list{display:block}
.mj33-classic-most-list .mj33-most-item{display:flex!important;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 0!important;border-bottom:0!important}
.mj33-classic-most-list .mj33-most-title{font-family:Arial,sans-serif!important;color:#1160bd!important;font-size:13px!important;font-weight:700!important;line-height:1.45}
.mj33-most-author{display:block;margin-top:5px;color:#333;font-size:11px}
.mj33-view-badge{flex:0 0 auto;margin-top:16px;padding:2px 8px;border-radius:12px;background:#7d7d7d;color:#fff;font-size:11px;white-space:nowrap}
.mj33-classic-most-list.mj33-sorted .mj33-most-item[data-hidden="1"]{display:none!important}

.mj33-classic-footer{margin-top:0!important;background:var(--mj-footer)!important;color:#fff!important}
.mj33-classic-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:46px;padding:34px 0 24px}
.mj33-classic-footer-logo-wrap{padding-left:12px;border-left:4px solid #2b8be0}
.mj33-classic-footer-logo{display:block;max-width:420px;max-height:105px;object-fit:contain;object-position:left center}
.mj33-classic-footer-description{max-width:570px;margin-top:18px;color:#fff;font-size:12px;line-height:1.45}
.mj33-classic-footer-issn{margin-top:25px;color:#fff;font-size:12px}.mj33-classic-footer-issn span{display:block;margin-top:6px}
.mj33-classic-footer-col h3{margin:0 0 8px;padding-left:8px;border-left:4px solid #2b8be0;color:#fff;font-family:Arial,sans-serif;font-size:13px;text-transform:uppercase}
.mj33-footer-rule{height:1px;margin:0 0 5px;background:rgba(255,255,255,.22)}
.mj33-classic-footer-col p,.mj33-classic-footer-col a{display:block;margin:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:12px;line-height:1.35}
.mj33-classic-footer-col .fa{width:20px;text-align:center}
.mj33-footer-socials{display:flex;gap:20px;margin-top:16px}.mj33-footer-socials a{border:0!important;padding:0!important;font-size:20px}
.mj33-footer-bottom{border-top:1px solid rgba(255,255,255,.16)!important}.mj33-footer-bottom-inner{color:#d9e4ef!important}
.mj33-backtop{background:#2b8be0!important}

@media(max-width:1200px){.mj33-classic-layout{grid-template-columns:1fr 290px}.mj33-classic-feature-row{grid-template-columns:190px 190px minmax(0,1fr)}}
@media(max-width:980px){.mj33-classic-layout{grid-template-columns:1fr}.mj33-classic-aside{position:static;border-left:0;padding-left:0}.mj33-classic-feature-row{grid-template-columns:1fr 1fr}.mj33-about-hero{grid-column:1/-1}.mj33-classic-footer-grid{grid-template-columns:1fr 1fr}.mj33-classic-footer-brand{grid-column:1/-1}}
@media(max-width:620px){.mj33-classic-feature-row{grid-template-columns:1fr}.mj33-about-hero{grid-column:auto}.mj33-feature-tile{min-height:280px}.mj33-classic-footer-grid{grid-template-columns:1fr}.mj33-classic-footer-brand{grid-column:auto}.mj33-structure{width:min(calc(100% - 20px),1680px)!important}.mj33-about-hero h1{font-size:25px}}


/* ==========================================================
   Leroxa Theme v2.2 fixes
   ========================================================== */

/* ABOUT submenu: hidden until hover/focus on desktop */
@media (min-width:901px){
  .mj33-primary > li > ul{display:none!important;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
  .mj33-primary > li:hover > ul,
  .mj33-primary > li:focus-within > ul{display:block!important;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
}
@media (max-width:900px){
  .mj33-primary li > ul{display:none!important}
  .mj33-primary li.is-submenu-open > ul{display:block!important}
}

/* Editor photo uses OJS Homepage Image upload */
.mj33-feature-editor .mj33-editor-avatar img{width:100%;height:100%;min-height:250px;display:block;object-fit:cover;object-position:center top}

/* Latest Publications real issue carousel */
.mj33-latest-slider{position:relative}
.mj33-latest-slides{position:relative;overflow:hidden;background:#fff}
.mj33-latest-slide{display:none}
.mj33-latest-slide.is-active{display:block}
.mj33-latest-cover-link{display:block;padding:8px 12px 0;text-align:center;background:#fff}
.mj33-latest-cover{display:block;width:100%;max-height:115px;object-fit:contain;margin:0 auto}
.mj33-latest-issue-card{min-height:250px;background:#6789c8!important;border-bottom:16px solid #173f70!important}
.mj33-latest-issue-card a{color:#fff!important;text-decoration:none}
.mj33-latest-issue-card strong{display:block;color:#fff;font-size:14px;line-height:1.6}
.mj33-latest-issue-card span{display:block;color:#fff;margin-top:8px;font-size:11px}
.mj33-latest-dots{display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:12px 8px 2px;background:#fff}
.mj33-latest-dot{width:10px;height:10px;padding:0;border:0;background:#777;cursor:pointer}
.mj33-latest-dot.is-active{background:#111}
.mj33-latest-slider.is-single .mj33-latest-arrow,.mj33-latest-slider.is-single .mj33-latest-dots{display:none}

/* Most Viewed always visible below Current Issue */
.mj33-classic-most-viewed{display:block!important;margin-top:30px!important;padding:0 0 34px!important;background:#fff!important}
.mj33-classic-most-list{padding:2px 0 0}
.mj33-most-item{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:13px 0!important;border-bottom:0!important}
.mj33-most-copy{min-width:0}
.mj33-most-title{font-family:Arial,sans-serif!important;color:#0d56b3!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important}
.mj33-most-author{display:block;margin-top:7px;color:#333;font-size:11px}
.mj33-view-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:11px;background:#7a7a7a;color:#fff;font-size:11px;white-space:nowrap}
.mj33-empty-most.is-visible{display:block!important;padding:15px 0;color:#667;font-size:12px}


/* ============================================================
   Leroxa Theme v2.3 — REFERENCE LAYOUT + APPEARANCE COLOUR CONTROLS
   ============================================================ */

/* Theme colours now come from Website > Appearance > Leroxa Theme */
body.mj33-complete,
.mj33-page-shell {
    background: var(--mj-bg) !important;
}

.mj33-utility {
    background: var(--mj-topbar) !important;
}

.mj33-masthead {
    background: var(--mj-masthead) !important;
}

.mj33-masthead .mj33-brand-title,
.mj33-masthead .mj33-masthead-meta strong,
.mj33-masthead .mj33-masthead-meta span {
    color: #fff !important;
}

.mj33-masthead-meta {
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

.mj33-nav {
    background: var(--mj-nav) !important;
}

.mj33-nav-search {
    background: rgba(0,0,0,.04);
}

.mj33-classic-footer {
    background: var(--mj-footer) !important;
}

.mj33-classic-footer-logo-wrap,
.mj33-classic-footer-col h3 {
    border-left-color: var(--mj-accent) !important;
}

.mj33-backtop {
    background: var(--mj-accent) !important;
}

/* Sidebar becomes one continuous right rail, just like the reference */
.mj33-classic-layout {
    grid-template-columns: minmax(0,1fr) 330px !important;
    gap: 20px !important;
}

.mj33-classic-aside {
    position: static !important;
    border-left: 1px solid #dfe4e9 !important;
    padding-left: 16px !important;
}

.mj33-latest-widget-title,
.mj33-classic-sidebar-blocks .pkp_block .title {
    position: relative;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 0 !important;
    background: var(--mj-sidebar-head) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.mj33-classic-sidebar-blocks {
    margin-top: 18px;
}

.mj33-classic-sidebar-blocks .pkp_block {
    margin: 0 0 16px !important;
    border: 1px solid #e0e5e9 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.mj33-classic-sidebar-blocks .pkp_block .title::after {
    content: "−";
    position: absolute;
    top: 4px;
    right: 7px;
    display: grid;
    place-items: center;
    width: 25px;
    height: 24px;
    background: rgba(24,76,116,.38);
    color: #fff;
    font-weight: 800;
}

.mj33-classic-sidebar-blocks .pkp_block .content {
    padding: 10px 12px 12px !important;
    color: #35536d;
    font-size: 12px;
}

.mj33-classic-sidebar-blocks .pkp_block ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mj33-classic-sidebar-blocks .pkp_block li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf0f2;
}

.mj33-classic-sidebar-blocks .pkp_block li:last-child {
    border-bottom: 0;
}

.mj33-classic-sidebar-blocks .pkp_block li > a {
    display: block;
    padding: 8px 4px;
    color: #1761bb !important;
    text-decoration: none;
}

.mj33-classic-sidebar-blocks img,
.mj33-classic-sidebar-blocks iframe {
    max-width: 100% !important;
}

/* Announcements must visually sit before Current Issue */
.mj33-classic-announcements {
    margin-top: 26px !important;
}

.mj33-classic-announcements .mj33-classic-section-heading h2,
.mj33-current-shell > .mj33-classic-section-heading h2,
.mj33-most-heading h2 {
    color: #555 !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* CURRENT ISSUE: compact like reference, no giant repeated title */
.mj33-current-shell .mj33-issue-toc {
    padding: 14px 0 22px !important;
}

.mj33-classic-issue-id {
    margin: 0 0 18px;
    padding: 5px 10px;
    background: #ececec;
    color: #333;
    font-size: 12px;
    line-height: 1.4;
}

.mj33-classic-issue-overview {
    display: grid;
    grid-template-columns: 170px minmax(0,1fr);
    gap: 20px;
    align-items: start;
    margin-bottom: 24px;
}

.mj33-classic-issue-cover img {
    display: block;
    width: 170px;
    max-height: 255px;
    object-fit: cover;
    border: 1px solid #d9dde1;
}

.mj33-classic-published {
    margin: 0 0 10px;
    color: #333;
    font-size: 12px;
}

.mj33-classic-issue-description {
    color: #333;
    font-size: 12px;
    line-height: 1.55;
}

.mj33-classic-issue-doi {
    margin-top: 10px;
    font-size: 11px;
}

.mj33-classic-section-title {
    position: relative !important;
    margin: 25px 0 15px !important;
    padding: 0 0 8px 52px !important;
    border-bottom: 1px solid #d9d9d9 !important;
    color: #9a9a9a !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.mj33-classic-section-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 30px;
    height: 1px;
    background: #d5d5d5;
}

.mj33-classic-section-title::after {
    display: none !important;
}

/* ARTICLE CARDS: detailed scholarly layout based on supplied reference */
.mj33-article-list {
    display: grid !important;
    gap: 12px !important;
}

.mj33-scholarly-card {
    position: relative;
    margin: 0 !important;
    padding: 24px 26px 20px !important;
    border: 1px solid #e4e7ef !important;
    border-left: 5px solid var(--mj-article-accent) !important;
    border-radius: 0 14px 14px 0 !important;
    background: #f8f8fc !important;
    box-shadow: none !important;
    transform: none !important;
}

.mj33-scholarly-card:hover {
    border-color: #d9dce8 !important;
    border-left-color: var(--mj-article-accent) !important;
    box-shadow: 0 8px 24px rgba(22,35,76,.06) !important;
    transform: none !important;
}

.mj33-scholarly-card .mj33-article-title {
    margin: 0 0 12px !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

.mj33-scholarly-card .mj33-article-title a {
    color: #07142c !important;
}

.mj33-scholarly-authors {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    margin: 0 0 12px;
    color: #596a7d;
    font-size: 12px;
    font-style: italic;
}

.mj33-scholarly-authors > .fa {
    margin-right: 3px;
    color: #66788b;
}

.mj33-scholarly-author sup {
    margin-left: 2px;
    color: #51647a;
    font-size: 9px;
}

.mj33-affiliation-list {
    margin: 0 0 15px;
    color: #283e54;
    font-size: 11.5px;
    line-height: 1.75;
}

.mj33-doi-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: 0 0 16px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #e8e9f3;
    color: #0d1b48;
    font-size: 11.5px;
    font-weight: 650;
}

.mj33-doi-badge a {
    color: #0d1b48 !important;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.mj33-scholarly-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 23px;
    margin: 0;
    padding: 13px 0;
    border-top: 1px solid #e4e6ed;
    border-bottom: 1px solid #e4e6ed;
    color: #637285;
    font-size: 11.5px;
}

.mj33-scholarly-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mj33-scholarly-meta i {
    min-width: 15px;
    color: var(--mj-article-accent);
    text-align: center;
    font-size: 14px;
}

.mj33-scholarly-meta strong {
    color: #111d35;
    font-weight: 700;
}

.mj33-scholarly-actions {
    margin-top: 14px !important;
}

.mj33-scholarly-actions .mj33-galley-btn,
.mj33-scholarly-actions .mj33-abstract-btn {
    min-height: 35px !important;
    padding: 7px 12px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
}

.mj33-scholarly-actions .mj33-galley-btn {
    border-color: var(--mj-article-accent) !important;
    background: var(--mj-article-accent) !important;
}

.mj33-scholarly-actions .mj33-abstract-btn {
    border-color: var(--mj-article-accent) !important;
    color: var(--mj-article-accent) !important;
}

/* Most Viewed is always below Current Issue */
.mj33-classic-most-viewed {
    display: block !important;
    clear: both;
    margin-top: 28px !important;
}

/* Latest publications uses the same manually configurable palette */
.mj33-latest-widget-title {
    background: var(--mj-sidebar-head) !important;
}

.mj33-latest-issue-card {
    background: color-mix(in srgb, var(--mj-accent) 72%, #ffffff 28%) !important;
    border-bottom-color: var(--mj-nav) !important;
}

.mj33-latest-wave {
    background: linear-gradient(178deg, var(--mj-nav) 0 54%, #fff 55%) !important;
}

/* Footer stays classic but responds to Appearance colour */
.mj33-classic-footer {
    background: var(--mj-footer) !important;
}

/* Hide duplicated native homepage image; it is reserved for Editor photo */
.page_index_journal > .homepage_image {
    display: none !important;
}

@media (max-width: 980px) {
    .mj33-classic-layout {
        grid-template-columns: 1fr !important;
    }
    .mj33-classic-aside {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 700px) {
    .mj33-classic-issue-overview {
        grid-template-columns: 1fr;
    }
    .mj33-classic-issue-cover img {
        width: 135px;
    }
    .mj33-scholarly-card {
        padding: 19px 17px 17px !important;
    }
    .mj33-scholarly-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
    }
}


/* ============================================================
   LEROXA THEME v2.4
   Sidebar collapse / search / user menu / article detail / citation
   ============================================================ */

/* ---- NAVBAR SEARCH FIELD ---- */
.mj33-nav-inner {
    display:flex !important;
    align-items:stretch !important;
}
.mj33-nav-menu {
    flex:1 1 auto !important;
    min-width:0;
}
.mj33-nav-search-form {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:5px;
    padding:7px 12px;
    border-left:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.06);
}
.mj33-nav-search-form input {
    width:175px;
    height:35px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:4px;
    background:#fff;
    color:#263746;
    font-size:12px;
    outline:0;
}
.mj33-nav-search-form button {
    min-width:62px;
    height:35px;
    padding:0 11px;
    border:1px solid #fff;
    border-radius:4px;
    background:#fff;
    color:var(--mj-nav);
    font-size:11px;
    cursor:pointer;
}
.mj33-nav-search-form button .fa {
    margin-right:4px;
}

/* ---- USER / ADMIN DROPDOWN ---- */
.mj33-utility-user,
.mj33-utility-user .mj33-user-menu > li {
    position:relative !important;
}
.mj33-utility-user .mj33-user-menu {
    overflow:visible !important;
}
.mj33-utility-user .mj33-user-menu > li > a {
    display:flex !important;
    align-items:center !important;
    min-height:36px;
    padding:0 5px !important;
    color:#fff !important;
    white-space:nowrap;
}
.mj33-utility-user .mj33-user-menu > li > ul {
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    left:auto !important;
    z-index:99999 !important;
    display:none !important;
    min-width:190px !important;
    margin:0 !important;
    padding:5px 0 !important;
    list-style:none !important;
    border:1px solid #d8dee4 !important;
    border-radius:4px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.mj33-utility-user .mj33-user-menu > li.is-user-open > ul,
.mj33-utility-user .mj33-user-menu > li:hover > ul,
.mj33-utility-user .mj33-user-menu > li:focus-within > ul {
    display:block !important;
}
.mj33-utility-user .mj33-user-menu > li > ul li,
.mj33-utility-user .mj33-user-menu > li > ul a {
    display:block !important;
    width:100% !important;
    margin:0 !important;
}
.mj33-utility-user .mj33-user-menu > li > ul a {
    padding:9px 13px !important;
    background:#fff !important;
    color:#1d2b36 !important;
    font-size:12px !important;
    font-weight:500 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
.mj33-utility-user .mj33-user-menu > li > ul a:hover,
.mj33-utility-user .mj33-user-menu > li > ul a:focus {
    background:#edf7f4 !important;
    color:#087b68 !important;
}

/* ---- COLLAPSIBLE SIDEBAR ---- */
.mj33-collapsible-title,
.mj33-ojs-collapsible > .title {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}
.mj33-collapse-toggle {
    flex:0 0 25px;
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    margin:-5px -6px -5px auto;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(18,68,104,.35);
    color:#fff;
    font-size:18px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
}
.mj33-info-card .mj33-collapse-toggle {
    background:var(--mj-sidebar-head);
}
.mj33-collapsible.is-collapsed .mj33-collapsible-content,
.mj33-ojs-collapsible.is-collapsed > .content {
    display:none !important;
}
.mj33-ojs-collapsible > .title {
    position:relative;
}
.mj33-ojs-collapsible > .title .mj33-collapse-toggle {
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
}
.mj33-info-card.is-collapsed {
    min-height:0 !important;
}
.mj33-info-card.is-collapsed .mj33-collapsible-title {
    border-bottom:0 !important;
}

/* ---- REMOVE DUPLICATED GIANT ISSUE TITLE ---- */
.page_issue .mj33-page-title {
    display:none !important;
}
.page_issue .mj33-issue-page-shell {
    margin-top:0 !important;
}

/* ---- PREMIUM ARTICLE HERO ---- */
.mj33-article-page {
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.mj33-premium-detail {
    width:100%;
}
.mj33-detail-hero {
    margin:0;
    background:linear-gradient(135deg,#172866 0%,#243f9f 100%);
    color:#fff;
    box-shadow:0 12px 36px rgba(17,36,94,.14);
}
.mj33-detail-hero-inner {
    width:min(calc(100% - 48px),1240px);
    margin:0 auto;
    padding:36px 0 30px;
}
.mj33-detail-section {
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin:0 0 18px;
    padding:7px 14px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:22px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font:700 11px/1.2 Arial,sans-serif;
    text-transform:none;
    letter-spacing:0;
}
.mj33-detail-hero h1 {
    max-width:1180px;
    margin:0 0 8px;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:clamp(30px,3.4vw,48px);
    font-weight:800;
    line-height:1.16;
    letter-spacing:-.018em;
}
.mj33-detail-hero h2 {
    margin:0;
    color:#dbe4ff;
    font-size:17px;
    font-weight:500;
}
.mj33-detail-authors-premium {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-top:28px;
}
.mj33-author-profile {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.mj33-author-avatar {
    flex:0 0 54px;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.35);
    border-radius:50%;
    background:#3563e9;
    color:#fff;
    font:500 22px/1 Arial,sans-serif;
}
.mj33-author-profile-copy {
    min-width:0;
}
.mj33-author-name-row {
    display:flex;
    align-items:center;
    gap:7px;
}
.mj33-author-name-row strong {
    color:#fff;
    font-size:13px;
}
.mj33-corresponding-email {
    color:#fff !important;
    font-size:13px;
}
.mj33-author-profile-copy > span {
    display:block;
    margin-top:3px;
    color:#e1e7fb;
    font-size:10.5px;
    line-height:1.4;
}
.mj33-detail-meta-premium {
    display:flex;
    flex-wrap:wrap;
    gap:24px 34px;
    margin-top:27px;
    padding:22px 0;
    border-top:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(255,255,255,.18);
}
.mj33-detail-meta-item {
    display:flex;
    align-items:center;
    gap:10px;
}
.mj33-detail-meta-icon,
.mj33-detail-doi-icon {
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:21px;
}
.mj33-detail-doi-icon {
    border-radius:50%;
    background:#fff;
    color:#243f9f;
    font-size:10px;
    font-weight:800;
}
.mj33-detail-meta-item small,
.mj33-detail-meta-item strong {
    display:block;
}
.mj33-detail-meta-item small {
    color:#d9e1fa;
    font:700 9px/1.25 Arial,sans-serif;
    text-transform:uppercase;
}
.mj33-detail-meta-item strong {
    margin-top:3px;
    color:#fff;
    font-size:12px;
}
.mj33-detail-meta-item strong a {
    color:#fff !important;
    text-decoration:none;
}
.mj33-detail-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.mj33-hero-pdf {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    padding:0 28px;
    border-radius:28px;
    font-size:14px;
    font-weight:750;
    text-decoration:none !important;
}
.mj33-hero-pdf-read {
    border:2px solid #fff;
    background:#fff;
    color:#172866 !important;
}
.mj33-hero-pdf-download {
    border:2px solid #fff;
    background:transparent;
    color:#fff !important;
}

.mj33-detail-content {
    width:min(calc(100% - 48px),1240px);
    margin:22px auto 50px;
}

/* ---- HOW TO CITE ---- */
.mj33-citation-premium {
    padding:26px 30px !important;
    border-radius:14px !important;
}
.mj33-citation-premium h2 {
    display:flex;
    align-items:center;
    gap:18px;
    color:#0f1d42 !important;
    font-family:Arial,sans-serif !important;
    font-size:25px !important;
    font-weight:800 !important;
}
.mj33-citation-premium h2 .fa {
    color:#172866;
}
.mj33-citation-output {
    color:#233243;
    font-size:12px;
    line-height:1.75;
}
.mj33-citation-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:12px;
}
.mj33-citation-more,
.mj33-citation-download {
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:6px 10px;
    border:1px solid #e3e6ea;
    border-radius:4px;
    background:#f7f8f9;
    color:#111 !important;
    font-size:11px;
    text-decoration:none !important;
    cursor:pointer;
}
.mj33-citation-premium .citation_formats {
    position:relative;
}
.mj33-citation-format-list {
    position:absolute;
    left:0;
    top:calc(100% + 5px);
    z-index:60;
    min-width:240px;
    padding:7px;
    border:1px solid #dfe4e8;
    border-radius:5px;
    background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.13);
}
.mj33-citation-format-list[aria-hidden="true"] {
    display:none;
}
.mj33-citation-format-list[aria-hidden="false"] {
    display:block;
}
.mj33-citation-format-list ul {
    margin:0;
    padding:0;
    list-style:none;
}
.mj33-citation-format-list a {
    display:block;
    padding:7px 8px;
    color:#22374a !important;
    text-decoration:none;
    font-size:11px;
}
.mj33-citation-format-list a:hover {
    background:#f0f5f7;
}

/* responsive */
@media(max-width:900px){
    .mj33-nav-search-form {
        padding:5px 10px;
    }
    .mj33-nav-search-form input {
        width:145px;
    }
    .mj33-detail-authors-premium {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:650px){
    .mj33-nav-search-form {
        width:100%;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.15);
    }
    .mj33-nav-search-form input {
        flex:1 1 auto;
        width:auto;
    }
    .mj33-detail-hero-inner,
    .mj33-detail-content {
        width:min(calc(100% - 28px),1240px);
    }
    .mj33-detail-authors-premium {
        grid-template-columns:1fr;
    }
    .mj33-detail-meta-premium {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px;
    }
}


/* ============================================================
   LEROXA THEME v2.5 — DIMENSIONS CITATION BADGES
   Official badge data is synchronized by article DOI.
   ============================================================ */

.mj33-dimensions-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 26px;
    color: #637285;
}

.mj33-dimensions-meta > i {
    color: var(--mj-article-accent) !important;
}

.mj33-dimensions-label {
    white-space: nowrap;
}

.mj33-dimensions-meta .__dimensions_badge_embed__,
.mj33-detail-dimensions .__dimensions_badge_embed__ {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    min-height: 22px;
}

/*
 * Dimensions injects its own markup/styles after badge.js loads.
 * Keep the citation widget aligned with Leroxa metadata without
 * hiding Dimensions' own tooltip / legend.
 */
.mj33-dimensions-meta iframe,
.mj33-detail-dimensions iframe {
    max-width: none !important;
    vertical-align: middle !important;
}

.mj33-detail-dimensions-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px;
    margin-top: 3px;
}

.mj33-detail-dimensions .mj33-detail-meta-icon {
    color: #ffffff !important;
}

@media(max-width:700px){
    .mj33-dimensions-meta {
        width: 100%;
        justify-content: flex-start;
    }
}


/* ============================================================
   LEROXA THEME v2.6 — COMPACT ARTICLE DETAIL
   Keeps the v2.4/v2.5 structure but reduces scale and makes the
   article-header colour configurable in OJS Appearance.
   ============================================================ */

.mj33-detail-hero {
    background: var(--mj-article-hero) !important;
    box-shadow: 0 8px 24px rgba(20,35,70,.10) !important;
}

.mj33-detail-hero-inner {
    width: min(calc(100% - 48px), 1180px) !important;
    padding: 22px 0 20px !important;
}

.mj33-detail-section {
    margin-bottom: 12px !important;
    padding: 5px 11px !important;
    font-size: 10px !important;
}

.mj33-detail-hero h1 {
    max-width: 1080px !important;
    margin-bottom: 5px !important;
    font-size: clamp(24px, 2.55vw, 34px) !important;
    line-height: 1.18 !important;
    letter-spacing: -.01em !important;
}

.mj33-detail-hero h2 {
    font-size: 13px !important;
}

.mj33-detail-authors-premium {
    gap: 15px !important;
    margin-top: 18px !important;
}

.mj33-author-avatar {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 17px !important;
}

.mj33-author-profile {
    gap: 9px !important;
}

.mj33-author-name-row strong {
    font-size: 12px !important;
}

.mj33-corresponding-email {
    display: inline-grid !important;
    place-items: center !important;
    width: 23px !important;
    height: 23px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 11px !important;
    text-decoration: none !important;
}

.mj33-corresponding-email:hover {
    background: #fff !important;
    color: var(--mj-article-hero) !important;
}

.mj33-author-profile-copy > span {
    margin-top: 2px !important;
    font-size: 9.8px !important;
}

.mj33-detail-meta-premium {
    gap: 14px 25px !important;
    margin-top: 17px !important;
    padding: 14px 0 !important;
}

.mj33-detail-meta-item {
    gap: 7px !important;
}

.mj33-detail-meta-icon,
.mj33-detail-doi-icon {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 17px !important;
}

.mj33-detail-doi-icon {
    font-size: 8px !important;
}

.mj33-detail-meta-item small {
    font-size: 8px !important;
}

.mj33-detail-meta-item strong {
    margin-top: 2px !important;
    font-size: 10.5px !important;
}

.mj33-detail-hero-actions {
    gap: 9px !important;
    margin-top: 15px !important;
}

.mj33-hero-pdf {
    min-height: 38px !important;
    padding: 0 19px !important;
    border-radius: 21px !important;
    font-size: 12px !important;
}

/* Numbered references and total reference count */
.mj33-reference-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 13px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e5e9ee !important;
}

.mj33-reference-heading h2 {
    margin: 0 !important;
}

.mj33-reference-heading > span {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 4px;
    background: #f2f5f8;
    color: #536579;
    font-size: 10.5px;
}

.mj33-numbered-references {
    margin: 0 !important;
    padding-left: 28px !important;
}

.mj33-numbered-references li {
    margin: 0 0 10px !important;
    padding-left: 5px !important;
    color: #34485b !important;
    font-size: 11.5px !important;
    line-height: 1.65 !important;
}

.mj33-numbered-references li::marker {
    color: var(--mj-article-accent) !important;
    font-weight: 750 !important;
}

/* Dimensions remains in issue/article-list cards only. */
.mj33-detail-dimensions {
    display: none !important;
}

@media(max-width:700px){
    .mj33-detail-hero-inner {
        width: min(calc(100% - 28px),1180px) !important;
        padding: 18px 0 17px !important;
    }
    .mj33-detail-hero h1 {
        font-size: 23px !important;
    }
    .mj33-reference-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}


/* ============================================================
   LEROXA THEME v2.7 — SIMPLE ARTICLE DETAIL (REFERENCE STYLE)
   ============================================================ */

/* Remove old premium hero/detail presentation on article pages */
.leroxa-simple-article-page {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 18px 18px 42px !important;
    background: #fff !important;
}

.leroxa-simple-article {
    color: #202b35;
    font-family: Arial, Helvetica, sans-serif;
}

.leroxa-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 26px;
    align-items: start;
}

.leroxa-article-main {
    min-width: 0;
}

.leroxa-article-heading {
    padding: 2px 0 16px;
    border-bottom: 1px dashed #c9cfd4;
}

.leroxa-article-heading h1 {
    margin: 0 !important;
    color: #003b5c !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
}

.leroxa-article-heading h2 {
    margin: 6px 0 0 !important;
    color: #687682 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.leroxa-author-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding: 20px 0 18px;
}

.leroxa-author-item {
    min-width: 0;
    color: #293640;
    font-size: 11px;
    line-height: 1.5;
}

.leroxa-author-name {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}

.leroxa-author-name strong {
    color: #111b23;
    font-size: 11px;
    font-weight: 700;
}

.leroxa-author-item > span {
    display: block;
    overflow-wrap: anywhere;
}

.leroxa-author-item i {
    width: 12px;
    color: #0c5578;
    text-align: center;
}

.leroxa-corresponding {
    color: #124c6a !important;
    font-size: 12px;
}

.leroxa-article-meta-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 12px;
    padding: 9px 0;
    border-top: 1px solid #d6d9dc;
    border-bottom: 1px solid #d6d9dc;
    color: #293640;
    font-size: 10px;
    text-transform: uppercase;
}

.leroxa-article-meta-row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.leroxa-article-meta-row i {
    margin-right: 4px;
    color: #0c5578;
}

.leroxa-article-meta-row a {
    color: #33414c !important;
    text-decoration: none !important;
}

.leroxa-plain-section {
    margin-top: 14px;
}

.leroxa-plain-section h2 {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.leroxa-plain-prose {
    color: #303941;
    font-size: 11px;
    line-height: 1.62;
}

.leroxa-plain-prose p {
    margin: 0 0 9px;
}

.leroxa-keyword-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.leroxa-keyword-list a {
    padding: 7px 13px;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    background: #f1f6f8;
    color: #21455a !important;
    font-size: 10px;
    text-decoration: none !important;
}

/* license / cite / references boxes */
.leroxa-box-section {
    margin-top: 18px;
    border: 1px solid #d8dcdf;
    background: #fff;
}

.leroxa-box-section > h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #d8dcdf;
    background: #f7f7f7;
    color: #1e2a32 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.leroxa-box-section > h2 small {
    color: #697680;
    font-size: 10px;
    font-weight: 400;
}

.leroxa-box-body {
    padding: 14px;
    color: #2f3941;
    font-size: 10.5px;
    line-height: 1.55;
}

.leroxa-license-box img {
    max-width: 95px !important;
    height: auto !important;
}

.leroxa-citation-output {
    margin-bottom: 10px;
    line-height: 1.7;
}

.leroxa-citation-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.leroxa-citation-formats {
    position: relative;
}

.leroxa-citation-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid #d6dce0;
    border-radius: 3px;
    background: #f7f7f7;
    color: #17232c !important;
    font-size: 10px;
    text-decoration: none !important;
    cursor: pointer;
}

.leroxa-citation-list {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 80;
    min-width: 230px;
    padding: 6px;
    border: 1px solid #d5dadd;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.leroxa-citation-list[aria-hidden="true"] { display: none; }
.leroxa-citation-list[aria-hidden="false"] { display: block; }
.leroxa-citation-list ul { margin: 0; padding: 0; list-style: none; }
.leroxa-citation-list a { display: block; padding: 6px 7px; color: #1d4f73 !important; text-decoration: none; }
.leroxa-citation-list a:hover { background: #f1f5f7; }

.leroxa-numbered-references {
    margin: 0;
    padding-left: 22px;
}

.leroxa-numbered-references li {
    padding: 8px 5px 10px 0;
    border-bottom: 1px dashed #d5d9dc;
    line-height: 1.55;
}

.leroxa-numbered-references li:last-child {
    border-bottom: 0;
}

.leroxa-reference-more {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 6px 10px;
    border: 0;
    border-radius: 2px;
    background: #717c84;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
}

/* right article rail */
.leroxa-article-aside {
    min-width: 0;
}

.leroxa-aside-section {
    margin: 0 0 22px;
}

.leroxa-aside-section > h2 {
    margin: 0 0 8px !important;
    padding: 0 0 7px !important;
    border-bottom: 1px dashed #7f8b94;
    color: #204d69 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.leroxa-aside-section > h2 .fa {
    margin-right: 6px;
}

.leroxa-issue-cover-link {
    display: block;
    padding: 10px;
    border: 1px solid #e0e3e5;
    background: #fff;
}

.leroxa-issue-cover-link img {
    display: block;
    width: 100%;
    height: auto;
}

.leroxa-issue-name {
    display: block;
    margin-top: 7px;
    color: #335f7a !important;
    font-size: 10.5px;
    line-height: 1.45;
    text-decoration: none !important;
}

.leroxa-aside-pdf {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    background: #123f5a;
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
}

.leroxa-stat-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 3px 0;
    color: #263943;
    font-size: 10px;
}

.leroxa-stat-row i {
    width: 13px;
    color: #07587d;
}

.leroxa-stat-row strong {
    font-weight: 400;
}

.leroxa-dimensions-aside {
    margin: 8px 0 20px;
    text-align: center;
}

.leroxa-dimensions-aside .__dimensions_badge_embed__ {
    display: inline-block;
}

.leroxa-plugin-aside > * {
    max-width: 100%;
}

/* ============================================================
   WORKING COLLAPSIBLE SIDEBAR
   ============================================================ */

/* Remove the previous decorative fake +/- because v2.7 uses a real button */
.mj33-classic-sidebar-blocks .pkp_block .title::after {
    content: none !important;
    display: none !important;
}

.mj33-collapse-body[hidden] {
    display: none !important;
}

.mj33-collapsible > .title,
.mj33-collapsible > h3 {
    position: relative !important;
    padding-right: 38px !important;
}

.mj33-collapse-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(13,78,115,.36) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.mj33-collapsible.is-collapsed {
    min-height: 0 !important;
}

@media (max-width: 850px) {
    .leroxa-article-grid { grid-template-columns: 1fr; }
    .leroxa-article-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
    .leroxa-dimensions-aside, .leroxa-plugin-aside { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
    .leroxa-simple-article-page { padding: 12px 12px 30px !important; }
    .leroxa-author-grid { grid-template-columns: 1fr; gap: 10px; }
    .leroxa-article-meta-row { grid-template-columns: 1fr; gap: 7px; }
    .leroxa-article-aside { grid-template-columns: 1fr; }
    .leroxa-dimensions-aside, .leroxa-plugin-aside { grid-column: auto; }
    .leroxa-article-heading h1 { font-size: 19px !important; }
}


/* ============================================================
   LEROXA THEME v2.8 — GLOBAL CONSISTENCY + CONTACT + AUTHOR EMAIL
   ============================================================ */

/* ----- GLOBAL SIDEBAR: identical on standard public pages ----- */
.mj33-global-sidebar,
.mj33-classic-home .mj33-global-sidebar {
    width: 100%;
    min-width: 0;
}

.mj33-global-sidebar > * {
    margin-bottom: 18px !important;
}

.mj33-global-latest,
.mj33-global-sidebar .mj33-side-card,
.mj33-global-sidebar .pkp_block {
    border: 1px solid #dfe6eb !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(17,42,58,.05) !important;
    overflow: hidden !important;
}

.mj33-global-latest .mj33-latest-widget-title,
.mj33-global-sidebar .pkp_block > .title {
    border-radius: 0 !important;
}

.mj33-global-sidebar .mj33-search-card h3,
.mj33-global-sidebar .mj33-info-card h3 {
    margin: 0 !important;
    padding: 13px 16px !important;
}

.mj33-global-sidebar .mj33-search-form {
    margin: 0;
    padding: 14px;
}

.mj33-global-sidebar .mj33-side-links {
    padding: 6px 14px 12px;
}

.mj33-global-sidebar .mj33-side-links a {
    display: block;
    padding: 9px 2px;
    border-bottom: 1px solid #edf1f3;
}

.mj33-global-sidebar .mj33-side-links a:last-child {
    border-bottom: 0;
}

/* real collapse button */
.mj33-global-sidebar .mj33-collapsible > .title,
.mj33-global-sidebar .mj33-collapsible > h3,
.mj33-global-sidebar .mj33-latest-widget-title {
    position: relative !important;
    padding-right: 42px !important;
}

.mj33-global-sidebar .mj33-collapse-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(17,74,108,.32) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.mj33-collapse-body[hidden] {
    display: none !important;
}

/* ----- AUTHOR EMAIL / CORRESPONDING ----- */
.leroxa-author-name {
    flex-wrap: wrap;
}

.leroxa-author-email {
    display: inline-grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 3px !important;
    border: 1px solid #9fb0ba !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #31566c !important;
    text-decoration: none !important;
    font-size: 10px !important;
}

.leroxa-author-email:hover {
    border-color: #08796e !important;
    background: #edf8f6 !important;
    color: #08796e !important;
}

.leroxa-author-email.leroxa-corresponding,
.leroxa-corresponding-noemail {
    border-color: #08796e !important;
    background: #08796e !important;
    color: #fff !important;
}

.leroxa-corresponding-label {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 3px;
    background: #e9f7f4;
    color: #08796e;
    font-size: 8.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

/* ----- CONTACT PAGE ----- */
.leroxa-contact-page {
    padding-bottom: 36px;
}

.leroxa-contact-heading {
    margin: 8px 0 22px;
    padding: 24px 26px;
    border: 1px solid #e2e8ec;
    border-radius: 10px;
    background: linear-gradient(135deg,#fff 0%,#f7fbfc 100%);
}

.leroxa-contact-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--mj-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.leroxa-contact-heading h1 {
    margin: 0 0 7px !important;
    color: #18364a !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 28px !important;
    font-weight: 750 !important;
}

.leroxa-contact-heading p {
    max-width: 720px;
    margin: 0;
    color: #647482;
    font-size: 12px;
    line-height: 1.6;
}

.leroxa-contact-layout {
    display: grid;
    grid-template-columns: minmax(0,1.6fr) minmax(240px,.8fr);
    gap: 20px;
    align-items: start;
}

.leroxa-contact-form-card,
.leroxa-contact-person-card {
    border: 1px solid #dfe6ea;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(18,44,61,.05);
}

.leroxa-contact-form-card {
    padding: 22px;
}

.leroxa-contact-form-card > h2,
.leroxa-contact-person-card > h2 {
    margin: 0 0 15px !important;
    color: #1a3548 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.leroxa-contact-form-card > h2 .fa {
    margin-right: 7px;
    color: var(--mj-accent);
}

.leroxa-contact-address {
    display: flex;
    gap: 10px;
    margin-bottom: 17px;
    padding: 12px 14px;
    border-left: 3px solid var(--mj-accent);
    background: #f4f8fa;
    color: #4c6170;
    font-size: 11px;
    line-height: 1.55;
}

.leroxa-contact-address > .fa {
    margin-top: 2px;
    color: var(--mj-accent);
}

.leroxa-contact-form {
    display: grid;
    gap: 11px;
}

.leroxa-contact-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

.leroxa-contact-form label {
    display: grid;
    gap: 5px;
}

.leroxa-contact-form label > span {
    color: #455b6b;
    font-size: 10px;
    font-weight: 700;
}

.leroxa-contact-form input,
.leroxa-contact-form textarea {
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #d5dfe5;
    border-radius: 4px;
    background: #fff;
    color: #263946;
    font: 11px/1.45 Arial,Helvetica,sans-serif;
    outline: none;
    box-sizing: border-box;
}

.leroxa-contact-form input:focus,
.leroxa-contact-form textarea:focus {
    border-color: var(--mj-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb,var(--mj-accent) 14%,transparent);
}

.leroxa-contact-submit {
    justify-self: start;
    min-height: 38px;
    padding: 0 17px;
    border: 0;
    border-radius: 4px;
    background: var(--mj-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
}

.leroxa-contact-people {
    display: grid;
    gap: 16px;
}

.leroxa-contact-person-card {
    position: relative;
    padding: 20px 18px 18px;
}

.leroxa-contact-person-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #e9f6f4;
    color: #08796e;
    font-size: 17px;
}

.leroxa-contact-person-icon.support {
    background: #eef3fb;
    color: #375f99;
}

.leroxa-contact-person-card strong,
.leroxa-contact-person-card > span,
.leroxa-contact-person-card > a {
    display: block;
    margin-top: 7px;
    color: #526676;
    font-size: 11px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.leroxa-contact-person-card strong {
    color: #1d3444;
    font-size: 12px;
}

.leroxa-contact-person-card > a {
    color: var(--mj-accent) !important;
    text-decoration: none !important;
}

.leroxa-contact-person-card > a i {
    width: 15px;
    text-align: center;
}

/* same sidebar width on generic public pages */
.mj33-structure.has_sidebar {
    grid-template-columns: minmax(0,1fr) 320px !important;
    gap: 22px !important;
}

@media(max-width:980px){
    .mj33-structure.has_sidebar {
        grid-template-columns: 1fr !important;
    }
    .leroxa-contact-layout {
        grid-template-columns: 1fr;
    }
}

@media(max-width:600px){
    .leroxa-contact-field-row {
        grid-template-columns: 1fr;
    }
    .leroxa-contact-form-card {
        padding: 17px;
    }
    .leroxa-contact-heading {
        padding: 19px 18px;
    }
}


/* ============================================================
   LEROXA THEME v2.9 — CONTACT + CORRESPONDING + REFERENCES FIX
   ============================================================ */

/* CONTACT FORM STATUS / anti-spam */
.leroxa-contact-alert {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: -6px 0 18px;
    padding: 11px 14px;
    border: 1px solid #dfe5e9;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.45;
}
.leroxa-contact-alert.is-success {
    border-color: #b9dfd4;
    background: #edf8f4;
    color: #176a56;
}
.leroxa-contact-alert.is-error {
    border-color: #e5c9c5;
    background: #fff2f0;
    color: #9b3c32;
}
.leroxa-honeypot {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* ONLY corresponding author gets the email marker */
.leroxa-author-item:not(.is-corresponding) .leroxa-author-email,
.leroxa-author-item:not(.is-corresponding) .leroxa-corresponding-label {
    display: none !important;
}
.leroxa-author-item.is-corresponding .leroxa-author-email {
    display: inline-grid !important;
}
.leroxa-author-item.is-corresponding .leroxa-corresponding-label {
    display: inline-flex !important;
}

/* Section headers: icon and title sit together on the LEFT */
.leroxa-box-section > h2 {
    justify-content: flex-start !important;
    column-gap: 7px !important;
}
.leroxa-box-section > h2 > .fa,
.leroxa-box-section > h2 > span:first-child .fa {
    margin: 0 2px 0 0 !important;
    flex: 0 0 auto !important;
}
.leroxa-box-section > h2 > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}
/* Only reference count belongs at the far right */
.leroxa-reference-box > h2 > small {
    margin-left: auto !important;
}

/* References: CSS fallback always collapses item 6+.
   The article's dedicated JS switches them on when expanded. */
.leroxa-reference-box .leroxa-numbered-references > li:nth-child(n+6) {
    display: none;
}
.leroxa-reference-box .leroxa-reference-more {
    display: block !important;
    width: 100% !important;
    position: static !important;
    color: #fff !important;
}
.leroxa-reference-box .leroxa-reference-more::after {
    content: none !important;
    display: none !important;
}

/* Remove old focus-only CSS behaviour from earlier patches */
.leroxa-reference-box:focus-within .leroxa-numbered-references li:nth-child(n+6) {
    display: none;
}


/* ==========================================================
   LEROXA PRIMARY AUTHOR FIX — based on AtomicPress pattern
   Uses $article->getPrimaryAuthor() / primaryContactId
   ========================================================== */

/* Neutralize every previous generated corresponding marker */
.leroxa-author-name::after,
.leroxa-author-item:first-child .leroxa-author-name::after,
.leroxa-corresponding-label,
.leroxa-author-email,
.leroxa-corresponding {
    content: none !important;
    display: none !important;
}

/* The only active corresponding-author marker */
.leroxa-primary-email {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 19px !important;
    height: 19px !important;
    margin-left: 6px !important;
    padding: 0 !important;
    border: 1px solid #08796e !important;
    border-radius: 4px !important;
    background: #edf8f5 !important;
    color: #08796e !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.leroxa-primary-email:hover {
    background: #08796e !important;
    color: #ffffff !important;
}


/* ==================================================================
   LEROXA THEME v3.1 — FINAL SYNCED PALETTE
   Navigation colour is the single source for sidebar widget headers.
   ================================================================== */

/* ----------------------------------------------------------
   SIDEBAR PALETTE — ALWAYS FOLLOW NAVIGATION BAR
   ---------------------------------------------------------- */
.mj33-latest-widget-title,
.mj33-global-latest .mj33-latest-widget-title,
.mj33-classic-sidebar-blocks .pkp_block > .title,
.mj33-global-sidebar .pkp_block > .title,
.mj33-global-ojs-blocks .pkp_block > .title,
.mj33-ojs-blocks .pkp_block > .title,
.mj33-sidebar .pkp_block > .title,
.mj33-side-card > h3 {
    background: var(--mj-nav) !important;
    color: #ffffff !important;
}

/* Latest Publications content also derives from navigation palette */
.mj33-latest-wave {
    background: linear-gradient(
        178deg,
        var(--mj-nav) 0 54%,
        #ffffff 55%
    ) !important;
}

.mj33-latest-issue-card {
    background: color-mix(
        in srgb,
        var(--mj-nav) 66%,
        #ffffff 34%
    ) !important;
    border-bottom-color: var(--mj-nav) !important;
}

.mj33-latest-widget-title button,
.mj33-collapse-toggle,
.mj33-global-sidebar .mj33-collapse-toggle {
    background: color-mix(
        in srgb,
        var(--mj-nav) 78%,
        #000000 22%
    ) !important;
    color: #ffffff !important;
}

/* OJS Custom Blocks: Template, WhatsApp, Visitors, etc */
.mj33-global-ojs-blocks .pkp_block,
.mj33-ojs-blocks .pkp_block,
.mj33-classic-sidebar-blocks .pkp_block {
    border: 1px solid #dce4e9 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.mj33-global-ojs-blocks .pkp_block > .content,
.mj33-ojs-blocks .pkp_block > .content,
.mj33-classic-sidebar-blocks .pkp_block > .content {
    background: #ffffff !important;
}

/* Eliminate legacy hard-coded green / turquoise header colours */
.mj33-sidebar .pkp_block .title,
.mj33-global-sidebar .pkp_block .title {
    background-color: var(--mj-nav) !important;
}

/* ----------------------------------------------------------
   ARTICLE BREADCRUMB — compact distinction box
   ---------------------------------------------------------- */
.page_article .cmp_breadcrumbs {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 9px 14px !important;
    border: 1px solid #e1e6e9 !important;
    border-radius: 3px !important;
    background: #eef1f3 !important;
    color: #697984 !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.page_article .cmp_breadcrumbs ol {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page_article .cmp_breadcrumbs a {
    color: var(--mj-nav) !important;
    text-decoration: none !important;
}

/* ----------------------------------------------------------
   CORRESPONDING AUTHOR — ONLY database Primary Author
   ---------------------------------------------------------- */
.leroxa-author-name::after,
.leroxa-author-item:first-child .leroxa-author-name::after,
.leroxa-corresponding-label,
.leroxa-author-email,
.leroxa-corresponding {
    content: none !important;
    display: none !important;
}

.leroxa-primary-email {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 19px !important;
    height: 19px !important;
    margin-left: 6px !important;
    padding: 0 !important;
    border: 1px solid var(--mj-accent) !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: var(--mj-accent) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.leroxa-primary-email:hover {
    background: var(--mj-accent) !important;
    color: #ffffff !important;
}

/* ----------------------------------------------------------
   LICENSE / CITE / REFERENCES HEADERS — icon + text adjacent
   ---------------------------------------------------------- */
.leroxa-box-section > h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    text-align: left !important;
}

.leroxa-box-section > h2 > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.leroxa-reference-box > h2 > small {
    margin-left: auto !important;
}

/* Compact licensing content */
.leroxa-license-box .leroxa-box-body {
    padding: 11px 14px 12px !important;
}

.leroxa-license-box .leroxa-box-body p {
    margin: 0 0 8px !important;
}

.leroxa-license-box img {
    display: block !important;
    max-width: 100px !important;
    height: auto !important;
    margin: 4px 0 7px !important;
}

.leroxa-license-box .leroxa-box-body > div {
    margin-top: 3px !important;
    line-height: 1.45 !important;
}

/* ----------------------------------------------------------
   REFERENCES — NATIVE HTML DETAILS, NO JAVASCRIPT CONFLICT
   ---------------------------------------------------------- */
.leroxa-reference-more {
    display: none !important;
}

.leroxa-reference-details {
    width: 100% !important;
    margin-top: 7px !important;
}

.leroxa-reference-details > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #74818a !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.leroxa-reference-details > summary::-webkit-details-marker {
    display: none !important;
}

.leroxa-reference-details > summary::marker {
    content: "" !important;
}

.leroxa-reference-details > summary:hover {
    background: #606d75 !important;
}

.leroxa-reference-details .leroxa-show-less {
    display: none !important;
}

.leroxa-reference-details[open] .leroxa-read-more {
    display: none !important;
}

.leroxa-reference-details[open] .leroxa-show-less {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Override every historical nth-child hide rule */
.leroxa-first-references > li,
.leroxa-extra-references > li {
    display: list-item !important;
}

.leroxa-extra-references {
    margin-top: 9px !important;
}

.leroxa-numbered-references > li {
    padding: 9px 4px 10px 0 !important;
    border-bottom: 1px dashed #d5d9dc !important;
}

/* ----------------------------------------------------------
   DUPLICATE SIDEBAR ELEMENTS REMOVED
   Navbar search already exists.
   ---------------------------------------------------------- */
.mj33-search-card,
.mj33-info-card {
    display: none !important;
}


/* ==================================================================
   LEROXA THEME v3.2 — CONFIGURABLE ABOUT HERO IMAGE
   ================================================================== */

/* Default built-in premium background */
.mj33-about-hero {
    background-color: #342820 !important;
    background-image:
        radial-gradient(circle at 68% 18%, rgba(255,255,255,.14), transparent 26%),
        linear-gradient(125deg, transparent 0 45%, rgba(255,255,255,.07) 46% 61%, transparent 62%),
        linear-gradient(135deg,#2c221d 0%,#604936 45%,#192735 100%) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* When a custom URL is selected in Website > Appearance > Theme,
   the custom image becomes the hero background. */
.mj33-about-hero.has-custom-background {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep text readable regardless of uploaded image */
.mj33-about-hero.has-custom-background::before {
    background:
        linear-gradient(90deg, rgba(8,15,22,.12), rgba(8,15,22,.20)),
        radial-gradient(circle at 70% 18%,rgba(255,255,255,.08),transparent 28%) !important;
}

.mj33-about-hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(8,10,12,.82) 0%,
        rgba(8,10,12,.70) 68%,
        rgba(8,10,12,.58) 100%
    ) !important;
}

/* ==================================================================
   SIDEBAR COLORS ALWAYS FOLLOW NAVIGATION BAR
   No independent hard-coded green/turquoise widget headings.
   ================================================================== */
.mj33-latest-widget-title,
.mj33-global-latest .mj33-latest-widget-title,
.mj33-global-sidebar .pkp_block > .title,
.mj33-global-ojs-blocks .pkp_block > .title,
.mj33-ojs-blocks .pkp_block > .title,
.mj33-classic-sidebar-blocks .pkp_block > .title,
.mj33-sidebar .pkp_block > .title,
.mj33-side-card > h3 {
    background: var(--mj-nav) !important;
    background-color: var(--mj-nav) !important;
    color: #fff !important;
}

.mj33-collapse-toggle,
.mj33-latest-widget-title .mj33-collapse-toggle {
    background: color-mix(in srgb, var(--mj-nav) 78%, #000 22%) !important;
    color: #fff !important;
}

.mj33-latest-issue-card {
    background: color-mix(in srgb, var(--mj-nav) 68%, #fff 32%) !important;
    border-bottom-color: var(--mj-nav) !important;
}

/* Remove duplicate right-rail search/information. Navbar search remains. */
.mj33-search-card,
.mj33-info-card {
    display: none !important;
}


/* ============================================================
   LEROXA THEME v3.6 FINAL OVERRIDES
   ============================================================ */

/* dedicated footer link colour */
.mj33-classic-footer a,
.mj33-classic-footer .mj33-contact-col a,
.mj33-classic-footer .mj33-contact-col a b,
.mj33-classic-footer .mj33-classic-footer-col a,
.mj33-classic-footer .mj33-footer-socials a {
    color: var(--mj-footer-link) !important;
}
.mj33-classic-footer .mj33-classic-footer-col p,
.mj33-classic-footer .mj33-classic-footer-description,
.mj33-classic-footer .mj33-classic-footer-issn,
.mj33-classic-footer .mj33-footer-bottom-inner,
.mj33-classic-footer .mj33-classic-footer-col h3 {
    color: #fff !important;
}

/* breadcrumb: single | separator, tighter spacing */
.page_article .cmp_breadcrumbs,
.page_issue .cmp_breadcrumbs,
.page_issue_archive .cmp_breadcrumbs {
    padding: 7px 12px !important;
    font-size: 10.5px !important;
}
.page_article .cmp_breadcrumbs ol,
.page_issue .cmp_breadcrumbs ol,
.page_issue_archive .cmp_breadcrumbs ol {
    gap: 0 !important;
}
.page_article .cmp_breadcrumbs li,
.page_issue .cmp_breadcrumbs li,
.page_issue_archive .cmp_breadcrumbs li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.page_article .cmp_breadcrumbs li .separator,
.page_issue .cmp_breadcrumbs li .separator,
.page_issue_archive .cmp_breadcrumbs li .separator {
    display: none !important;
}
.page_article .cmp_breadcrumbs li + li::before,
.page_issue .cmp_breadcrumbs li + li::before,
.page_issue_archive .cmp_breadcrumbs li + li::before {
    content: '|' !important;
    margin: 0 9px !important;
    color: #8e9aa4 !important;
    font-weight: 600 !important;
}

/* responsive masthead/nav: keep layout stable and search at the right */
.mj33-masthead-inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
}
.mj33-brand-wrap {
    min-width: 0 !important;
    justify-self: start !important;
}
.mj33-brand {
    max-width: 100% !important;
}
.mj33-logo {
    width: auto !important;
    max-width: min(100%, 920px) !important;
    height: auto !important;
    max-height: 112px !important;
    object-fit: contain !important;
    object-position: left center !important;
}
.mj33-nav-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.mj33-nav-menu {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.mj33-nav-search-form {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
@media (max-width: 1100px) {
    .mj33-masthead-inner {
        grid-template-columns: 1fr !important;
    }
    .mj33-logo {
        max-width: 100% !important;
    }
}
@media (max-width: 900px) {
    .mj33-nav-inner {
        flex-wrap: wrap !important;
    }
    .mj33-nav-search-form {
        width: auto !important;
        margin-left: auto !important;
    }
}
@media (max-width: 650px) {
    .mj33-nav-search-form {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* homepage top section: remove editor tile, make proportional and responsive */
.mj33-classic-feature-row {
    grid-template-columns: minmax(190px, 23%) minmax(0, 1fr) !important;
    align-items: stretch !important;
}
.mj33-feature-tile {
    min-height: 300px !important;
}
.mj33-about-hero {
    min-height: 300px !important;
}
@media (max-width: 980px) {
    .mj33-classic-feature-row {
        grid-template-columns: minmax(180px, 250px) minmax(0, 1fr) !important;
    }
}
@media (max-width: 760px) {
    .mj33-classic-feature-row {
        grid-template-columns: 1fr !important;
    }
    .mj33-feature-tile,
    .mj33-about-hero {
        min-height: 250px !important;
    }
}

/* keep homepage sidebar proportional and sticky on desktop */
.mj33-classic-layout {
    grid-template-columns: minmax(0,1fr) clamp(270px, 24vw, 330px) !important;
}
.mj33-classic-aside,
.mj33-global-sidebar {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
}
@media (max-width: 980px) {
    .mj33-classic-layout {
        grid-template-columns: 1fr !important;
    }
    .mj33-classic-aside,
    .mj33-global-sidebar {
        position: static !important;
        top: auto !important;
    }
}

/* most viewed block tighter and responsive */
.mj33-classic-most-list .mj33-most-item {
    align-items: center !important;
}
.mj33-most-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}
.mj33-view-badge {
    margin-top: 0 !important;
}

/* make sure OJS visibility toggle works when Most Viewed is disabled */
.mj33-classic-most-viewed[hidden] {
    display: none !important;
}


/* ============================================================
   LEROXA THEME V.3.7 — LICENSE + COMPACT ABOUT-FIRST HOMEPAGE
   ============================================================ */

/* Journal license shown below ISSN; follows OJS journal license metadata. */
.mj33-footer-license {
    max-width: 470px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.16);
    color: #fff;
    text-align: center;
}
.mj33-footer-license-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 9px;
}
.mj33-license-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 29px;
    height: 29px;
    padding: 0 6px;
    border: 2px solid currentColor;
    border-radius: 999px;
    box-sizing: border-box;
    color: #fff;
    font: 700 10px/1 Arial,sans-serif;
}
.mj33-footer-license-text {
    max-width: 430px;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    line-height: 1.5;
}
.mj33-footer-license-text a {
    display: inline !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--mj-footer-link) !important;
    text-decoration: none !important;
}

/* About first, Current Issue second; smaller and more proportional. */
.mj33-classic-feature-row {
    grid-template-columns: minmax(0,1fr) 210px !important;
    gap: 18px !important;
    align-items: stretch !important;
    padding-bottom: 22px !important;
}
.mj33-about-hero {
    order: 1 !important;
    min-height: 265px !important;
}
.mj33-feature-issue {
    order: 2 !important;
    min-height: 265px !important;
}
.mj33-feature-media {
    padding: 10px !important;
}
.mj33-feature-media img {
    max-height: 165px !important;
}
.mj33-feature-cover-placeholder {
    height: 150px !important;
    font-size: 48px !important;
}
.mj33-feature-caption {
    padding: 5px 10px 13px !important;
}
.mj33-feature-caption strong {
    font-size: 12px !important;
}
.mj33-feature-caption a,
.mj33-feature-caption span {
    font-size: 10.5px !important;
    line-height: 1.38 !important;
}
.mj33-about-hero-overlay {
    padding: 19px 22px !important;
}
.mj33-about-hero h1 {
    margin-bottom: 11px !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
}
.mj33-about-hero-text {
    max-width: 900px !important;
    font-size: 12px !important;
    line-height: 1.52 !important;
}
.mj33-about-hero a {
    margin-top: 8px !important;
    font-size: 11px !important;
}

@media (max-width: 980px) {
    .mj33-classic-feature-row {
        grid-template-columns: minmax(0,1fr) 185px !important;
        gap: 14px !important;
    }
    .mj33-about-hero,
    .mj33-feature-issue {
        min-height: 245px !important;
    }
    .mj33-feature-media img {
        max-height: 145px !important;
    }
}

/* Mobile: About is always first and its text can grow without clipping. */
@media (max-width: 760px) {
    .mj33-classic-feature-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }
    .mj33-about-hero {
        order: 1 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .mj33-about-hero-overlay {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 2 !important;
        min-height: 210px !important;
        padding: 20px 18px !important;
        box-sizing: border-box !important;
    }
    .mj33-about-hero h1 {
        font-size: 23px !important;
        line-height: 1.12 !important;
        margin-bottom: 10px !important;
    }
    .mj33-about-hero-text {
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }
    .mj33-feature-issue {
        order: 2 !important;
        min-height: 0 !important;
    }
    .mj33-feature-media img {
        max-height: 210px !important;
    }
}


/* ============================================================
   LEROXA V3.9 COMMERCIAL LICENSE LOCK
   ============================================================ */
.leroxa-license-inactive {
    max-width: 1120px;
    margin: 54px auto 80px;
    padding: 62px 28px;
    border: 2px solid #c62828;
    border-radius: 12px;
    background: #fff7f7;
    color: #7f1111;
    text-align: center;
    box-shadow: 0 18px 50px rgba(70,0,0,.10);
}
.leroxa-license-inactive-icon {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #c62828;
    color: #fff;
    font-size: 30px;
}
.leroxa-license-inactive h1 {
    margin: 0 0 12px;
    font-size: clamp(34px, 5vw, 66px);
    line-height: 1.05;
    letter-spacing: .02em;
    color: #b71c1c;
}
.leroxa-license-inactive p {
    margin: 0 auto 10px;
    max-width: 700px;
    font-size: 16px;
    line-height: 1.6;
}
.leroxa-license-inactive small {
    display: block;
    color: #7d6666;
}
@media (max-width: 700px) {
    .leroxa-license-inactive {
        margin: 28px 14px 50px;
        padding: 42px 18px;
    }
}

/* ============================================================
   LEROXA THEME V.3.9 — RESPONSIVE LAYOUT AND METADATA FIXES
   ============================================================ */

/* Keep the content and sidebar visually connected and proportional. */
.mj33-structure.has_sidebar {
    display: flex !important;
    flex-direction: row !important;
    gap: 18px !important;
    align-items: start !important;
}

.mj33-main {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
}

.mj33-global-sidebar {
    display: block !important;
    width: 300px !important;
    min-width: 0 !important;
    flex: 0 0 300px !important;
}

.mj33-main > .page,
.mj33-main > .mj33-generic-page,
.mj33-main > .mj33-article-page {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* Current Issue: do not reserve an empty cover column. */
.mj33-classic-issue-overview.no-cover {
    display: block !important;
    width: 100% !important;
}

.mj33-classic-issue-overview.no-cover .mj33-classic-issue-copy {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 clamp(12px, 2vw, 22px) !important;
}

.mj33-classic-issue-overview.has-cover {
    grid-template-columns: minmax(125px, 170px) minmax(0, 1fr) !important;
}

.mj33-classic-issue-copy,
.mj33-classic-issue-description,
.mj33-classic-issue-description > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

.mj33-classic-issue-description {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.mj33-classic-issue-description p {
    width: 100% !important;
    margin: 0 0 12px !important;
}

.mj33-classic-issue-description img {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle !important;
}

/* Complete, readable DOI links in the reference list. */
.leroxa-v33-reference-box .leroxa-reference-link {
    display: inline !important;
    color: #075a9c !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Dimensions: contain the injected large badge inside the article rail. */
.leroxa-dimensions-aside {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 22px !important;
    padding: 10px 0 !important;
    overflow: hidden !important;
    text-align: left !important;
}

.leroxa-dimensions-frame {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 118px !important;
    overflow: hidden !important;
}

.leroxa-dimensions-frame .__dimensions_badge_embed__ {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform-origin: left top !important;
}

.leroxa-dimensions-frame iframe,
.leroxa-dimensions-frame > div,
.leroxa-dimensions-frame table {
    max-width: 100% !important;
}

@media (min-width: 981px) {
    .leroxa-dimensions-frame .__dimensions_badge_embed__ {
        zoom: .9;
    }
}

@media (max-width: 980px) {
    .mj33-structure.has_sidebar {
        display: block !important;
    }

    .mj33-global-sidebar {
        width: 100% !important;
        max-width: none !important;
        margin-top: 22px !important;
    }
}

@media (max-width: 680px) {
    .mj33-classic-issue-overview.has-cover {
        display: block !important;
    }

    .mj33-classic-issue-cover {
        display: block !important;
        width: min(170px, 55vw) !important;
        margin: 0 auto 18px !important;
    }

    .mj33-classic-issue-cover img {
        width: 100% !important;
    }

    .mj33-classic-issue-overview.has-cover .mj33-classic-issue-copy,
    .mj33-classic-issue-overview.no-cover .mj33-classic-issue-copy {
        padding: 0 12px !important;
    }

    .mj33-classic-issue-description {
        font-size: 12.5px !important;
    }
}

/* Leroxa V5.0 XML exports */
.mj33-xml-btn,
.leroxa-aside-xml,
.mj33-copernicus-btn,
.mj33-archive-xml {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.mj33-xml-btn {
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid var(--mj-article-accent) !important;
    color: var(--mj-article-accent) !important;
    background: #fff !important;
}

.leroxa-download-aside {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.leroxa-download-aside h2 { grid-column: 1 / -1 !important; }
.leroxa-aside-xml {
    padding: 11px 12px !important;
    color: #fff !important;
    background: #087f8c !important;
}

.mj33-issue-export-row {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 18px 20px 0 !important;
}

.mj33-copernicus-btn {
    padding: 11px 18px !important;
    color: #fff !important;
    background: var(--mj-article-accent) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.12) !important;
}

.mj33-archive-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.mj33-archive-xml {
    padding: 8px 12px !important;
    border: 1px solid var(--mj-accent) !important;
    color: var(--mj-accent) !important;
    background: #fff !important;
}

@media (max-width: 680px) {
    .mj33-issue-export-row {
        justify-content: stretch !important;
        padding: 14px 12px 0 !important;
    }
    .mj33-copernicus-btn { width: 100% !important; }
    .leroxa-download-aside { grid-template-columns: 1fr !important; }
    .leroxa-download-aside h2 { grid-column: auto !important; }
    .leroxa-aside-pdf,
    .leroxa-aside-xml { width: 100% !important; }
}

/* V.4.0 final polish: links use colour/weight, never underlines. */
body.mj33-complete a,
body.mj33-complete a:link,
body.mj33-complete a:visited,
body.mj33-complete a:hover,
body.mj33-complete a:focus,
body.mj33-complete a:active {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
}

/* ============================================================
   LEROXA THEME V.4.0 — FINAL ALIGNMENT AND CONTENT POLISH
   ============================================================ */

/* Use one shared width so header, navigation, content and footer align. */
.mj33-container,
.mj33-structure {
    width: min(calc(100% - 40px), 1680px) !important;
    max-width: 1680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Remove underlines from plugin-generated article recommendation links. */
.leroxa-simple-article .leroxa-article-main a,
.leroxa-simple-article .leroxa-plugin-aside a,
.leroxa-simple-article .pkp_block a,
.leroxa-simple-article [class*="similar"] a,
.leroxa-simple-article [class*="recommend"] a {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Keep DOI links identifiable without the heavy browser underline. */
.leroxa-v33-reference-box .leroxa-reference-link {
    color: #075a9c !important;
    text-decoration: none !important;
}

/* Give issue contents a balanced inset from the card edges. */
.mj33-issue-page-shell .mj33-classic-issue-overview,
.page_issue .mj33-classic-issue-overview {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.mj33-issue-page-shell .mj33-classic-issue-cover,
.page_issue .mj33-classic-issue-cover {
    margin-left: 4px !important;
}

.mj33-issue-page-shell .mj33-classic-issue-copy,
.page_issue .mj33-classic-issue-copy {
    padding-top: 4px !important;
}

/* Footer mailing address remains readable on long addresses. */
.mj33-contact-col p {
    overflow-wrap: anywhere !important;
}

.mj33-contact-col .fa-map-marker {
    align-self: flex-start !important;
    margin-top: 2px !important;
}

@media (max-width: 980px) {
    .mj33-container,
    .mj33-structure {
        width: min(calc(100% - 28px), 1680px) !important;
    }
}

@media (max-width: 680px) {
    .mj33-container,
    .mj33-structure {
        width: min(calc(100% - 20px), 1680px) !important;
    }

    .mj33-issue-page-shell .mj33-classic-issue-overview,
    .page_issue .mj33-classic-issue-overview {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .mj33-issue-page-shell .mj33-classic-issue-cover,
    .page_issue .mj33-classic-issue-cover {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}