/*
Theme Name: SRAT DOIA Official
Theme URI: https://example.com/
Author: SRAT DOIA
Description: Theme WordPress khusus SRAT DOIA — Buku Nyanyian Arfak Hatam. Ringan, responsif, dan menyediakan halaman Kebijakan Privasi.
Version: 1.1.2
Text Domain: srat-doia
*/
:root{--purple:#5B2A86;--dark:#35164F;--gold:#D9A62E;--lilac:#F1EAF8;--bg:#F8F7FA;--text:#29252D;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}a{color:var(--purple)}.site-header{background:linear-gradient(135deg,var(--dark),var(--purple));color:#fff;padding:22px 0}.wrap{width:min(92%,1000px);margin:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.brand img{width:58px;height:58px;border-radius:14px;object-fit:cover}.brand-title{font-size:25px;font-weight:800;line-height:1.1}.brand-sub{font-size:13px;opacity:.9}.hero{background:linear-gradient(135deg,var(--dark),var(--purple));color:#fff;padding:65px 0 90px;text-align:center}.hero h1{font-size:40px;margin:0 0 10px}.hero p{max-width:700px;margin:auto;opacity:.92}.card{background:#fff;margin:-42px auto 45px;padding:38px;border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,.09);width:min(92%,900px)}h1,h2,h3{line-height:1.25}h2{color:var(--purple);margin-top:30px}.badge{display:inline-block;background:var(--lilac);color:var(--purple);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700}.btn{display:inline-block;background:var(--gold);color:#2b1b00;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:12px}.site-footer{text-align:center;padding:30px 15px;color:#777;font-size:14px}@media(max-width:600px){.hero{padding:45px 0 75px}.hero h1{font-size:30px}.card{padding:25px 20px}.brand-title{font-size:21px}}


/* V1.1.0 — Official Homepage */
.home-main{background:#faf8fd;padding-bottom:54px}.home-hero{background:linear-gradient(135deg,#35164F,#5B2A86 55%,#7b35bd);padding:30px 0 42px}.home-hero-banner{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 20px 50px rgba(20,4,35,.28)}.home-section{padding:62px 0}.home-section.alt{background:#fff}.section-kicker{text-align:center;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-title{text-align:center;color:var(--dark);font-size:34px;margin:8px 0 12px}.section-lead{max-width:760px;margin:0 auto 34px;text-align:center;color:#655e69}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;border:1px solid #eee6f5;border-radius:18px;padding:22px 18px;box-shadow:0 8px 24px rgba(53,22,79,.06)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--lilac);font-size:23px}.feature-card h3{color:var(--dark);font-size:17px;margin:14px 0 6px}.feature-card p{font-size:14px;color:#6f6874;margin:0}.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.screen-card{background:#fff;border-radius:22px;padding:12px;box-shadow:0 12px 32px rgba(53,22,79,.10)}.screen-card img{display:block;width:100%;height:auto;border-radius:16px}.screen-card h3{text-align:center;color:var(--dark);margin:14px 6px 4px}.screen-card p{text-align:center;color:#716979;font-size:14px;margin:0 8px 12px}.cta-box{background:linear-gradient(135deg,var(--dark),var(--purple));color:#fff;border-radius:24px;padding:38px;text-align:center}.cta-box h2{color:#fff;margin:0 0 10px}.cta-box p{max-width:700px;margin:0 auto 22px;opacity:.92}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-secondary{display:inline-block;border:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:12px}.site-header{position:sticky;top:0;z-index:9999;box-shadow:0 4px 18px rgba(20,4,35,.18)}.home-hero+.home-main{}.site-footer{background:#241033;color:#d9cee1}.site-footer a{color:#fff}
@media(max-width:850px){.feature-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{grid-template-columns:1fr 1fr}.section-title{font-size:29px}}
@media(max-width:600px){.home-hero{padding:16px 0 26px}.home-hero-banner{border-radius:14px}.home-section{padding:42px 0}.feature-grid,.screens-grid{grid-template-columns:1fr}.section-title{font-size:26px}.cta-box{padding:28px 20px}.screen-card{max-width:430px;margin:auto}}

/* V1.1.2 — Sticky Header */
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}