/* =====================================================================
   TEMA KITAB KUNING
   Kertas perkamen, tinta cokelat, bingkai ganda. Cocok pesantren / madrasah salaf.
   Tema ini memakai palet warnanya sendiri (menimpa warna jenjang) supaya
   nuansanya konsisten. Hanya tampilan (CSS), tidak menyentuh logika PHP.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');

body.tema-kitabkuning {
    --primary: #6b4423;
    --primary-dark: #3e2812;
    --primary-light: #8d5f33;
    --secondary: #a67c2e;
    --accent: #a67c2e;
    --badge-bg: #f1dfae;
    --badge-text: #3e2812;
    --gold: #a67c2e;
    --cream: #f3e5bf;
    --line: #d8c08a;
    --radius-lg: 18px;
    --radius-md: 12px;
    background-color: var(--cream);
    background-image: radial-gradient(circle at 18% 8%, rgba(255,255,255,.40), transparent 42%), radial-gradient(circle at 85% 92%, rgba(120,80,30,.14), transparent 46%);
}
body.tema-kitabkuning h1, body.tema-kitabkuning h2, body.tema-kitabkuning h3, body.tema-kitabkuning h4,
body.tema-kitabkuning .hero-title, body.tema-kitabkuning .stat-number { font-family: 'Amiri', Georgia, serif; letter-spacing: 0; }

body.tema-kitabkuning .top-bar { background: #2e1d0c; color: #e8d6a6; border-bottom: 2px solid var(--gold); }
body.tema-kitabkuning .top-bar a { color: #fff; }
body.tema-kitabkuning .navbar { background: #fff; border-bottom: 4px double var(--gold); box-shadow: none; }
body.tema-kitabkuning .brand-text h1 { font-weight: 700; font-size: 19px; color: var(--primary-dark); }
body.tema-kitabkuning .nav-link:hover { color: var(--primary); }
body.tema-kitabkuning .btn-nav-action, body.tema-kitabkuning .btn-hero { border-radius: 999px; }

/* Hero */
body.tema-kitabkuning .hero {
    background: radial-gradient(700px 380px at 85% 0%, rgba(230,201,138,.25), transparent 65%), linear-gradient(160deg, #3e2812, #5a3a1c 60%, #7a5230);
    padding: 84px 0 96px;
    border-bottom: 4px solid var(--gold);
    position: relative; overflow: hidden;
}
body.tema-kitabkuning .hero::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'60'%20height%3D'60'%20viewBox%3D'0%200%2060%2060'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23f6e7b4'%20stroke-opacity%3D'.28'%20stroke-width%3D'1'%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'12'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M30%200v14M30%2046v14M0%2030h14M46%2030h14'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 60px 60px; background-position: center; background-repeat: repeat; opacity: .6;
}
body.tema-kitabkuning .hero > .container { position: relative; z-index: 2; }
body.tema-kitabkuning .hero-title { font-size: clamp(32px, 4.4vw, 56px); font-weight: 700; line-height: 1.15; }
body.tema-kitabkuning .hero-title span { color: #e6c98a; }
body.tema-kitabkuning .hero-badge { border-color: rgba(230,201,138,.6); border-radius: 999px; }
body.tema-kitabkuning .btn-hero-primary { background: linear-gradient(135deg, #e6c98a, var(--gold)); color: #2b1b05; border-color: transparent; }
body.tema-kitabkuning .btn-hero-primary:hover { filter: brightness(1.07); color: #2b1b05; }
body.tema-kitabkuning .radar-card { border-radius: 18px; padding-top: 38px; border: 2px solid var(--gold); }
body.tema-kitabkuning .panoramic-hero { border-bottom: 4px solid var(--gold); }
body.tema-kitabkuning .portal-bar-card, body.tema-kitabkuning .magazine-hub-card { border: 1px solid var(--line); border-top: 3px solid var(--gold); border-radius: 16px; }

/* Statistik */
body.tema-kitabkuning .stats-grid { margin-top: 32px; gap: 16px; }
body.tema-kitabkuning .stat-card { background: #fff; border: 1px solid var(--line); border-bottom: 4px solid var(--gold); border-radius: 16px; box-shadow: none; }
body.tema-kitabkuning .stat-number { color: var(--primary-dark); font-weight: 700; font-size: 40px; }

/* Judul seksi berornamen */
body.tema-kitabkuning .section { padding: 76px 0; }
body.tema-kitabkuning .section-header { text-align: center; }
body.tema-kitabkuning .section-tag { background: var(--primary) !important; color: #f6e7b4 !important; border-radius: 999px; padding: 5px 16px; font-weight: 700; }
body.tema-kitabkuning .section-title { font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; color: var(--primary-dark); }
body.tema-kitabkuning .section-title::after { content: '\2766  \2766  \2766'; display: block; margin-top: 6px; font-size: 12px; letter-spacing: 6px; color: var(--gold); font-family: sans-serif; }
body.tema-kitabkuning #berita { background: rgba(255, 255, 255, .85) !important; border-color: var(--line) !important; }
body.tema-kitabkuning #guru { background: #ecdbad !important; }
body.tema-kitabkuning #kehadiran, body.tema-kitabkuning #ptsp { border-color: var(--line) !important; }

body.tema-kitabkuning .about-card, body.tema-kitabkuning .guru-card { background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--primary); border-radius: 16px; box-shadow: none; background: #fbf1d3; outline: 1px solid var(--line); outline-offset: -7px; }
body.tema-kitabkuning .about-card:hover, body.tema-kitabkuning .guru-card:hover { box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .3); transform: translateY(-3px); }
body.tema-kitabkuning .guru-avatar { border-radius: 999px 999px 14px 14px !important; border: 3px solid var(--gold); }
body.tema-kitabkuning .guru-avatar img { border-radius: 999px 999px 11px 11px !important; }
body.tema-kitabkuning .guru-badge { background: var(--badge-bg); color: var(--primary-dark); border-radius: 999px; }
body.tema-kitabkuning #berita article { border: 1px solid var(--line) !important; border-radius: 16px !important; border-top: 4px solid var(--primary) !important; box-shadow: none !important; }
body.tema-kitabkuning #berita article h4 { font-family: 'Amiri', Georgia, serif; font-size: 1.15rem !important; }
body.tema-kitabkuning .footer { background: linear-gradient(180deg, #3e2812, #24160a); border-top: 4px solid var(--gold); }
/* Kertas perkamen: kartu & kotak memakai warna kertas + bingkai ganda */
body.tema-kitabkuning .stat-card { background: #fbf1d3; outline: 1px solid var(--line); outline-offset: -6px; }
body.tema-kitabkuning .navbar, body.tema-kitabkuning #berita { background: #fbf1d3 !important; }
body.tema-kitabkuning #berita article { background: #fbf1d3 !important; }