/*
Theme Name: Madrasah ZI-WBKM
Theme URI: https://man1alhidayah.sch.id
Author: Tim Madrasah
Author URI: https://kemenag.go.id
Description: Tema WordPress untuk madrasah dengan komitmen Zona Integritas (ZI-WBKM) Kementerian Agama RI. Menampilkan hero slider, 6 pilar Zona Integritas, grid logo layanan interaktif, berita, profil, galeri, dan footer lengkap di halaman depan. Palet warna emerald hijau + emas khas madrasah.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: madrasah-zi
Tags: education, islamic, madrasah, two-column, three-column, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ============================================================
   Tema Madrasah ZI-WBKM — style.css
   Stylesheet utama: header tema + import komponen
   ============================================================ */

/* Variabel warna & token desain (oklch dikonversi ke HEX/RGB agar kompatibel luas) */
:root {
  --primary: #0E7A4D;
  --primary-dark: #064E3B;
  --primary-light: #16A34A;
  --secondary: #DCFCE7;
  --secondary-fg: #0F5132;
  --accent: #D4AF37;
  --accent-dark: #CA8A04;
  --bg: #FEFDF8;
  --fg: #1A2B22;
  --muted: #6B7280;
  --border: #E5E7EB;
  --card: #FFFFFF;
  --radius: 0.625rem;
  --radius-sm: 0.375rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --shadow-sm: 0 1px 2px rgba(6,78,59,.06);
  --shadow: 0 4px 12px rgba(6,78,59,.10);
  --shadow-lg: 0 12px 32px rgba(6,78,59,.16);
  --container: 1280px;
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-arabic: 'Amiri', 'Times New Roman', serif;
}

/* Reset ringan & base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, video, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--primary-dark); }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; font-weight: 800; line-height: 1.2; color: var(--fg); }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.25em; }
button { font-family: inherit; cursor: pointer; }

/* Layout: sticky footer */
.site-wrapper { display: flex; flex-direction: column; min-height: 100vh; }
.site-main { flex: 1 0 auto; }
.site-footer { flex-shrink: 0; margin-top: auto; }

/* Container */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 1rem; }

/* Skip link accessibility */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 9999;
  background: var(--primary); color: #fff; padding: .5rem 1rem; border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus { left: 0; }

/* Screen reader text */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

/* WordPress core alignment */
.alignwide { width: 100%; max-width: 1440px; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.wp-caption-text, .gallery-caption { font-size: .875rem; color: var(--muted); text-align: center; }

/* WordPress gallery */
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .5rem; }

/* Import komponen & utility dari theme.css (di-enqueue terpisah di functions.php untuk caching lebih baik) */