/*
Theme Name: Astra Child KusenLengkung
Template: astra
Description: Child theme Astra untuk KusenLengkung.com — palet navy #0f3d6e + amber #f59e0b, konsisten dengan landing statis.
Version: 1.1.0
*/

/* ------------------------------------------------------------------
   1. SLOT PALET ASTRA — perbaikan 20 Okt 2026
   Slot 4 di Astra BUKAN warna aksen, tapi LATAR (header bar, kartu
   pos, area komentar, input, bar copyright). Sebelumnya slot 4 diisi
   amber #f59e0b sehingga seluruh halaman jadi kuning di HP.
   Amber kini hanya muncul lewat aturan tombol/tautan di bawah —
   sama seperti landing statis kusenlengkung.com.
   ------------------------------------------------------------------ */
:root{
  --ast-global-color-0:#0f3d6e;   /* aksen utama: link, tombol blok  */
  --ast-global-color-1:#0a2c50;   /* hover gelap                      */
  --ast-global-color-2:#1f2937;   /* teks utama                       */
  --ast-global-color-3:#64748b;   /* teks sekunder                    */
  --ast-global-color-4:#ffffff;   /* LATAR: header, kartu, input      */
  --ast-global-color-5:#f6f8fb;   /* latar alternatif                 */
  --ast-global-color-6:#0a1e36;   /* pita footer                      */
  --ast-global-color-7:#e2e8f0;   /* garis/border (sama dgn --line)   */
}

/* ------------------------------------------------------------------
   2. Dasar teks — 16px nyaman dibaca di HP dan laptop
   Astra memaksa html ke 91.2% pada layar <=921px sehingga teks HP
   hanya 14,6px. Dikembalikan ke 100% seperti landing statis.
   ------------------------------------------------------------------ */
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  line-height:1.65;
  color:#1f2937;
  background:#ffffff;
  -webkit-font-smoothing:antialiased;
}
@media (max-width:921px){ html{font-size:100%} }
@media (max-width:544px){ html{font-size:100%} }

.ast-container{max-width:1120px}
h1,h2,h3,h4{color:#0f3d6e;font-weight:800;line-height:1.25}
a{color:#0f3d6e;text-decoration:none}
/* Hover pakai amber tua #b45309 (5,02:1 di putih) — #f59e0b hanya 2,15:1 */
a:hover{color:#b45309}
.entry-title a:hover{color:#b45309}

/* ------------------------------------------------------------------
   3. Kartu pos — meniru .card landing: putih, border tipis, radius 14
   ------------------------------------------------------------------ */
.ast-article-inner,
.ast-separate-container .ast-article-inner{
  background:#ffffff !important;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:26px;
  box-shadow:0 2px 10px rgba(15,61,110,.05);
  transition:border-color .15s, box-shadow .15s;
}
/* Spesifisitas ditiru dari Astra (.blog .ast-article-post .ast-article-inner
   = 0,3,0) supaya radius 14px menang atas aturan 6px bawaan. */
.blog .ast-article-post .ast-article-inner,
.archive .ast-article-post .ast-article-inner{
  border-radius:14px;
  overflow:hidden;
}
.blog .ast-article-post .ast-article-inner:hover,
.archive .ast-article-post .ast-article-inner:hover{
  border-color:#f59e0b;
  box-shadow:0 8px 20px rgba(15,61,110,.12);
}
.entry-title{color:#0f3d6e;font-weight:800;line-height:1.3}
.entry-title a{color:#0f3d6e}
.entry-meta,.entry-footer,.post-meta{color:#64748b;font-size:.9rem}
.ast-article-inner p{color:#334155}
.blog-layout-4 .ast-article-inner .post-thumb,
.ast-article-inner .post-thumbnail img{border-radius:10px}
.post-thumbnail img{border-radius:12px}

/* ------------------------------------------------------------------
   4. Header putih seperti landing (dikunci eksplisit, bukan cuma var)
   ------------------------------------------------------------------ */
.ast-primary-header-bar{background:#ffffff !important;border-bottom:1px solid #e2e8f0}
.site-title,.site-title a{color:#0f3d6e}
.site-title a{font-weight:800}
.main-header-menu a{color:#1f2937;font-weight:600}
.main-header-menu a:hover,.main-header-menu .current-menu-item>a{color:#b45309}

/* ------------------------------------------------------------------
   5. Aksen amber — tombol, sama seperti .btn-amber di landing
   ------------------------------------------------------------------ */
.ast-button,.wp-block-button__link,input[type=submit],button[type=submit]{
  background:#f59e0b;color:#1a1206;border-radius:8px;font-weight:700;
  border:0;padding:12px 24px;cursor:pointer;
}
.ast-button:hover,.wp-block-button__link:hover{background:#fbbf24;color:#1a1206}

/* ------------------------------------------------------------------
   6. Footer navy menyambung — bar copyright ikut slot 4, dikunci navy
   ------------------------------------------------------------------ */
.site-footer{background:#0a1e36;color:#cbd5e1;padding:32px 0}
.site-below-footer-wrap{
  background:#0a1e36 !important;
  border-top-color:rgba(255,255,255,.10) !important;
}
.site-footer a{color:#94a3b8}
.site-footer a:hover{color:#fbbf24}
.ast-footer-copyright p{color:#94a3b8;font-size:.88rem}

/* ------------------------------------------------------------------
   7. Kenyamanan baca isi artikel + elemen pendukung
   ------------------------------------------------------------------ */
.entry-content{line-height:1.75}
.single .entry-content{max-width:760px}
/* Kartu artikel tunggal — supaya sama rapinya dgn kartu di daftar blog
   dan dgn .card landing (putih, border, radius 14, shadow halus) */
body.single .ast-article-post,
body.single article.post{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  box-shadow:0 2px 10px rgba(15,61,110,.05);
}
body.single .post-thumbnail img{border-radius:10px;margin-bottom:14px}
.single .entry-content p{color:#1f2937}
.entry-content h2,.entry-content h3{color:#0f3d6e}
.entry-content ul,.entry-content ol{color:#1f2937}
.entry-content a{color:#0f3d6e;text-decoration:underline}
blockquote,.wp-block-quote{
  border-left:4px solid #f59e0b;background:#f6f8fb;color:#1f2937;
  padding:14px 18px;border-radius:0 10px 10px 0;
}
.ast-archive-description{background:#f6f8fb;border-bottom:1px solid #e2e8f0}
.wp-block-search__inside-wrapper .wp-block-search__input,
input[type=text],input[type=email],input[type=url],textarea{
  background:#ffffff !important;color:#1f2937;border:1px solid #e2e8f0;
}
.comments-area,.ast-comment-form-wrapper{background:#ffffff !important}
.wp-block-code,.wp-block-pre{background:#f6f8fb;color:#1f2937;border:1px solid #e2e8f0}
table{border-color:#e2e8f0}
.site-header{background:#ffffff}