/* DiMas homepage OJS 3.1.2.4 — scoped to .dimas-homepage */
body{background:#f3f9fd;color:#0a2e59}
.pkp_structure_page{background:#f4faff}
.pkp_structure_head{background:#fff;border-bottom:2px solid #0c91e9}
.pkp_site_name img{max-height:95px}
.pkp_navigation_primary>li>a{font-weight:700;color:#0a3972}
.pkp_structure_content{max-width:1380px}
.dimas-homepage{font-family:Arial,'Segoe UI',sans-serif;color:#0b2b57;max-width:1350px;margin:0 auto 32px}
.dimas-homepage *{box-sizing:border-box}
.dimas-homepage a{text-decoration:none}
.dimas-hero{display:grid;grid-template-columns:53% 47%;min-height:310px;background:linear-gradient(120deg,#d9f1ff,#f6fbff);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 12px 30px #0a518218}
.dimas-hero-copy{padding:40px 28px 36px 35px;position:relative;z-index:2}
.dimas-eyebrow{font-size:12px;letter-spacing:2.7px;font-weight:800;color:#0d487c}
.dimas-hero h1{font:700 clamp(40px,5vw,75px)/1.06 Georgia,serif;color:#09294f;margin:10px 0 5px;letter-spacing:-2px}
.dimas-hero h1 span{color:#076ac0}
.dimas-hero p{font-size:15px;line-height:1.6;max-width:590px;margin:12px 0 18px;color:#193b63}
.dimas-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.dimas-btn{display:inline-block;border-radius:6px;padding:12px 18px;font-weight:700;font-size:13px}
.dimas-btn-primary{background:#005ba9;color:#fff!important;box-shadow:0 4px 13px #004f8c44}
.dimas-btn-secondary{background:#fff;border:1px solid #0077d5;color:#0661b2!important}
.dimas-hero-image{height:100%;min-height:310px;overflow:hidden;position:relative}
.dimas-hero-image:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#d9f1ff 0%,transparent 35%)}
.dimas-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.dimas-hero-art{display:grid;place-items:center;background:linear-gradient(140deg,#55a8e7,#075b9f);color:#ffffff50;font:700 110px Georgia,serif}
.dimas-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;box-shadow:0 10px 25px #095b8c14;border-radius:12px;margin:-10px 12px 16px;padding:18px 8px;position:relative;z-index:3}
.dimas-fact{display:flex;align-items:center;gap:11px;padding:0 13px;border-right:1px solid #d9e5f0;min-width:0}
.dimas-fact:last-child{border:0}
.dimas-fact-icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#dff0ff;color:#0874d1;font-size:23px}
.dimas-fact-icon.mint{background:#dff8ec;color:#029e76}.dimas-fact-icon.violet{background:#eee8ff;color:#7c36c8}.dimas-fact-icon.amber{background:#fff0d6;color:#c27b08}.dimas-fact-icon.sky{background:#e0f2ff;color:#0b67bd}
.dimas-fact small{display:block;font-weight:700;color:#0d3768;font-size:11px}
.dimas-fact strong{display:block;font-size:13px;line-height:1.35;color:#12345c}
.dimas-fact em{display:block;font-size:10px;font-style:normal;color:#627b95}
.dimas-content-grid{display:grid;grid-template-columns:1.17fr 1fr .97fr;gap:16px;margin:0 12px 16px;align-items:start}
.dimas-panel,.dimas-about{border:1px solid #e0ebf4;background:#fff;border-radius:12px;padding:20px;box-shadow:0 7px 22px #1457850e;min-width:0}
.dimas-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #e4edf6;margin-bottom:13px}
.dimas-panel-heading h2{font-size:19px;color:#073e75;font-weight:800;margin:0;line-height:1.3}
.dimas-panel-heading>a{border:1px solid #0c8fea;border-radius:6px;padding:7px 9px;font-size:11px;color:#006abf;white-space:nowrap}
.dimas-issue-title{font-size:15px;margin:8px 0 14px;color:#0b3261}
.dimas-native-toc .obj_issue_toc{margin:0}.dimas-native-toc .obj_article_summary{border-bottom:1px solid #e8eff5;padding:10px 0;margin:0}.dimas-native-toc .obj_article_summary .title a{color:#075ca8}
.dimas-panel-button{display:inline-block;background:#0769bb;color:#fff!important;border-radius:6px;padding:10px 13px;font-size:12px;font-weight:700;margin-top:12px}
.dimas-announcement{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e5edf5}
.dimas-announcement:last-child{border:0}
.dimas-date{width:45px;height:47px;flex-shrink:0;display:grid;place-items:center;background:#e4f3ff;color:#0964b7;border-radius:8px;font-size:20px}
.dimas-announcement h3{font-size:13px;line-height:1.4;margin:0 0 5px}.dimas-announcement h3 a{color:#0563ba}.dimas-announcement time{font-size:11px;color:#6a7e91}
.dimas-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dimas-quick-links a{min-height:108px;border-radius:10px;padding:13px;display:flex;flex-direction:column;justify-content:center;background:#e4f4ff}
.dimas-quick-links a:nth-child(2){background:#dff9ed}.dimas-quick-links a:nth-child(3){background:#fff1d8}.dimas-quick-links a:nth-child(4){background:#fce9f7}
.dimas-quick-links span{font-size:26px}.dimas-quick-links strong{font-size:12px;color:#073d75}.dimas-quick-links small{font-size:10px;color:#536d88}
.dimas-indexing{display:grid;grid-template-columns:1.1fr 2.3fr;align-items:center;gap:20px;background:#e2f3fe;border-radius:12px;padding:20px;margin:0 12px 16px}
.dimas-indexing h2{font-size:19px;color:#075087;margin:0 0 7px}.dimas-indexing p{font-size:12px;color:#55738e;margin:0;line-height:1.5}
.dimas-index-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dimas-index-list span{background:#fff;padding:18px 7px;text-align:center;border-radius:8px;font-size:15px;font-weight:800;color:#0860a8}
.dimas-about{margin:0 12px 16px}.dimas-description{line-height:1.8;font-size:13px;color:#47627d}.dimas-extra-content{margin:16px 12px;background:#fff;border:1px solid #e0ebf4;border-radius:10px;padding:20px}.dimas-muted{font-size:13px;color:#667e96}
/* Make the main column full width on the journal homepage only. Sidebar remains on other pages. */
.pkp_structure_main:has(.dimas-homepage){width:100%;float:none;padding:0}
.pkp_structure_content:has(.dimas-homepage) .pkp_structure_sidebar{display:none}
@media(max-width:1100px){.dimas-facts{grid-template-columns:repeat(3,1fr)}.dimas-fact{padding:10px}.dimas-content-grid{grid-template-columns:1fr 1fr}.dimas-links-panel{grid-column:1/-1}.dimas-indexing{grid-template-columns:1fr}}
@media(max-width:760px){.dimas-hero{grid-template-columns:1fr}.dimas-hero-copy{padding:26px 20px}.dimas-hero h1{font-size:47px}.dimas-hero-image{min-height:190px;height:190px}.dimas-hero-image:before{background:linear-gradient(180deg,#d9f1ff,transparent 45%)}.dimas-facts{grid-template-columns:1fr 1fr;margin:12px 0}.dimas-fact{border:0}.dimas-content-grid{grid-template-columns:1fr;margin:0 0 14px}.dimas-links-panel{grid-column:auto}.dimas-indexing{margin:0 0 14px}.dimas-index-list{grid-template-columns:1fr 1fr}.dimas-about{margin:0}.dimas-extra-content{margin:14px 0}}

/* =========================================
   /* DiMas article cards - OJS 3.1.2.4 */
.page_index_journal .obj_issue_toc .sections .articles,
.page_issue .obj_issue_toc .sections .articles {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;
  margin:18px 0 30px;padding:0;list-style:none;
}
.page_index_journal .obj_issue_toc .sections .articles>li,
.page_issue .obj_issue_toc .sections .articles>li {
  width:auto!important;float:none!important;min-width:0;margin:0!important;padding:0!important;
  border:0!important;list-style:none;
}
.obj_issue_toc .dimas-article-card {
  display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:0!important;
  overflow:hidden;background:#fff;border:1px solid #e2eaf3!important;border-radius:16px;
  box-shadow:0 6px 22px rgba(9,30,62,.07);transition:transform .2s,box-shadow .2s;
}
.obj_issue_toc .dimas-article-card:hover {transform:translateY(-4px);box-shadow:0 14px 30px rgba(9,30,62,.14)}
.dimas-card-media {height:155px;position:relative;overflow:hidden;background:#e7f4ff}
.dimas-card-cover {display:block;width:100%;height:100%;text-decoration:none!important}
.dimas-card-cover img {display:block;width:100%;height:100%;object-fit:cover}
.dimas-card-placeholder {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#091e3e,#0879bd);color:#fff;font-weight:800;letter-spacing:1px}
.dimas-card-book {font-size:32px}
.dimas-card-tag {position:absolute;top:12px;left:12px;border-radius:20px;padding:5px 10px;background:#fff;color:#0879bd;font-size:10px;font-weight:800}
.dimas-card-body {display:flex;flex:1;flex-direction:column;padding:18px}
.obj_issue_toc .dimas-card-title {font-size:16px;line-height:1.5;font-weight:800;margin:0 0 10px}
.dimas-card-title a {color:#091e3e!important;text-decoration:none!important}
.dimas-card-title a:hover {color:#06a3da!important}
.dimas-card-subtitle,.dimas-card-authors,.dimas-card-meta {font-size:12px;line-height:1.6;color:#607188;margin:0 0 10px}
.dimas-card-meta {display:flex;flex-wrap:wrap;gap:10px}
.dimas-card-footer {margin-top:auto;padding-top:14px;border-top:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dimas-read-link {background:#091e3e;color:#fff!important;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none!important}
.dimas-read-link:hover {background:#06a3da}
.dimas-card-galleys {display:flex;gap:6px;flex-wrap:wrap;list-style:none!important;margin:0!important;padding:0!important}
.dimas-card-galleys li {margin:0!important;padding:0!important}
@media(max-width:1100px){.page_index_journal .obj_issue_toc .sections .articles,.page_issue .obj_issue_toc .sections .articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page_index_journal .obj_issue_toc .sections .articles,.page_issue .obj_issue_toc .sections .articles{grid-template-columns:1fr}}


/* ==============================================
   DIMAS FIX HOMEPAGE GRID - OJS 3.1.2.4
   Letakkan paling bawah stylesheet
============================================== */

/* Susunan panel homepage */
.dimas-homepage .dimas-content-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start;
}

/* Panel Current Issue selebar dua kolom */
.dimas-homepage .dimas-content-grid > :first-child {
    grid-column: 1 / -1 !important;
    width: 100%;
    min-width: 0;
}

/* Panel lain mengisi kolom berikutnya */
.dimas-homepage .dimas-content-grid > :not(:first-child) {
    min-width: 0;
}

/* Artikel homepage 3 kolom */
.dimas-homepage .obj_issue_toc .sections .articles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100%;
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style: none !important;
}

/* Item grid tidak memiliki lebar bawaan */
.dimas-homepage .obj_issue_toc .sections .articles > li {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

/* Card mengikuti lebar kolom */
.dimas-homepage .dimas-article-card {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Cegah judul keluar dari card */
.dimas-homepage .dimas-card-body,
.dimas-homepage .dimas-card-title {
    min-width: 0;
    overflow-wrap: break-word;
}

/* Desktop sedang / tablet */
@media (max-width: 1100px) {
    .dimas-homepage .obj_issue_toc .sections .articles {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .dimas-homepage .dimas-content-grid {
        grid-template-columns: 1fr !important;
    }

    .dimas-homepage .dimas-content-grid > :first-child {
        grid-column: auto !important;
    }

    .dimas-homepage .obj_issue_toc .sections .articles {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================
   DIMAS - TAMPILKAN USER NAVIGATION
   OJS 3.1.2.4
========================================= */

.pkp_navigation_user_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.pkp_navigation_user > li > a {
    display: inline-block;
    padding: 9px 16px;
    border-radius: 7px;
    background: #075ba8;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
}

.pkp_navigation_user > li > a:hover {
    background: #063c75;
}


/* =========================================
   DIMAS PREMIUM LOGIN BUTTON
   OJS 3.1.2.4
========================================= */

.pkp_navigation_user_wrapper {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 21px !important;
    background: linear-gradient(135deg, #075ba8, #06396f);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
    box-shadow: 0 6px 18px rgba(4,73,140,.22);
    transition: all .25s ease;
    text-decoration: none !important;
}

.pkp_navigation_user > li > a:hover {
    background: linear-gradient(135deg, #087ed5, #075ba8);
    box-shadow: 0 10px 25px rgba(4,73,140,.32);
    transform: translateY(-2px);
}

.pkp_navigation_user > li > a:focus-visible {
    outline: 3px solid #66c8ff;
    outline-offset: 3px;
}

/* DiMas Premium Login — OJS 3.1.2.4 */
.page_login.dimas-login-page { max-width:1120px; margin:24px auto 65px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.dimas-login-page * { box-sizing:border-box; }
.dimas-login-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:540px; background:#fff; border:1px solid #dfebf5; border-radius:22px; overflow:hidden; box-shadow:0 22px 65px rgba(8,54,103,.13); }
.dimas-login-brand { position:relative; display:flex; align-items:center; background:linear-gradient(140deg,#061b3b 0%,#084c91 58%,#0b9cdd 100%); color:#fff; overflow:hidden; }
.dimas-login-brand:before,.dimas-login-brand:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.14); border-radius:50%; width:380px; height:380px; right:-190px; top:-160px; }
.dimas-login-brand:after { width:280px; height:280px; right:-110px; top:auto; bottom:-180px; }
.dimas-login-brand-inner { position:relative; z-index:1; padding:56px 46px; }
.dimas-login-kicker { display:inline-block; padding:9px 12px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); border-radius:30px; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.dimas-login-brand h1 { color:#fff; font:700 clamp(34px,4vw,52px)/1.12 Georgia,serif; margin:28px 0 18px; }
.dimas-login-brand h1 span { color:#b9eaff; }
.dimas-login-brand p { color:#e2f4ff; font-size:15px; line-height:1.8; max-width:360px; }
.dimas-login-brand-decoration { margin-top:55px; color:rgba(255,255,255,.13); font:700 76px Georgia,serif; }
.dimas-login-form-panel { min-width:0; padding:48px 48px 40px; }
.dimas-login-form-head { margin-bottom:24px; }
.dimas-login-avatar { display:grid; place-items:center; width:56px; height:56px; background:#e8f4ff; border-radius:16px; font-size:24px; margin-bottom:15px; }
.dimas-login-eyebrow { color:#0771bf; font-size:11px; font-weight:800; letter-spacing:2px; }
.dimas-login-form-head h2 { font-size:30px; color:#082d58; margin:7px 0 5px; font-weight:800; }
.dimas-login-form-head p { color:#647c96; font-size:13px; line-height:1.6; margin:0; }
.dimas-login-page .dimas-login-form { margin:0; }
.dimas-login-page .dimas-login-form fieldset.fields { margin:0; padding:0; border:0; min-width:0; }
.dimas-login-page .dimas-field { margin:0 0 18px; }
.dimas-login-page .dimas-field label { display:block; margin:0 0 8px; color:#183c66; font-size:13px; font-weight:700; }
.dimas-login-page .dimas-field input { display:block; width:100%; max-width:none; min-height:48px; padding:12px 14px; background:#f8fbff; color:#0a2e59; border:1px solid #d4e2ef; border-radius:10px; font-size:14px; box-shadow:none; }
.dimas-login-page .dimas-field input:focus { outline:none; border-color:#0783d5; box-shadow:0 0 0 4px rgba(7,131,213,.12); }
.dimas-login-options { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:6px 0 24px; }
.dimas-login-page .dimas-login-options .remember { margin:0; }
.dimas-login-page .dimas-login-options .remember label { display:flex; align-items:flex-start; gap:8px; font-size:11px; line-height:1.5; color:#4c6480; font-weight:500; }
.dimas-login-page .dimas-login-options input[type=checkbox] { flex-shrink:0; margin:2px 0 0; }
.dimas-login-page .dimas-forgot { flex-shrink:0; font-size:11px; color:#076fc2; font-weight:700; text-decoration:none; }
.dimas-login-page .dimas-login-actions { margin:0; padding:0; }
.dimas-login-page .dimas-login-submit { display:flex; justify-content:center; align-items:center; gap:12px; width:100%; min-height:49px; padding:12px 18px; border:0; border-radius:10px; color:#fff; background:linear-gradient(120deg,#087bcb,#063f80); font-size:14px; font-weight:800; cursor:pointer; box-shadow:0 8px 20px rgba(7,91,168,.22); }
.dimas-login-page .dimas-login-submit:hover { background:linear-gradient(120deg,#0693e0,#075ba8); transform:translateY(-1px); }
.dimas-login-page .dimas-login-register { margin:23px 0 0; text-align:center; font-size:12px; color:#687f98; }
.dimas-login-page .dimas-login-register a { color:#076fc2; font-weight:800; }
.dimas-login-page .dimas-login-error { margin:0 0 18px; padding:12px; border-radius:9px; background:#fff0f0; color:#9c2430; }
.dimas-login-notice { padding:12px 14px; border-radius:9px; margin-bottom:18px; background:#eaf5ff; color:#145b94; font-size:13px; }
@media(max-width:850px) { .dimas-login-layout { grid-template-columns:1fr; } .dimas-login-brand-inner { padding:35px 30px; } .dimas-login-brand h1 { font-size:36px; margin:18px 0 10px; } .dimas-login-brand-decoration { display:none; } .dimas-login-form-panel { padding:34px 30px; } }
@media(max-width:520px) { .page_login.dimas-login-page { margin:16px 0 35px; } .dimas-login-layout { border-radius:14px; } .dimas-login-brand-inner { padding:26px 22px; } .dimas-login-brand h1 { font-size:30px; } .dimas-login-form-panel { padding:26px 20px; } .dimas-login-options { flex-direction:column; gap:12px; } }
/* Premium user navigation. Keep mobile navigation behavior controlled by OJS. */
@media(min-width:992px) { .pkp_navigation_user > li > a { display:inline-flex; align-items:center; padding:9px 18px; border-radius:25px; background:linear-gradient(135deg,#075ba8,#06396f); color:#fff!important; font-weight:700; box-shadow:0 5px 14px rgba(4,73,140,.2); } .pkp_navigation_user > li > a:hover { background:#087ed5; color:#fff!important; } }



/* ============================================
   DIMAS - FIX GARIS VERTIKAL HOMEPAGE
   OJS 3.1.2.4
============================================ */

/* Hilangkan border pembatas bawaan OJS */
body:has(.dimas-homepage) .pkp_structure_main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;

    border: none !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow: none !important;
}

/* Hilangkan pseudo-element pembatas */
body:has(.dimas-homepage) .pkp_structure_main::before,
body:has(.dimas-homepage) .pkp_structure_main::after {
    content: none !important;
    display: none !important;
}

/* Bersihkan border wrapper */
body:has(.dimas-homepage) .pkp_structure_content {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Pertahankan panel dan hero */
.dimas-homepage .dimas-hero,
.dimas-homepage .dimas-hero-image {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Add this AFTER existing DiMas CSS. For OJS 3.1.2.4 homepage only. */
.dimas-homepage .dimas-issue-about-grid {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:20px; margin:0 12px 18px; align-items:stretch;
}
.dimas-homepage .dimas-issue-about-grid > .dimas-panel {margin:0; min-width:0;}
.dimas-homepage .dimas-about-panel {background:linear-gradient(145deg,#fff,#f0f8ff);}
.dimas-homepage .dimas-issue-summary {display:flex; align-items:flex-start; gap:22px; margin-top:20px;}
.dimas-homepage .dimas-issue-cover {display:block; flex:0 0 155px; max-width:40%;}
.dimas-homepage .dimas-issue-cover img {display:block; width:100%; height:auto; border-radius:7px; border:1px solid #e2eaf3;}
.dimas-homepage .dimas-issue-info {min-width:0; flex:1;}
.dimas-homepage .dimas-issue-published {font-size:13px; color:#45617d; margin:0 0 12px;}
.dimas-homepage .dimas-issue-description {font-size:13px; line-height:1.7; color:#47627d; max-height:175px; overflow:auto;}
.dimas-homepage .dimas-articles-panel {margin:0 12px 18px;}
.dimas-homepage .dimas-articles-panel .obj_issue_toc > .heading,
.dimas-homepage .dimas-articles-panel .obj_issue_toc > .galleys {display:none;}
.dimas-homepage .dimas-articles-panel .obj_issue_toc .sections .articles {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important; width:100%; padding:0!important; margin:18px 0!important;
}
.dimas-homepage .dimas-articles-panel .obj_issue_toc .sections .articles > li {
  min-width:0!important; width:auto!important; float:none!important; margin:0!important; padding:0!important;
}
.dimas-homepage .dimas-secondary-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 12px 18px; align-items:start;}
.dimas-homepage .dimas-secondary-grid > .dimas-panel {min-width:0;}
@media(max-width:1100px){
  .dimas-homepage .dimas-articles-panel .obj_issue_toc .sections .articles {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .dimas-homepage .dimas-issue-about-grid,.dimas-homepage .dimas-secondary-grid {grid-template-columns:1fr; margin:0 0 14px;}
  .dimas-homepage .dimas-articles-panel {margin:0 0 14px;}
  .dimas-homepage .dimas-articles-panel .obj_issue_toc .sections .articles {grid-template-columns:1fr!important;}
}
@media(max-width:420px){
  .dimas-homepage .dimas-issue-summary {flex-direction:column;}
  .dimas-homepage .dimas-issue-cover {max-width:180px;}
}


/* ==============================================
   DIMAS HOMEPAGE FINAL LAYOUT
   OJS 3.1.2.4
============================================== */

/* CURRENT ISSUE + ABOUT JOURNAL */
.dimas-homepage .dimas-issue-about-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0 12px 20px;
    align-items: stretch;
}

.dimas-homepage .dimas-issue-about-grid > .dimas-panel {
    min-width: 0;
    margin: 0;
    height: 100%;
}

.dimas-homepage .dimas-issue-heading {
    justify-content: flex-end;
    min-height: 39px;
}

.dimas-homepage .dimas-issue-overview {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-top: 18px;
}

.dimas-homepage .dimas-issue-cover {
    display: block;
    width: 155px;
    max-width: 42%;
    flex-shrink: 0;
}

.dimas-homepage .dimas-issue-cover img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 7px;
    border: 1px solid #e0eaf4;
}

.dimas-homepage .dimas-issue-information {
    min-width: 0;
    flex: 1;
    color: #315578;
    font-size: 13px;
    line-height: 1.7;
}

.dimas-homepage .dimas-issue-information p {
    margin: 0 0 16px;
}

/* ABOUT JOURNAL */
.dimas-homepage .dimas-about-panel {
    background: linear-gradient(145deg, #fff, #f0f8ff);
}

.dimas-homepage .dimas-about-panel .dimas-description {
    font-size: 14px;
    line-height: 1.85;
    color: #365674;
    overflow-wrap: anywhere;
}

.dimas-homepage .dimas-about-panel .dimas-description p {
    margin: 0 0 12px;
}

/* ARTIKEL FULL WIDTH */
.dimas-homepage .dimas-articles-section {
    margin: 0 12px 20px;
    padding: 22px;
}

.dimas-homepage .dimas-articles-section .dimas-native-toc {
    width: 100%;
    min-width: 0;
}

/* Informasi issue sudah ditampilkan di panel atas.
   Sembunyikan ringkasan issue yang berulang. */
.dimas-homepage .dimas-articles-section
.obj_issue_toc > .heading {
    display: none !important;
}

/* Daftar artikel */
.dimas-homepage .dimas-articles-section
.obj_issue_toc .sections .articles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.dimas-homepage .dimas-articles-section
.obj_issue_toc .sections .articles > li {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.dimas-homepage .dimas-articles-section
.dimas-article-card {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
}

/* ANNOUNCEMENTS + QUICK LINKS */
.dimas-homepage .dimas-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0 12px 20px;
    align-items: start;
}

.dimas-homepage .dimas-bottom-grid > .dimas-panel {
    min-width: 0;
    margin: 0;
}

/* LOGIN & REGISTER NAVIGATION */
.pkp_navigation_user_wrapper {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.pkp_navigation_user > li {
    margin: 0 !important;
}

.pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #076bbd, #063e79);
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .25s ease;
}

.pkp_navigation_user > li > a:hover {
    background: #087dd4;
    transform: translateY(-2px);
}

/* Register: ditargetkan melalui URL, bukan urutan menu */
.pkp_navigation_user > li > a[href*="/register"],
.pkp_navigation_user > li > a[href*="op=register"] {
    background: #fff !important;
    border: 2px solid #076bbd !important;
    color: #076bbd !important;
}

.pkp_navigation_user > li > a[href*="/register"]:hover,
.pkp_navigation_user > li > a[href*="op=register"]:hover {
    background: #eaf5ff !important;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    .dimas-homepage .dimas-articles-section
    .obj_issue_toc .sections .articles {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    .dimas-homepage .dimas-issue-about-grid,
    .dimas-homepage .dimas-bottom-grid {
        grid-template-columns: 1fr !important;
        margin-left: 0;
        margin-right: 0;
    }

    .dimas-homepage .dimas-articles-section {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 650px) {
    .dimas-homepage .dimas-articles-section
    .obj_issue_toc .sections .articles {
        grid-template-columns: 1fr !important;
    }

    .dimas-homepage .dimas-issue-overview {
        flex-direction: column;
    }

    .dimas-homepage .dimas-issue-cover {
        max-width: 170px;
    }

    .dimas-homepage .dimas-articles-section {
        padding: 15px;
    }

    .pkp_navigation_user {
        flex-wrap: wrap;
        gap: 6px;
    }

    .pkp_navigation_user > li > a {
        padding: 8px 12px !important;
        font-size: 12px;
    }
}


/* =========================================
   DIMAS - ABOUT THE JOURNAL
   OJS 3.1.2.4
========================================= */

.dimas-homepage .dimas-about-panel {
    background: linear-gradient(145deg, #ffffff, #f2f9ff);
}

.dimas-homepage .dimas-about-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.dimas-homepage .dimas-about-intro {
    font-size: 13px;
    line-height: 1.85;
    color: #3d5875;
    text-align: justify;
    margin: 0;
}

.dimas-homepage .dimas-about-intro strong {
    color: #073e75;
}

.dimas-homepage .dimas-about-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dimas-homepage .dimas-about-detail {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px;
    border: 1px solid #e1edf7;
    border-radius: 10px;
    background: #fff;
    min-width: 0;
}

.dimas-homepage .dimas-detail-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.dimas-homepage .dimas-about-detail small,
.dimas-homepage .dimas-about-publisher small {
    display: block;
    font-size: 11px;
    color: #617b95;
    margin-bottom: 4px;
}

.dimas-homepage .dimas-about-detail strong,
.dimas-homepage .dimas-about-detail a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #075ba8;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.dimas-homepage .dimas-about-publisher {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #e5f3ff;
    border-radius: 10px;
    padding: 15px;
}

.dimas-homepage .dimas-about-publisher > span {
    font-size: 25px;
}

.dimas-homepage .dimas-about-publisher strong {
    color: #073e75;
    font-size: 13px;
    line-height: 1.5;
}

.dimas-homepage .dimas-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dimas-homepage .dimas-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}

.dimas-homepage .dimas-about-btn:hover {
    transform: translateY(-2px);
}

.dimas-homepage .dimas-about-btn-primary {
    background: #075ba8;
    color: #fff !important;
}

.dimas-homepage .dimas-about-btn-outline {
    background: #fff;
    color: #075ba8 !important;
    border: 1px solid #075ba8;
}

.dimas-homepage .dimas-about-indexing {
    border-top: 1px solid #dce8f3;
    padding-top: 15px;
}

.dimas-homepage .dimas-about-indexing h3 {
    font-size: 14px;
    color: #073e75;
    margin: 0 0 12px;
}

.dimas-homepage .dimas-about-index-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.dimas-homepage .dimas-about-index-links a {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 7px;
    background: #e7f3ff;
    border: 1px solid #cfe5f8;
    color: #075ba8;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dimas-homepage .dimas-about-index-links a:hover {
    background: #075ba8;
    color: #fff;
}

@media (max-width: 600px) {
    .dimas-homepage .dimas-about-details {
        grid-template-columns: 1fr;
    }

    .dimas-homepage .dimas-about-actions {
        flex-direction: column;
    }

    .dimas-homepage .dimas-about-btn {
        width: 100%;
    }
}


/* ==========================================
   DIMAS ABOUT JOURNAL - FULL WIDTH
   OJS 3.1.2.4
========================================== */

.dimas-homepage .dimas-about-full {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 12px 20px !important;
    padding: 28px 32px !important;
    background: linear-gradient(135deg, #ffffff, #f2f9ff);
    border: 1px solid #dceaf7;
    border-radius: 14px;
}

.dimas-homepage .dimas-about-full .dimas-about-content {
    width: 100%;
    max-width: none;
    gap: 22px;
}

.dimas-homepage .dimas-about-full .dimas-about-intro {
    max-width: 1100px;
    font-size: 15px;
    line-height: 1.9;
    text-align: left;
}

.dimas-homepage .dimas-about-full .dimas-about-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.dimas-homepage .dimas-about-full .dimas-about-detail {
    min-height: 95px;
    padding: 18px;
    align-items: center;
}

.dimas-homepage .dimas-about-full .dimas-about-publisher {
    padding: 20px;
}

.dimas-homepage .dimas-about-full .dimas-about-actions {
    gap: 14px;
}

.dimas-homepage .dimas-about-full .dimas-about-index-links {
    gap: 12px;
}

@media (max-width: 1000px) {
    .dimas-homepage .dimas-about-full .dimas-about-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .dimas-homepage .dimas-about-full {
        margin: 0 0 16px !important;
        padding: 20px !important;
    }

    .dimas-homepage .dimas-about-full .dimas-about-details {
        grid-template-columns: 1fr;
    }

    .dimas-homepage .dimas-about-full .dimas-about-intro {
        font-size: 13px;
    }
}