/*
Theme Name: KSBB
Author: Aditya Nanda Utama, M.Kom
Description: Tema Koperasi Syirkah Berkah Bersama dengan identitas hijau KSBB, beranda khusus, dan dukungan konten WordPress serta Elementor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ksbb
Tags: custom-logo, custom-menu, featured-images, full-width-template
*/

.ksbb-preview .site-main { min-height: 50vh; padding-block: 64px; }
.ksbb-preview .page-content { max-width: 900px; margin-inline: auto; }
.ksbb-preview .page-content > h1 { margin-bottom: 32px; }
.ksbb-preview .entry-content > * + * { margin-top: 22px; }
.ksbb-preview .entry-content a { color: var(--green); text-decoration: underline; }
.ksbb-preview .entry-content ul, .ksbb-preview .entry-content ol { padding-left: 24px; }
.ksbb-preview .entry-content h2, .ksbb-preview .entry-content h3 { margin-top: 36px; }
.ksbb-preview .entry-content input:not([type=checkbox]):not([type=radio]),
.ksbb-preview .entry-content textarea, .ksbb-preview .entry-content select {
  max-width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 7px; font: inherit;
}
.ksbb-preview .entry-content iframe { max-width: 100%; }
.ksbb-preview .post-list { display: grid; gap: 40px; }
.ksbb-preview .post-list article { padding-bottom: 32px; border-bottom: 1px solid var(--line); }
.ksbb-preview .post-list h2 { margin-bottom: 14px; }
.ksbb-preview .entry-meta { color: var(--muted); font-size: 13px; margin-bottom: 22px; }
.ksbb-preview .entry-image { width: 100%; border-radius: var(--radius); margin-bottom: 28px; }
.ksbb-preview .pagination { margin-top: 32px; }
.ksbb-preview .header .menu { display: flex; list-style: none; align-items: center; gap: 22px; margin: 0; padding: 0; }
.ksbb-preview .header .menu li { position: relative; }
.ksbb-preview .header .menu .sub-menu { display: none; position: absolute; min-width: 200px; list-style: none; padding: 12px; margin: 0; background: var(--deep); border-radius: 8px; }
.ksbb-preview .header .menu li:hover > .sub-menu,
.ksbb-preview .header .menu li:focus-within > .sub-menu { display: block; }
.ksbb-preview .header .menu .sub-menu a { display: block; }
.ksbb-preview .elementor-page-content { min-height: 50vh; }
@media (max-width: 1100px) {
  .ksbb-preview .header .menu { flex-direction: column; align-items: stretch; gap: 0; }
  .ksbb-preview .header .menu .sub-menu { display: block; position: static; padding: 0 0 0 18px; }
}
@media (max-width: 600px) { .ksbb-preview .site-main { padding-block: 40px; } }