/* ================================================================
   ARISTHA | CLEAN JOURNAL STYLESHEET | OJS 3.3 Default Theme
   Emerald / Ivory / Gold - consolidated edition, 15 October 2026
   Replace the previous stylesheet with this entire file.
   Header image is uploaded as the OJS journal logo.
   ================================================================ */

/* A. THEME COLOURS AND HEADER - ONE SOURCE OF TRUTH */
.pkp_structure_head { background: #f7fbe6; }
.pkp_head_wrapper { padding-top: 0 !important; }

/* The logo image and green navigation bar share the same edges. */
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name a,
.pkp_structure_head .pkp_site_name .is_img {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_head .pkp_site_name_wrapper { background: transparent !important; }
.pkp_structure_head .pkp_site_name .is_img { display: block; overflow: visible !important; }
.pkp_structure_head .pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  object-fit: contain;
  margin: 0 !important;
}
.pkp_structure_head .pkp_site_name .is_text { display: none; }

/* B. PRIMARY NAVIGATION - CENTRED, SINGLE SEARCH, DROPDOWN KEPT */
.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_wrapper {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #104b36 !important;
}
.pkp_structure_head .pkp_navigation_primary_wrapper {
  border-bottom: 3px solid #bc872b;
}
.pkp_structure_head .pkp_navigation_primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 12px !important;
}
.pkp_structure_head .pkp_navigation_primary > li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_head .pkp_navigation_primary > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a:focus {
  display: block;
  padding: 12px 13px !important;
  color: #fff9e9 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus-visible {
  color: #f0d58a !important;
}
/* Do not change OJS submenu display logic: the theme handles hover/focus. */
.pkp_structure_head .pkp_navigation_primary > li > ul { z-index: 1000; }

/* The primary navigation already includes Search; hide the theme duplicate. */
.pkp_navigation_search_wrapper { display: none !important; }

/* Avoid duplicate Register/Login links in the header corner.
   IMPORTANT: this also hides logged-in user shortcuts (Dashboard/Logout).
   Remove this rule if you need those shortcuts in the public header. */
.pkp_structure_head .pkp_navigation_user_wrapper { display: none !important; }

/* C. SMALL SCREENS - LET OJS HANDLE ITS MOBILE MENU */
@media (max-width: 767px) {
  .pkp_structure_head .pkp_site_name .is_img img { width: 100%; height: auto !important; }
  .pkp_structure_head .pkp_navigation_primary { justify-content: flex-start !important; }
  .pkp_structure_head .pkp_navigation_primary > li > a {
    padding: 10px 9px !important;
    font-size: 12px !important;
  }
}

/* D. HOMEPAGE AND SIDEBAR - ORIGINAL DESIGNS PRESERVED */

:root { --aristha-ivory:#fffdf5; --aristha-green:#064b37; --aristha-gold:#b88a28; }
.pkp_structure_main { background:#fff; }
.aristha-home { box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:24px; padding:30px; margin:0 0 22px; border:1px solid #efe7d3; border-radius:12px; background:linear-gradient(115deg,#fffdf5 0%,#fffaf0 70%,#f9f7ee 100%); color:#243b32; }
.aristha-home *,.aristha-next * {box-sizing:border-box;}
.aristha-eyebrow { color:#6d8d7a; letter-spacing:.16em; font-size:12px; font-weight:700; margin:0 0 8px; }
.aristha-intro h2 {font-family:Georgia,serif; color:var(--aristha-green); font-size:clamp(32px,4vw,48px); line-height:1.1; margin:0 0 4px;}
.aristha-intro h3 {font-family:Georgia,serif; color:#9b711e; font-size:clamp(18px,2vw,24px); line-height:1.25; margin:0 0 16px;}
.aristha-intro p:last-child {font-size:15px; line-height:1.7; margin:0;}
.aristha-features {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-content:center;}
.aristha-feature {background:rgba(255,255,255,.8); border:1px solid #e9d9b6; border-radius:10px; padding:20px 12px; text-align:center; min-width:0;}
.aristha-feature strong {display:block; color:var(--aristha-green); font-family:Georgia,serif; font-size:17px; margin-bottom:8px;}
.aristha-feature span {display:block; font-size:13px; color:#5c665e; line-height:1.45;}
.aristha-next {background:var(--aristha-ivory); border-top:3px solid var(--aristha-green); border-radius:8px; padding:20px 24px; margin:0 0 24px;}
.aristha-next h2 {font-family:Georgia,serif; color:var(--aristha-green); margin:0 0 8px; font-size:23px;}
.aristha-next p {margin:0; line-height:1.6;}
@media(max-width:760px) { .aristha-home {grid-template-columns:1fr; padding:20px; gap:20px;} .aristha-features {gap:8px;} .aristha-feature {padding:14px 8px;} }
@media(max-width:380px) { .aristha-features {grid-template-columns:1fr;} }

/* Welcome-card elements matching the saved homepage HTML. */
.aristha-home .aristha-feature h3 {font-family:Georgia,serif;color:#064b37;font-size:17px;line-height:1.35;margin:6px 0 8px;font-weight:700;}
.aristha-home .aristha-feature p {font-size:13px;line-height:1.5;color:#5c665e;margin:0;}
.aristha-home .aristha-feature-mark {display:inline-block;color:#b88a28;font-size:12px;letter-spacing:.12em;font-weight:700;}
.aristha-home .aristha-intro p {font-size:15px;line-height:1.7;margin:0 0 12px;}
.aristha-home .aristha-intro p.aristha-eyebrow {font-size:12px;line-height:1.4;margin:0 0 10px;}
.aristha-home .aristha-explore {grid-column:1 / -1;background:#064b37;color:#fffdf5;border-radius:9px;padding:18px 22px;}
.aristha-home .aristha-explore h3 {font-family:Georgia,serif;color:#e8cb87;font-size:21px;margin:0 0 7px;}
.aristha-home .aristha-explore p {color:#fffdf5;line-height:1.6;margin:0;font-size:14px;}
@media(max-width:760px) {.aristha-home .aristha-explore {grid-column:1;}}


/* Gold and Emerald homepage/sidebar components. */
:root{--ar-deep:#103e2e;--ar-emerald:#07503a;--ar-gold:#bc872b;--ar-cream:#fffaf0;--ar-line:#e7d8b9}
body{background:#f7f0df}
.pkp_structure_content{background:#fffdf9}
.pkp_navigation_primary>li>a,.pkp_navigation_primary>li>a:focus{color:#fff9e9!important}
.pkp_navigation_primary>li>a:hover{color:#f2ce86!important}
/* Only target homepage and avoid shrinking OJS article/issue pages */
.pkp_page_index .pkp_structure_main{padding-top:12px}
.pkp_page_index .page_index_journal{margin-top:0}
.aristha-home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:22px;gap:20px;margin-bottom:16px}
.aristha-feature{padding:14px 10px}
.aristha-home .aristha-feature h3{font-size:15px}
.aristha-next{margin-bottom:16px}
.ar-panel,.ar-sidebar{box-sizing:border-box;border:1px solid var(--ar-line);border-radius:9px;background:#fffdf8;overflow:hidden;margin:0 0 16px}
.ar-panel *,.ar-sidebar *{box-sizing:border-box}
.ar-panel__title,.ar-sidebar__title{margin:0!important;background:linear-gradient(100deg,#0b3b2b,#1c553b);color:#fff6dc!important;padding:12px 17px!important;font:700 17px/1.3 Georgia,serif!important}
.ar-panel__body{padding:16px}
.ar-journal-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(175px,.8fr);gap:16px;align-items:start}
.ar-info{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}
.ar-info th,.ar-info td{padding:8px 9px;border-bottom:1px solid #eadfc8;text-align:left;vertical-align:top}
.ar-info th{width:36%;color:#163c2e;background:#f8f3e9;font-weight:600}
.ar-cover{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e5d0a1;background:linear-gradient(150deg,#fff9e8,#f0dbad 65%,#0d4935);padding:14px;border-radius:8px;color:#103d2e}
.ar-cover__title{font:700 27px Georgia,serif;color:#103d2e;margin:12px 0}
.ar-cover__note{font-size:12px;color:#544c39}
.ar-cover img{width:100%;height:auto;max-width:230px;display:block}
.ar-notice{padding:18px;border:1px solid #e6d3ab;border-left:4px solid var(--ar-gold);background:#fffcf4;border-radius:8px;margin-bottom:16px}
.ar-notice h3{margin:0 0 8px!important;color:#153e2d!important;font:700 21px Georgia,serif!important}
.ar-notice p{margin:0 0 10px;line-height:1.6}
.ar-cta{display:inline-block;background:linear-gradient(#e4b34e,#ad761d);color:#fff!important;text-decoration:none!important;border-radius:6px;padding:10px 16px;font-weight:700}
.ar-muted{font-size:13px;color:#5b675f}
.ar-sidebar__links{list-style:none!important;margin:0!important;padding:6px 10px!important}
.ar-sidebar__links li{list-style:none!important;margin:0!important;border-bottom:1px solid #efe6d5}
.ar-sidebar__links li:last-child{border-bottom:0}
.ar-sidebar__links a,.ar-sidebar__links span{display:block;padding:9px 6px;color:#184633;text-decoration:none;font-size:13px;line-height:1.4}
.ar-sidebar__links a:hover{color:#9a6819;text-decoration:underline}
.ar-sidebar__links span{color:#65716b}
.ar-sidebar__body{padding:14px;font-size:13px;line-height:1.55}
.ar-sidebar__body a{color:#10543b}
.ar-small-note{font-size:12px;color:#63736a;margin:8px 0 0}
@media(max-width:760px){.ar-journal-grid{grid-template-columns:1fr}.ar-panel__body{padding:12px}.aristha-home{padding:16px}}

/* ==========================================
   ARISTHA - HOMEPAGE ANNOUNCEMENT REFINEMENT
   OJS 3.3
   ========================================== */

/* Pengumuman menggunakan lebar kolom utama */
.pkp_page_index .cmp_announcements,
.pkp_page_index .cmp_announcements > ul,
.pkp_page_index .cmp_announcements > ul > li,
.pkp_page_index .cmp_announcements .obj_announcement_summary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Hilangkan pembagian dua kolom bawaan */
.pkp_page_index .cmp_announcements > ul {
    display: block !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.pkp_page_index .cmp_announcements > ul > li {
    display: block !important;
    float: none !important;
    margin-right: 0 !important;
}

/* Atur jarak konten pengumuman */
.pkp_page_index .obj_announcement_summary {
    padding: 18px 24px !important;
    margin: 0 !important;
}

/* Judul pengumuman */
.pkp_page_index .obj_announcement_summary .title {
    color: #104b36 !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* Teks ringkasan */
.pkp_page_index .obj_announcement_summary .description {
    line-height: 1.65 !important;
}

/* Tautan Read More */
.pkp_page_index .obj_announcement_summary .read_more {
    color: #a97719 !important;
    font-weight: 700 !important;
}

/* Tampilan layar kecil */
@media (max-width: 768px) {
    .pkp_page_index .obj_announcement_summary {
        padding: 16px !important;
    }
}

/* E. SIDEBAR LINKS - SPACING ONLY; PRESERVE EXISTING ARROWS */
.ar-sidebar-box { margin-bottom: 20px; }
.ar-sidebar-box h3 { line-height: 1.35; }
.ar-sidebar-box p {
  margin: 0 !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid #eee4ce;
  line-height: 1.45 !important;
}
.ar-sidebar-box p:last-child { border-bottom: 0; }
.ar-sidebar-box a {
  color: #104b36 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
.ar-sidebar-box a:hover {
  color: #9b782e !important;
  text-decoration: underline !important;
}
