/*
Theme Name: Astra Child - YKMSD
Theme URI: https://kesmassahabatdhuafa.com/
Description: Child theme Astra untuk Yayasan Kesehatan Masyarakat Sahabat Dhuafa (YKMSD). Membawa warna brand, font, dan style dasar (tombol, badge, section) agar konsisten dipakai di seluruh halaman lewat Elementor.
Author: YKMSD
Template: astra
Version: 1.0.0
Text Domain: astra-child-ykmsd
*/

/* ==========================================================
   1. VARIABEL WARNA & FONT BRAND YKMSD
   Warna ini otomatis tersedia untuk dipakai di CSS custom
   manapun di situs (termasuk widget HTML Elementor).
   ========================================================== */
:root{
  --ykmsd-ink:#1c1520;
  --ykmsd-ink-soft:#4a4050;
  --ykmsd-magenta:#8e2470;
  --ykmsd-magenta-deep:#6c1a56;
  --ykmsd-magenta-light:#b23d93;
  --ykmsd-coral:#ef5b54;
  --ykmsd-gold:#c0973f;
  --ykmsd-gold-soft:#e6cd94;
  --ykmsd-paper:#fbf6ee;
  --ykmsd-paper-2:#f3ead9;
  --ykmsd-line:#e4d6bc;
  --ykmsd-white:#fffdf9;
}

/* ==========================================================
   2. FONT DASAR SITUS
   ========================================================== */
body, p, li, a, span, div{
  font-family: 'Plus Jakarta Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Fraunces', serif;
  font-weight: 600;
  color: var(--ykmsd-ink);
}

body{
  background: var(--ykmsd-paper);
  color: var(--ykmsd-ink);
}

a{
  color: var(--ykmsd-magenta);
}
a:hover{
  color: var(--ykmsd-magenta-deep);
}

/* ==========================================================
   3. UTILITY CLASS SIAP PAKAI
   Tinggal tambahkan class ini di widget Elementor mana pun
   (lewat panel Advanced > CSS Classes) tanpa perlu widget HTML.
   ========================================================== */

/* Badge eyebrow kecil di atas judul */
.ykmsd-eyebrow{
  font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ykmsd-magenta); display:inline-flex; align-items:center; gap:10px;
}
.ykmsd-eyebrow::before{
  content:""; width:22px; height:2px; background:var(--ykmsd-coral);
  display:inline-block; border-radius:2px;
}

/* Tombol primary (magenta solid) */
.ykmsd-btn-primary{
  display:inline-flex !important; align-items:center; gap:8px;
  background:var(--ykmsd-magenta) !important;
  color:var(--ykmsd-white) !important;
  padding:14px 26px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  box-shadow:0 12px 24px -10px rgba(142,36,112,0.55);
  border:none !important;
  transition:transform .18s ease, background .18s ease;
}
.ykmsd-btn-primary:hover{
  background:var(--ykmsd-magenta-deep) !important;
  transform:translateY(-2px);
  color:var(--ykmsd-white) !important;
}

/* Tombol outline (garis hitam) */
.ykmsd-btn-outline{
  display:inline-flex !important; align-items:center; gap:8px;
  background:transparent !important;
  color:var(--ykmsd-ink) !important;
  padding:14px 26px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  border:1.5px solid var(--ykmsd-ink) !important;
  transition:transform .18s ease, background .18s ease;
}
.ykmsd-btn-outline:hover{
  background:var(--ykmsd-ink) !important;
  color:var(--ykmsd-white) !important;
  transform:translateY(-2px);
}

/* Kartu putih dengan bayangan (untuk foto/program/quote) */
.ykmsd-card{
  background:var(--ykmsd-white);
  border-radius:20px;
  padding:26px;
  box-shadow:0 20px 50px -20px rgba(28,21,32,0.25);
}

/* Kartu dengan border tipis (untuk program/testimoni) */
.ykmsd-card-outline{
  background:var(--ykmsd-white);
  border:1px solid var(--ykmsd-line);
  border-radius:18px;
  padding:28px 24px;
}

/* Badge pill kecil (mis. "Sedang Dibangun", "Program Unggulan") */
.ykmsd-badge{
  display:inline-block;
  background:var(--ykmsd-coral);
  color:var(--ykmsd-white);
  font-size:12.5px; font-weight:700;
  padding:8px 16px;
  border-radius:999px;
}
.ykmsd-badge-outline{
  display:inline-block;
  background:var(--ykmsd-paper-2);
  color:#8a6b1f;
  border:1px solid var(--ykmsd-gold-soft);
  font-size:11px; font-weight:700;
  padding:5px 10px;
  border-radius:999px;
}

/* Band donasi/wakaf (gradasi magenta-coral) */
.ykmsd-band-magenta{
  background:linear-gradient(135deg, var(--ykmsd-magenta-deep), var(--ykmsd-magenta) 55%, var(--ykmsd-coral) 130%);
  color:var(--ykmsd-white);
  border-radius:28px;
  padding:56px;
}
.ykmsd-band-magenta h2, .ykmsd-band-magenta h3{ color:var(--ykmsd-white) !important; }

/* Section dengan background gelap (mis. section statistik) */
.ykmsd-section-dark{
  background:var(--ykmsd-ink);
  color:var(--ykmsd-paper);
  padding:80px 24px;
}
.ykmsd-section-dark h2{ color:var(--ykmsd-white) !important; }

/* Section background krem kedua (untuk selang-seling antar section) */
.ykmsd-section-alt{
  background:var(--ykmsd-paper-2);
}

@media (max-width: 767px){
  .ykmsd-band-magenta{ padding:36px 24px; }
  .ykmsd-section-dark{ padding:56px 20px; }
}