/* ============================================================
   skorika.com — css/tema-anggur.css
   LATAR HERO ANGGUR — 16 Okt 2026, permintaan Richar.

   BERLAKU HANYA di beranda (index.php, <body class="tema-anggur">),
   dan HANYA di area hero (<div class="hero-latar"> pembungkus <main>).
   Bilah atas dan footer tetap biru tua dari tema.css.

   Hero: latar gambar gradien anggur, semua isinya putih — judul,
   subjudul, tombol, chip angka, dan baris contoh sesi. Kartu "Join a
   session" sudah putih, isinya dibiarkan seperti tema.css.

   Dimuat SESUDAH tema.css, TEPAT SEBELUM logo.css. Selektor diawali
   body.tema-anggur supaya menang dari tema.css tanpa !important.
   ============================================================ */

body.tema-anggur .hero-latar{
  --teks:#FFFFFF; --teks-dim:#FFFFFF; --teks-dim2:#FFFFFF; --line:rgba(255,255,255,.55);
  /* 17 Okt 2026 — hero setinggi layar seperti magnific.com (footer hanya
     mengintip 56px), latar SATU lapis: foto lanskap padang merah
     img/latar-hero3.jpg. Foto orang, gradien lama, dan lapisan gelap
     sudah dibuang (permintaan Richar). */
  position:relative;
  min-height:calc(100vh - 56px);min-height:calc(100svh - 56px);
  display:flex;flex-direction:column;
  /* Beranda TETAP lanskap penuh (img/latar-hero3.jpg). Latar air polos (latar-polos.jpg) hanya untuk halaman lain — permintaan Richar 17 Okt 2026. */
  background:#480E24 url(../img/latar-hero3.jpg) center/cover no-repeat;
  color:#FFFFFF;
}
/* Isi hero mengisi sisa tinggi dan duduk di tengah secara vertikal. */
body.tema-anggur .hero-latar .main{flex:1;align-content:center;align-items:center;width:100%}

/* Bilah atas — 16 Okt 2026, ikut acuan magnific.com (tanpa kotak
   pencarian): transparan di atas gradien, logo & menu putih bobot
   biasa, "Sign in" tulisan polos, "Sign up" tombol putih tulisan gelap.
   Berlaku juga untuk tombol yang disuntikkan skrip navActions saat
   pengguna sudah masuk (Reports + Open dashboard). */
body.tema-anggur header{
  --teks:#FFFFFF; --logo-ink:#FFFFFF; --logo-dot:#480E24;
  background:transparent;border-bottom:0}
body.tema-anggur header .brand{color:#FFFFFF;--mark-dot:#480E24}
body.tema-anggur header .nav-links a,
body.tema-anggur header .nav-link-plain{color:#FFFFFF;font-weight:500}
body.tema-anggur header .nav-links a:hover,
body.tema-anggur header .nav-link-plain:hover{color:rgba(255,255,255,.75)}
body.tema-anggur header .btn-ghost{background:transparent;color:#FFFFFF;box-shadow:none;font-weight:500}
body.tema-anggur header .btn-ghost:hover{color:rgba(255,255,255,.75)}
body.tema-anggur header .btn-primary{background:#F5F5F5;color:#1A1A1A;border-radius:8px;font-weight:500}
body.tema-anggur header .btn-primary:hover{background:#FFFFFF}

/* Judul & subjudul: putih semua, termasuk "really learned". */
body.tema-anggur .hero-latar h1,
body.tema-anggur .hero-latar h1 mark,
body.tema-anggur .hero-latar .lede{color:#FFFFFF}

/* Tombol: "Sign up" putih padat bertulisan biru tua; "Browse" garis putih. */
body.tema-anggur .hero-latar .cta .btn-primary{background:#FFFFFF;color:#0B2545}
body.tema-anggur .hero-latar .cta .btn-primary:hover{background:#F1F1F1}
body.tema-anggur .hero-latar .cta .btn-ghost{background:transparent;color:#FFFFFF;
  box-shadow:inset 0 0 0 1px #FFFFFF}
body.tema-anggur .hero-latar .cta .btn-ghost:hover{background:rgba(255,255,255,.12)}

/* Chip angka. */
body.tema-anggur .hero-latar .chip{border-color:rgba(255,255,255,.55);color:#FFFFFF}
body.tema-anggur .hero-latar .chip b{color:#FFFFFF}

/* Baris contoh sesi di bawah kartu. Titik kuning "sebentar lagi"
   dipertahankan supaya dua status tetap bisa dibedakan. */
body.tema-anggur .hero-latar .next{color:#FFFFFF}
body.tema-anggur .hero-latar .next .d{background:#FFFFFF}
body.tema-anggur .hero-latar .next .d.w{background:#FFB25E}

/* Kartu "Join a session" — 16 Okt 2026, diselaraskan dengan latar:
   tetap putih, tetapi semua aksen biru diganti anggur dari gambar latar
   (#480E24 sudut atas, #7E293A tengah), teks netral gelap seperti
   tombol "Sign up" di bilah atas, sudut 8px sama dengan tombol itu. */
body.tema-anggur .hero-latar .card{
  border-color:transparent;border-radius:12px;box-shadow:0 24px 60px rgba(40,6,20,.35)}
body.tema-anggur .hero-latar .card h2{color:#1A1A1A}
body.tema-anggur .hero-latar .card .sub,
body.tema-anggur .hero-latar .card .browse{color:#6B5A60}
body.tema-anggur .hero-latar .tab{background:#F8E6EB;color:#7E293A;border-radius:6px}
body.tema-anggur .hero-latar .tab .d{background:#7E293A}
body.tema-anggur .hero-latar .pin-cell{
  background:#FAF6F7!important;border:1px solid #E6D3D9!important;color:#1A1A1A;border-radius:8px}
body.tema-anggur .hero-latar .pin-cell:focus{
  border-color:#7E293A!important;box-shadow:0 0 0 3px rgba(126,41,58,.18)!important}
/* 16 Okt 2026: anggur tua #5A1530 diseragamkan ke anggur merek #AC2849 —
   warna yang sama dengan tombol di kartu lain (Next, Sign In, Start). */
body.tema-anggur .hero-latar .join-btn{background:#AC2849;color:#FFFFFF;border-radius:8px}
body.tema-anggur .hero-latar .join-btn:hover{background:#8A2340}
body.tema-anggur .hero-latar .browse a{color:#7E293A}

/* Garis batas hero–footer: putih (dulu biru aksen dari tema.css). */
body.tema-anggur .foot-band{border-top-color:#FFFFFF}