/* ========= PALET WARNA (Light & Dark) ========= */
    :root{
      --brand-1:#0a7a55;   /* hijau utama */
      --brand-2:#0fbf74;   /* hijau aksen */
      --accent-1:#0f5fbd;  /* biru aksen */
      --accent-2:#b16aea;  /* ungu lembut */
      --bg:#f6f9f7;
      --ink:#0b1217;
      --card:#ffffff;
      --ring: 0 0 0 .2rem rgba(10,122,85,.25);
    }
    [data-bs-theme="dark"]{
      --brand-1:#20c997;
      --brand-2:#66d19e;
      --accent-1:#69a2ff;
      --accent-2:#d0a7ff;
      --bg:#0e1116;
      --ink:#e7eef5;
      --card:#141a21;
      --ring: 0 0 0 .2rem rgba(32,201,151,.25);
    }

    /* ========= GLOBAL ========= */
    body{background:var(--bg); color:var(--ink)}
    .shadow-soft{box-shadow:0 10px 30px rgba(10,122,85,.08)}
    .btn-brand{
      background:linear-gradient(135deg,var(--brand-1),var(--brand-2));
      border:0; color:#fff;
    }
    .btn-brand:hover{opacity:.95;color:#fff}
    .badge-soft{
      color:color-mix(in srgb, var(--brand-1) 70%, #111 30%);
      background:color-mix(in srgb, var(--brand-2) 15%, transparent 85%);
      border:1px solid color-mix(in srgb, var(--brand-2) 25%, transparent 75%);
    }
    .card{
      border:1px solid color-mix(in srgb, var(--brand-1) 10%, #999 5%, transparent 85%);
      background:var(--card)
    }

    /* Link artikel adaptif (ganti link-dark) */
    .link-article{
      color:var(--ink);
      text-decoration:none;
      transition:color .2s;
    }
    .link-article:hover{
      color:var(--brand-1);
      text-decoration:underline;
    }

    .article-thumb{width:auto;height:200px;object-fit:cover;border-radius:12px;border:1px solid color-mix(in srgb, var(--brand-1) 20%, transparent 80%)}
    @media (max-width:576px){ .article-thumb{width:auto;height:150px}}

    /* ========= NAVBAR ========= */
    .navbar{background:var(--card); box-shadow:0 8px 24px rgba(0,0,0,.05)}
    .navbar-brand{font-weight:800; color:var(--brand-1)}
    .nav-link{font-weight:700}
    .nav-link:hover{color:var(--brand-1)}

    /* ========= HERO ========= */
    .hero{
      background: radial-gradient(1200px 600px at 10% 0%,
                 color-mix(in srgb, var(--brand-2) 40%, transparent) 0%,
                 transparent 60%),
                 linear-gradient(135deg,
                 color-mix(in srgb, var(--brand-1) 92%, #000 0%) ,
                 color-mix(in srgb, var(--brand-2) 92%, #000 0%));
      color:#fff;
    }
    .hero .lead{color:#eafff3}

    /* ========= SLICK POSTER ========= */
    .poster-card{
      aspect-ratio: 905 / 1280;            /* jaga rasio poster */
      border-radius: 16px;
      border: 1px solid color-mix(in srgb, var(--brand-1) 22%, transparent 78%);
      background: color-mix(in srgb, var(--accent-2) 10%, transparent 90%);
      overflow: hidden;
      display: grid;
      place-items: center;
      box-shadow: 0 8px 24px rgba(0,0,0,.08);
      margin: 10px;
    }
    .poster-card img{width:100%;height:100%;object-fit:contain;}
    .poster-slick .slick-slide{outline:none;}

    /* Panah Slick - LIGHT & tidak kepotong di mobile */
    .poster-slick .slick-prev,
    .poster-slick .slick-next {
      width: 36px;
      height: 36px;
      background: rgba(255,255,255,0.85);
      border: 1px solid rgba(0,0,0,0.2);
      border-radius: 50%;
      z-index: 5;
      transition: background .25s ease, transform .2s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,.12);
    }
    .poster-slick .slick-prev:hover,
    .poster-slick .slick-next:hover { background:#fff; transform:scale(1.06); }
    .poster-slick .slick-prev:before,
    .poster-slick .slick-next:before { color:var(--brand-1); opacity:1; font-size:18px; line-height:1; }
    .poster-slick .slick-prev{ left:8px; }
    .poster-slick .slick-next{ right:8px; }
    @media (max-width:576px){
      .poster-slick .slick-prev,
      .poster-slick .slick-next{ width:32px;height:32px; }
      .poster-slick .slick-prev{ left:4px; }
      .poster-slick .slick-next{ right:4px; }
    }
    .poster-slick .slick-prev:focus,
    .poster-slick .slick-next:focus{ outline:none; box-shadow:0 0 0 .2rem rgba(10,122,85,.25) }

    /* Dots hijau */
    .poster-slick .slick-dots li button:before{
      color: color-mix(in srgb, var(--brand-1) 90%, #fff 10%);
      opacity: .35;
    }
    .poster-slick .slick-dots li.slick-active button:before{ opacity:.95; }

    /* ========= AUDIO ========= */
    .audio-row{border:1px solid color-mix(in srgb, var(--brand-1) 15%, transparent 85%);
      border-radius:12px;padding:12px;background:var(--card)}

    /* ========= FOOTER ========= */
    footer{background: color-mix(in srgb, var(--brand-1) 75%, #072 25%); color:#fff}
    footer, footer p, footer strong, footer .text-light-emphasis, footer a{
      color: #fff !important; /* selalu putih */
    }
    footer a{text-decoration:none}
    footer a:hover{text-decoration:underline}

    /* ========= FOCUS ========= */
    .btn:focus, .form-control:focus, .nav-link:focus, .navbar-toggler:focus { box-shadow: var(--ring); }
  

/* ---- extra archive utilities ---- */

/* Utilities for WP templates */
.shadow-soft{ box-shadow:0 .25rem 1rem rgba(0,0,0,.06); }
.card .chip{ display:inline-block; padding:.25rem .5rem; background:rgba(15,95,189,.08); border:1px solid rgba(15,95,189,.18); border-radius:999px; font-size:.8rem; }
.btn-brand{ --bs-btn-color:#fff; --bs-btn-bg:var(--brand-1,#0a7a55); --bs-btn-border-color:var(--brand-1,#0a7a55); --bs-btn-hover-bg:#096a49; --bs-btn-hover-border-color:#096a49; }
.article-thumb{ border-radius:.75rem; }
.content .arabic{ font-size:1.5rem; line-height:2.2; text-align:right; font-family: 'Amiri', serif; }
.state-badge{ display:inline-block; padding:.35rem .6rem; border-radius:.5rem; font-weight:600; }
.state-upcoming{ background:rgba(13,110,253,.1); color:#0d6efd; border:1px solid rgba(13,110,253,.2); }
.state-past{ background:rgba(108,117,125,.1); color:#6c757d; border:1px solid rgba(108,117,125,.2); }
.navbar .navbar-toggler{ border:1px solid rgba(10,122,85,.35); }