/* ==================================================================
   TEMA 2 — "Lumbung Desa"
   Nuansa pertanian: hijau daun, kuning padi, coklat tanah.
   Dimuat setelah style.css sehingga menimpa tema 1.
   ================================================================== */
body.tema-2{
  --ink:#1C2A14;
  --emerald:#2F5A1F;
  --emerald-2:#3D6F27;
  --emerald-3:#4E8A31;
  --gold:#B0801F;
  --gold-2:#DCAE45;
  --gold-soft:#FBF0D2;
  --paper:#FFFDF6;
  --cream:#F7F2E2;
  --mist:#EDF2DF;
  --line:#E2DAC2;
  --muted:#6B7159;
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 2px 6px rgba(40,52,20,.06), 0 20px 44px -26px rgba(40,52,20,.32);
  --shadow-lg:0 26px 60px -28px rgba(40,52,20,.4);
  background:var(--cream);
}
body.tema-2 h1,body.tema-2 h2,body.tema-2 h3,body.tema-2 h4{
  font-family:"Cambria","Georgia",var(--serif);letter-spacing:-.008em;color:var(--emerald);
}
/* judul di atas latar gelap tetap terang */
body.tema-2 .hero h1,body.tema-2 .page-hero h1,
body.tema-2 .cta-banner h2,body.tema-2 .page-hero h1 a{color:#FFFDF3}
body.tema-2 .holiday-screen h2{color:var(--emerald)}

/* ------------------------------- Topbar ------------------------------ */
body.tema-2 .topbar{background:#24401A;color:#DDE7CE}
body.tema-2 .topbar-note{color:#B6C7A2}
body.tema-2 .topbar-item{color:#D3E0C3}
body.tema-2 .topbar-clock{color:#F2D97F}
body.tema-2 .topbar-admin{border-color:rgba(242,217,127,.4);color:#F2D97F}
body.tema-2 .topbar-admin:hover{background:rgba(242,217,127,.16);color:#fff}

/* ------------------------------- Header ------------------------------ */
body.tema-2 .site-header{background:linear-gradient(180deg,#FFFDF6,#FBF6E6)}
body.tema-2 .site-header::after{background:linear-gradient(90deg,#2F5A1F 0 18%,#DCAE45 18% 30%,transparent 30%)}
body.tema-2 .brand-text small{color:#8A6A1C}
body.tema-2 .brand-text strong{color:#24401A}
body.tema-2 .logo-img{filter:drop-shadow(0 4px 10px rgba(47,90,31,.14))}

/* --------------------------------- Nav ------------------------------- */
body.tema-2 .mainnav{
  background:linear-gradient(100deg,#2F5A1F,#3D6F27 55%,#4E8A31);
  box-shadow:0 8px 22px -12px rgba(28,42,20,.7);
}
body.tema-2 .nav-list a{color:#E6F0D6;letter-spacing:.03em}
body.tema-2 .nav-list a:hover{background:rgba(255,255,255,.12);color:#fff}
body.tema-2 .nav-list a.is-active{background:rgba(255,255,255,.16);border-bottom-color:#F2D97F;color:#fff}

/* --------------------------------- Hero ------------------------------ */
body.tema-2 .hero{
  background:
    linear-gradient(100deg,rgba(24,40,16,.94) 0%,rgba(38,64,25,.86) 42%,rgba(78,120,48,.55) 72%,rgba(160,150,70,.28) 100%),
    url("karakter/pertanian.svg");
  background-size:cover,cover;
  background-position:center,center 30%;
  background-repeat:no-repeat,no-repeat;
  border-bottom:3px solid #DCAE45;
}
body.tema-2 .hero::before{
  background:
    radial-gradient(620px 280px at 90% 6%,rgba(242,217,127,.22),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 42px);
}
body.tema-2 .hero-copy .eyebrow{color:#F2D97F}
body.tema-2 .hero-copy .eyebrow::before{background:#F2D97F}
body.tema-2 .hero h1{font-weight:600;text-shadow:0 3px 18px rgba(12,22,8,.45)}
body.tema-2 .hero h1 em{color:#F5E3A0;font-style:normal}
body.tema-2 .hero-lead{color:rgba(255,255,255,.9)}
body.tema-2 .hero-motto{color:#F2D97F}
body.tema-2 .hero-motto::before{background:#F2D97F}
body.tema-2 .hero-card,
body.tema-2 .prayer{background:rgba(28,44,18,.5);border-color:rgba(242,217,127,.28)}
body.tema-2 .hero-card h3,body.tema-2 .prayer-head strong{color:#F2D97F}
body.tema-2 .hero-stats strong{color:#FFF7DC}
body.tema-2 .prayer-item.is-next{background:rgba(242,217,127,.2);border-color:rgba(242,217,127,.5)}
body.tema-2 .prayer-item.is-next strong,body.tema-2 .prayer-countdown b{color:#F2D97F}

/* ------------------------------ Tombol ------------------------------- */
body.tema-2 .btn{border-radius:8px;letter-spacing:.07em}
body.tema-2 .btn-primary{background:linear-gradient(135deg,#3D6F27,#2F5A1F);color:#fff;
  box-shadow:0 10px 22px -12px rgba(47,90,31,.85)}
body.tema-2 .btn-primary:hover{background:linear-gradient(135deg,#4E8A31,#3D6F27)}
body.tema-2 .btn-gold{background:#F2D97F;border-color:#DCAE45;color:#3A2C06}
body.tema-2 .btn-gold:hover{background:#E7C75B;color:#2B2004}
body.tema-2 .btn-ghost{border-color:rgba(242,217,127,.6);color:#FFF3CB}
body.tema-2 .btn-ghost:hover{background:rgba(242,217,127,.16);color:#fff}
body.tema-2 .btn-ghost-dark{background:#FFFDF6;color:#2F5A1F;border-color:#DCCFAE}
body.tema-2 .btn-ghost-dark:hover{background:#F7F2E2;border-color:#DCAE45}
body.tema-2 .link-more{color:#3D6F27;letter-spacing:.08em}
body.tema-2 .link-more:hover{color:#A87A18}

/* ------------------------------ Sections ----------------------------- */
body.tema-2 .section-tint{background:var(--mist)}
body.tema-2 .section-paper{background:#FFFDF6}
body.tema-2 .eyebrow{color:#A87A18;letter-spacing:.2em}
body.tema-2 .eyebrow::before{background:#DCAE45;width:22px}

/* bagian judul dengan aksen padi */
body.tema-2 .section-head h2{position:relative;padding-bottom:10px}
body.tema-2 .section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;
  border-radius:2px;background:linear-gradient(90deg,#DCAE45,transparent)}

/* ----------------------------- Quick access -------------------------- */
body.tema-2 .quick-access{margin-top:-40px}
body.tema-2 .quick-card{background:#FFFDF6;border-color:#E2DAC2;border-bottom:2px solid #E8DDBB}
body.tema-2 .quick-card:hover{border-bottom-color:#DCAE45}
body.tema-2 .quick-ico{background:#F3EEDC;border-color:#E2DAC2;font-size:19px}
body.tema-2 .quick-card strong{color:#2F5A1F}

/* ------------------------------- Kartu ------------------------------- */
body.tema-2 .panel,body.tema-2 .info-card,body.tema-2 .aside-card,
body.tema-2 .news-card,body.tema-2 .news-feature,body.tema-2 .news-mini,
body.tema-2 .person-card,body.tema-2 .scene-card,body.tema-2 .program-card,
body.tema-2 .complaint-item,body.tema-2 .complaint-card,body.tema-2 .mq-card,
body.tema-2 .stat-card,body.tema-2 .article,body.tema-2 .geo-item{
  background:#FFFDF6;border-color:#E2DAC2;
}
body.tema-2 .info-card::before{background:linear-gradient(90deg,#DCAE45,#EFE3BE 60%,transparent)}
body.tema-2 .stat-ico{background:#F3EEDC;border-color:#E2DAC2}
body.tema-2 .stat-card.green{border-top-color:#4E8A31}
body.tema-2 .stat-card.gold{border-top-color:#DCAE45}
body.tema-2 .bar-track{background:#EDE8D6}
body.tema-2 .bar-track i{background:linear-gradient(90deg,#4E8A31,#7FB84F)}
body.tema-2 .bar-track.gold i{background:linear-gradient(90deg,#C79A2E,#E7C75B)}
body.tema-2 .donut-hole{background:#FFFDF6}

/* ------------------------------- Berita ------------------------------ */
body.tema-2 .chip{background:#F2D97F;border-color:#DCAE45;color:#3A2C06}
body.tema-2 .news-feature-body time,body.tema-2 .news-card-body time,
body.tema-2 .news-mini time{color:#A87A18}
body.tema-2 .news-feature-body h3 a,body.tema-2 .news-card-body h3 a,
body.tema-2 .news-mini h4 a{color:#24401A}
body.tema-2 .img-placeholder{background:linear-gradient(140deg,#EDF2DF,#D9E6C2);color:#4E8A31}
body.tema-2 .aside-card h3{border-bottom-color:#E2DAC2}
body.tema-2 .archive-list a{border-left-color:#E2DAC2}
body.tema-2 .archive-list a:hover{border-left-color:#DCAE45}

/* ------------------------------ Pengaduan ---------------------------- */
body.tema-2 .pill{background:#F3EEDC;border-color:#E2DAC2;color:#3D6F27}
body.tema-2 .reply-box{background:#F1F5E4;border-left-color:#4E8A31}
body.tema-2 .status-chip{background:#FBF0D2;color:#7A5A0E}
body.tema-2 .status-chip.done{background:#E7F0D6;color:#2F5A1F}

/* -------------------------------- Tabel ------------------------------ */
body.tema-2 .data-table thead th{background:#F1EBD6;color:#3D6F27}
body.tema-2 .data-table tfoot th{background:#F7F2E0}
body.tema-2 .data-table tbody tr:hover{background:#FBF7E9}
body.tema-2 .total-chip{background:#F1EBD6;border-color:#E2DAC2;color:#2F5A1F}
body.tema-2 .table-wrap{border-color:#E2DAC2}

/* -------------------------------- Tabs ------------------------------- */
body.tema-2 .year-tabs a,body.tema-2 .filter-tabs a{background:#FFFDF6;border-color:#E2DAC2;color:#3D6F27}
body.tema-2 .year-tabs a.is-active,body.tema-2 .filter-tabs a.is-active{
  background:linear-gradient(135deg,#3D6F27,#2F5A1F);border-color:#2F5A1F;color:#fff}

/* ------------------------------ Perangkat ---------------------------- */
body.tema-2 .person-role{color:#4E8A31}
body.tema-2 .person-contact a{background:#F3EEDC;border-color:#E2DAC2;color:#2F5A1F}
body.tema-2 .person-contact a.wa{background:#25D366;border-color:#25D366;color:#fff}
body.tema-2 .badge-hadir{background:#3D6F27}
body.tema-2 .badge-sebagian{background:#A87A18}
body.tema-2 .badge-izin{background:#3F5E7A}
body.tema-2 .badge-sakit{background:#A95F22}
body.tema-2 .badge-alpa{background:#8F3423}

/* ------------------------ Karakter & potensi ------------------------- */
body.tema-2 .scene-card{border-bottom:3px solid #E8DDBB}
body.tema-2 .scene-card:hover{border-bottom-color:#DCAE45}
body.tema-2 .scene-art{background:#EDF2DF}

/* ------------------------------ Page hero ---------------------------- */
body.tema-2 .page-hero{
  background:
    linear-gradient(100deg,rgba(24,40,16,.95) 0%,rgba(40,66,26,.9) 55%,rgba(78,120,48,.62) 100%),
    url("karakter/pertanian.svg");
  background-size:cover,cover;background-position:center,center 42%;background-repeat:no-repeat;
  border-bottom:3px solid #DCAE45;
}
body.tema-2 .page-hero::after{background:radial-gradient(520px 200px at 92% 0,rgba(242,217,127,.2),transparent 70%)}
body.tema-2 .crumbs a{color:#F2D97F}

/* ------------------------------- Footer ------------------------------ */
body.tema-2 .site-footer{background:#22401A;color:#C4D5B0;background-image:
  radial-gradient(600px 240px at 88% 0,rgba(242,217,127,.1),transparent 70%)}
body.tema-2 .footer-col h4{color:#F2D97F}
body.tema-2 .footer-col a,body.tema-2 .footer-col ul{color:#C4D5B0}
body.tema-2 .footer-col a:hover{color:#fff}
body.tema-2 .footer-brand p{color:#A9BF95}
body.tema-2 .footer-motto{color:#F2D97F}
body.tema-2 .contact-list li{color:#C4D5B0}
body.tema-2 .footer-bottom{border-top-color:rgba(255,255,255,.12);color:#96AC83}

/* --------------------------------- Map ------------------------------- */
body.tema-2 .map-section{background:#FFFDF6;border-top-color:#E2DAC2}
body.tema-2 .map-compact{background:#F7F2E2;border-color:#E2DAC2}

/* ------------------------------- Absen ------------------------------- */
body.tema-2 .clock-card strong{color:#2F5A1F}
body.tema-2 .window-list li{background:#F3EEDC}
body.tema-2 .window-list li.is-now{background:#E7F0D6;box-shadow:inset 0 0 0 1px #C9DCA9}
body.tema-2 .choice input:checked+span{background:linear-gradient(135deg,#3D6F27,#2F5A1F)}
body.tema-2 .pick-card.is-active{background:#F1F6E3;border-color:#4E8A31}
body.tema-2 .status-choice{background:#FBF7E9;border-color:#E2DAC2}
body.tema-2 .holiday-date{background:#FBF0D2;color:#7A5A0E}

/* ------------------------------- Lain-lain --------------------------- */
body.tema-2 .notice-strip{background:#FFFDF6;border-color:#E2DAC2;border-left-color:#DCAE45}
body.tema-2 .notice-warn{background:#FBF0D2}
body.tema-2 .alert{border-left-color:#4E8A31;background:#F1F6E3;color:#2F5A1F}
body.tema-2 .alert-err{border-left-color:#A53A2A;background:#FBF0EA;color:#7A2A1C}
body.tema-2 .cta-banner{background:linear-gradient(120deg,#2F5A1F,#4E8A31 70%,#6E9B3C)}
body.tema-2 .cta-banner h2{color:#fff}
body.tema-2 .cta-banner::after{border-color:rgba(242,217,127,.35)}
body.tema-2 input[type=text],body.tema-2 input[type=tel],body.tema-2 input[type=email],
body.tema-2 input[type=password],body.tema-2 input[type=number],body.tema-2 input[type=date],
body.tema-2 input[type=month],body.tema-2 input[type=search],body.tema-2 select,body.tema-2 textarea{
  background:#FFFDF8;border-color:#E2DAC2;
}
body.tema-2 input:focus,body.tema-2 select:focus,body.tema-2 textarea:focus{
  border-color:#4E8A31;box-shadow:0 0 0 3px rgba(78,138,49,.12)}
body.tema-2 .qr-box{background:#fff;border-color:#E2DAC2}
body.tema-2 .vm-card{border-left-color:#DCAE45;background:#FFFDF6}
body.tema-2 .vm-card h4{color:#A87A18}
body.tema-2 .sambutan-photo::after{border-color:#DCAE45}
body.tema-2 .article-lead{border-left-color:#DCAE45;color:#2F5A1F}
body.tema-2 .article-body p{color:#2A3A1E}
body.tema-2 .timeline li::before{background:#DCAE45;box-shadow:0 0 0 3px #F7F2E2}
body.tema-2 .geo-item span{color:#A87A18}
body.tema-2 .geo-item strong{color:#2F5A1F}
body.tema-2 .empty-state{background:#FFFDF6;border-color:#DDD4BC}
body.tema-2 .doc-badge{background:#F3EEDC;border-color:#E2DAC2;color:#3D6F27}
body.tema-2 .progress{background:#EDE8D6}
body.tema-2 .progress i{background:linear-gradient(90deg,#C79A2E,#E7C75B)}
body.tema-2 .marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
body.tema-2 .mq-body strong{color:#2F5A1F}
body.tema-2 .prose p{color:#2A3A1E}

/* aksen dekoratif: pembatas padi */
body.tema-2 .section-paper .section-head::after{
  content:"";display:block;width:100%;height:1px;margin-top:16px;
  background:repeating-linear-gradient(90deg,#DCAE45 0 14px,transparent 14px 28px);opacity:.35}

@media (max-width:860px){
  body.tema-2 .hero{background-position:center, 70% 40%}
  body.tema-2 .nav-list a{border-bottom-color:#E2DAC2}
  body.tema-2 .nav-list a.is-active{background:rgba(255,255,255,.16);border-left-color:#F2D97F}
}