/* ==========================================================================
   BLOOM: Journal of Student Research in Islamic Early Childhood Education
   Journal style sheet v2 - OJS 3.5 (tema Default). Palet B (Biru Teal Akuatik)
   Primer #0B4F6C | Sekunder #01768A | Aksen #E07A5F | Latar #F5F8FA | Teks #1A2A33
   Kontras (WCAG 2.x): putih/primer 8,94 | putih/sekunder 5,30 | teks/latar 13,84
   | teks gelap/aksen 5,00 (aksen hanya untuk latar tombol, bukan teks)
   ========================================================================== */

:root {
  --bloom-primary: #0B4F6C;
  --bloom-secondary: #01768A;
  --bloom-accent: #E07A5F;
  --bloom-bg: #F5F8FA;
  --bloom-text: #1A2A33;
  --bloom-line: #D5E1E8;
}

/* ---- Dasar ---- */
body { background: var(--bloom-bg); color: var(--bloom-text); }
a { color: var(--bloom-primary); }
a:hover, a:focus { color: var(--bloom-secondary); }
.pkp_structure_content, .pkp_structure_main { background: transparent; }
.pkp_structure_main h1, .pkp_structure_main h2, .page h1 { color: var(--bloom-primary); }

/* ---- Header: gambar logo mengisi penuh lebar header, tanpa terpotong ---- */
.pkp_structure_head { background: #fff !important; border-bottom: 0 !important; }
.pkp_head_wrapper { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.pkp_site_name_wrapper { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.pkp_site_name { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.pkp_site_name .is_img { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;          /* rasio asli 3:1 dipertahankan */
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
}

/* Menu pengguna (login) di pojok kanan atas gambar, tetap terbaca */
.pkp_navigation_user_wrapper { z-index: 5; }
.pkp_navigation_user > li > a { color: #fff; }
.pkp_navigation_user_wrapper {
  background: rgba(11, 79, 108, .92);
  border-radius: 0 0 0 8px;
  padding: 2px 14px;
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  max-width: 100%;
  transform: none !important;
}
.pkp_navigation_user { width: auto !important; max-width: none !important; margin: 0 !important; }

/* ---- Menu utama (top menu) ---- */
.pkp_navigation_primary_row { background: var(--bloom-primary) !important; border: 0; }
.pkp_navigation_primary_wrapper,
.pkp_navigation_search_wrapper { max-width: 1160px; margin: 0 auto; padding: 0 15px; background: transparent; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper { display: block; }
.pkp_navigation_primary > li > a { color: #fff !important; font-weight: 600; padding: 10px 14px; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li:hover > a { background: var(--bloom-secondary) !important; color: #fff !important; }
.pkp_navigation_primary ul { background: #fff; border: 1px solid var(--bloom-line); border-top: 3px solid var(--bloom-accent); box-shadow: 0 6px 16px rgba(11,79,108,.15); }
.pkp_navigation_primary ul a { color: var(--bloom-primary) !important; }
.pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus { background: var(--bloom-bg) !important; color: var(--bloom-secondary) !important; }
.pkp_navigation_search_wrapper a { color: #fff !important; }

/* ---- Sidebar (menu samping) ---- */
.pkp_structure_sidebar .pkp_block { background: #fff; border: 1px solid var(--bloom-line); border-radius: 6px; padding: 0; margin-bottom: 16px; overflow: hidden; }
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2 { display: block; background: var(--bloom-primary); color: #fff !important; font-size: .9rem; font-weight: 700; letter-spacing: .02em; padding: 9px 14px; margin: 0; }
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block > ul,
.pkp_structure_sidebar .pkp_block > div:not(.title) { padding: 10px 14px; }
.pkp_structure_sidebar .pkp_block ul { margin: 0; padding: 0; list-style: none; }
.pkp_structure_sidebar .pkp_block li a { display: block; padding: 6px 0; border-bottom: 1px dotted var(--bloom-line); color: var(--bloom-primary); }
.pkp_structure_sidebar .pkp_block li:last-child a { border-bottom: 0; }
.pkp_structure_sidebar .pkp_block li a:hover { color: var(--bloom-secondary); text-decoration: none; padding-left: 4px; }

/* ---- Tombol: aksen sebagai latar, teks gelap ---- */
.cmp_button, .cmp_form .buttons button, .pkp_button, a.obj_galley_link, .obj_galley_link,
.page_search .submit button, button.pkp_button_primary {
  background: var(--bloom-accent); color: var(--bloom-text); border: 0; font-weight: 700; border-radius: 4px;
}
.cmp_button:hover, .pkp_button:hover, a.obj_galley_link:hover, .obj_galley_link:hover { background: var(--bloom-secondary); color: #fff; }
a.obj_galley_link, .obj_galley_link { border-radius: 4px; }

/* ---- Konten ---- */
.page h2, .page h3 { color: var(--bloom-primary); }
.page h3 { border-bottom: 2px solid var(--bloom-line); padding-bottom: 4px; margin-top: 1.6em; }
.obj_issue_summary, .obj_article_summary { background: #fff; border: 1px solid var(--bloom-line); border-radius: 6px; padding: 12px 16px; }
.cmp_breadcrumbs a { color: var(--bloom-primary); }

/* ---- Beranda penuh menu: kartu tautan cepat (kelas dipakai di konten tambahan) ---- */
.bloom-home { margin: 0 0 12px; }
.bloom-home h2 { margin: 0 0 8px; font-size: 1.25rem; }
.bloom-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin: 10px 0 20px; }
.bloom-card { background: #fff; border: 1px solid var(--bloom-line); border-top: 4px solid var(--bloom-secondary); border-radius: 6px; padding: 12px 14px; }
.bloom-card h3 { margin: 0 0 6px; font-size: 1rem; color: var(--bloom-primary); border: 0; padding: 0; }
.bloom-card ul { margin: 0; padding: 0; list-style: none; }
.bloom-card li { margin: 0; }
.bloom-card li a { display: block; padding: 4px 0; border-bottom: 1px dotted var(--bloom-line); }
.bloom-card li:last-child a { border-bottom: 0; }
.bloom-card .bloom-btn { display: inline-block; margin-top: 6px; padding: 6px 12px; background: var(--bloom-accent); color: var(--bloom-text); font-weight: 700; border-radius: 4px; }
.bloom-card .bloom-btn:hover { background: var(--bloom-secondary); color: #fff; text-decoration: none; }

/* ---- Footer ---- */
.pkp_structure_footer_wrapper { background: var(--bloom-primary); color: #fff; }
.pkp_structure_footer_wrapper a { color: #fff; text-decoration: underline; }
.pkp_structure_footer_wrapper .pkp_footer_content { color: #fff; }

/* ---- Seluler ---- */
@media (max-width: 992px) {
  .pkp_site_nav_toggle { background: var(--bloom-primary); }
  .pkp_navigation_primary_wrapper, .pkp_navigation_search_wrapper { padding: 0; }
  .pkp_navigation_primary > li > a { padding: 12px 16px; }
  .pkp_navigation_user_wrapper { position: static; border-radius: 0; text-align: right; }
}