/*
 * Al-Ridha: Jurnal Pengabdian kepada Masyarakat
 * OJS Custom Journal Style Sheet - Warm Batik Bekisar & Khat Edition
 * Primary Brand Color: #3F2006 (Deep Warm Brown)
 *
 * Install in OJS:
 * Dashboard > Settings > Website > Appearance > Advanced > Journal style sheet
 */

:root {
  /* Palet Warna Hangat, Elegan & Nusantara */
  --ridha-primary: #3F2006;        /* Cokelat pekat utama */
  --ridha-primary-deep: #291402;   /* Cokelat gelap eksklusif */
  --ridha-accent: #8c4b18;         /* Terakota / tembaga hangat */
  --ridha-accent-hover: #6a340b;   /* Tembaga pekat hover */
  --ridha-gold: #c49746;           /* Emas batik klasik */
  --ridha-gold-light: #f5eedf;     /* Emas krem muda */
  --ridha-text: #2e2319;           /* Teks cokelat gelap berkarakter */
  --ridha-muted: #736253;          /* Teks sekunder teduh */
  --ridha-border: #e8ded2;         /* Garis batas krem hangat */
  --ridha-soft: #f7f3ec;           /* Latar kontainer lembut */
  --ridha-white: #ffffff;
}

/* General Academic Layout */
html { 
  scroll-behavior: smooth; 
}

body {
  color: var(--ridha-text);
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  
  /* Latar Belakang Kain Mori dengan Watermark Batik Tulis Ayam Bekisar & Khat 'الرضى' (10-14% Subtle Watermark) */
  background-color: #fcfaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320' width='320' height='320'%3E%3Cg fill='none' stroke='%233F2006' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Watermark Motif Ayam Bekisar (Opacity 0.11) --%3E%3Cg opacity='0.11' stroke-width='1.5'%3E%3Cpath d='M105 130 C105 112 118 100 132 100 C142 100 150 106 153 116 C158 116 166 112 170 106 C173 114 171 122 165 128 C176 130 183 138 181 148 C179 157 170 163 158 163 C140 163 130 152 126 142 Z'/%3E%3Cpath d='M134 98 C134 89 140 82 147 80 C146 87 151 90 155 93 C151 97 146 98 140 98 Z' fill='%233F2006' fill-opacity='0.08'/%3E%3Cpath d='M154 116 L164 118 L154 122 Z' fill='%233F2006' fill-opacity='0.11'/%3E%3Cpath d='M126 142 C108 138 88 126 78 106 C70 90 73 70 85 54 C92 72 105 84 122 92 C105 76 102 56 112 38 C119 55 132 66 148 72'/%3E%3Cpath d='M128 145 C116 150 96 144 85 132 C78 124 76 112 80 100'/%3E%3Cpath d='M136 156 C134 170 128 185 128 196 M145 156 C143 172 144 186 145 196'/%3E%3Cpath d='M140 128 C148 132 155 140 151 148 C147 156 138 155 135 147 Z' stroke-dasharray='2 3'/%3E%3C/g%3E%3C!-- Ornamen Isen-Isen Batik Klasik Ukel & Cecek --%3E%3Cg opacity='0.09' stroke-width='1.2'%3E%3Cpath d='M45 45 C55 35 70 40 68 55 C66 65 52 68 48 58'/%3E%3Ccircle cx='58' cy='52' r='2' fill='%233F2006'/%3E%3Cpath d='M275 275 C265 285 250 280 252 265 C254 255 268 252 272 262'/%3E%3Ccircle cx='262' cy='268' r='2' fill='%233F2006'/%3E%3C/g%3E%3C!-- Khat Arab 'الرضى' Kaligrafi (Opacity 0.13) --%3E%3Ctext x='160' y='268' font-family='Traditional Arabic, Scheherazade New, Amiri, serif' font-size='38' font-weight='bold' fill='%233F2006' fill-opacity='0.13' stroke='none' text-anchor='middle' direction='rtl'%3Eالرضى%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-position: center top;
  background-attachment: fixed;
}

a {
  color: var(--ridha-accent);
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
a:hover, a:focus {
  color: var(--ridha-accent-hover);
  text-decoration: underline;
}

/* Journal Masthead / Header */
.pkp_structure_head,
.pkp_head_wrapper {
  background: var(--ridha-primary);
  border-bottom: 2px solid var(--ridha-gold);
}
.pkp_site_name {
  padding-top: 22px;
  padding-bottom: 22px;
}
.pkp_site_name a,
.pkp_site_name .is_img a {
  color: var(--ridha-white);
  font-weight: 700;
  letter-spacing: .3px;
}
.pkp_site_name a:hover {
  color: var(--ridha-gold-light);
  text-decoration: none;
}
.pkp_site_name img {
  max-height: 105px;
  width: auto;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}

/* Main Navigation Bar */
.pkp_navigation_primary_wrapper {
  background: var(--ridha-primary-deep);
  border-top: 1px solid rgba(196, 151, 70, 0.25);
  border-bottom: 3px solid var(--ridha-gold);
}
.pkp_navigation_primary > li > a {
  color: var(--ridha-white);
  padding: 13px 16px;
  font-size: 13.5px;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current="page"] {
  color: var(--ridha-white);
  background: var(--ridha-accent);
  text-decoration: none;
}
.pkp_navigation_primary ul {
  background: var(--ridha-white);
  border: 1px solid var(--ridha-border);
  box-shadow: 0 4px 12px rgba(63, 32, 6, 0.12);
}
.pkp_navigation_primary ul a {
  color: var(--ridha-text);
}
.pkp_navigation_primary ul a:hover {
  background: var(--ridha-soft);
  color: var(--ridha-accent);
}

/* Main Structure & Content Wrapper (Semi-Opaque untuk Menjaga Keterbacaan Naskah) */
.pkp_structure_page {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 0 24px rgba(63, 32, 6, 0.06);
  border-left: 1px solid var(--ridha-border);
  border-right: 1px solid var(--ridha-border);
}
.pkp_structure_content {
  padding-top: 26px;
  padding-bottom: 32px;
}
.pkp_structure_main {
  min-width: 0;
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.page_title {
  color: var(--ridha-primary);
  line-height: 1.35;
}
.pkp_structure_main h1,
.page_title {
  font-weight: 700;
}
.pkp_structure_main h2 {
  padding-bottom: 8px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--ridha-border);
}
.pkp_structure_main h2:after {
  content: "";
  display: block;
  width: 52px;
  margin-top: 8px;
  border-bottom: 3.5px solid var(--ridha-gold);
}

/* Current Issue & Article Cards */
.current_issue,
.obj_issue_toc {
  border-top: 3px solid var(--ridha-primary);
  padding-top: 18px;
}
.obj_issue_summary,
.obj_article_summary,
.obj_announcement_summary {
  padding: 16px 18px;
  margin-bottom: 15px;
  background: var(--ridha-white);
  border: 1px solid var(--ridha-border);
  border-left: 4px solid var(--ridha-accent);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(63, 32, 6, 0.03);
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.obj_issue_summary:hover,
.obj_article_summary:hover {
  transform: translateY(-2px);
  border-color: var(--ridha-gold);
  border-left-color: var(--ridha-primary);
  box-shadow: 0 4px 12px rgba(63, 32, 6, 0.08);
}
.obj_issue_summary .title,
.obj_article_summary .title {
  color: var(--ridha-primary);
  font-weight: 700;
  font-size: 16px;
}
.obj_article_summary .authors,
.obj_article_summary .pages,
.obj_issue_summary .description {
  color: var(--ridha-muted);
  font-size: 13.5px;
}

/* Sidebar Blocks */
.pkp_structure_sidebar {
  font-size: 13px;
}
.pkp_block {
  margin-bottom: 22px;
  padding: 0 0 15px;
  border: 0;
  border-bottom: 1px solid var(--ridha-border);
  background: transparent;
}
.pkp_block .title {
  margin: 0 0 10px;
  padding: 10px 14px;
  color: var(--ridha-white);
  background: var(--ridha-primary);
  border-left: 5px solid var(--ridha-gold);
  border-radius: 0 3px 3px 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  box-shadow: 0 2px 4px rgba(63, 32, 6, 0.1);
}
.pkp_block a {
  overflow-wrap: anywhere;
}

/* Buttons & Galley Download Links */
.cmp_button,
.pkp_button,
.obj_galley_link,
button,
input[type="submit"] {
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.2s ease;
}
.cmp_button,
.pkp_button,
input[type="submit"] {
  color: var(--ridha-white);
  background: var(--ridha-accent);
  border: 1px solid var(--ridha-accent);
}
.cmp_button:hover,
.pkp_button:hover,
input[type="submit"]:hover {
  color: var(--ridha-white);
  background: var(--ridha-primary);
  border-color: var(--ridha-primary);
  box-shadow: 0 2px 6px rgba(63, 32, 6, 0.2);
}
.obj_galley_link {
  display: inline-block;
  padding: 6px 14px;
  color: var(--ridha-primary);
  background: var(--ridha-soft);
  border: 1px solid var(--ridha-border);
  font-weight: 600;
}
.obj_galley_link:hover {
  color: var(--ridha-white);
  background: var(--ridha-accent);
  border-color: var(--ridha-accent);
  text-decoration: none;
}

/* Tables & Forms */
.pkp_structure_main table {
  max-width: 100%;
  border-collapse: collapse;
}
.pkp_structure_main th {
  color: var(--ridha-primary);
  background: var(--ridha-soft);
  font-weight: 700;
}
.pkp_structure_main th,
.pkp_structure_main td {
  padding: 9px 12px;
  border: 1px solid var(--ridha-border);
}
input, select, textarea {
  max-width: 100%;
  border: 1px solid #d4c7b8;
  border-radius: 4px;
  padding: 6px 10px;
}
input:focus, select:focus, textarea:focus, button:focus, a:focus {
  outline: 2px solid rgba(140, 75, 24, 0.45);
  outline-offset: 2px;
  border-color: var(--ridha-accent);
}

/* Footer Section */
.pkp_structure_footer_wrapper {
  color: #eedecf;
  background: var(--ridha-primary-deep);
  border-top: 4px solid var(--ridha-gold);
  padding-top: 24px;
  padding-bottom: 24px;
}
.pkp_structure_footer_wrapper a {
  color: #e5b98a;
}
.pkp_structure_footer_wrapper a:hover {
  color: var(--ridha-white);
  text-decoration: underline;
}

/* Responsive Support (Mobile & Tablet) */
@media (max-width: 767px) {
  body { 
    font-size: 14px; 
    background-size: 240px 240px; 
  }
  .pkp_structure_page {
    border-left: 0;
    border-right: 0;
  }
  .pkp_site_name { padding: 14px 10px; }
  .pkp_site_name img { max-height: 75px; }
  .pkp_structure_content { padding-top: 15px; }
  .obj_issue_summary,
  .obj_article_summary { padding: 12px 14px; }
  .pkp_block .title { padding: 9px 11px; }
}

/* Accessibility Keyboard Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--ridha-gold);
  outline-offset: 2px;
}