/*
 | Lapisan warna tema AFP (tosca) untuk halaman mirror tamu.
 |
 | MENGAPA BERKAS INI ADA
 |
 | Halaman tamu (beranda, register, lite, promosi-v2) bukan Blade melainkan
 | cuplikan HTML mentah di resources/mirror/*.html. Cuplikan itu diambil dari
 | situs bertema EMAS, sehingga warnanya ikut terbawa dalam blok <style> yang
 | tertanam di dalam HTML-nya sendiri - bukan di berkas tema.
 |
 | Akibatnya sakelar tema tidak pernah bisa mengubahnya: bundel Vite disisipkan
 | di posisi <link> PERTAMA (HomeController::bundleLocalCssIntoVite), yaitu di
 | <head>, sementara blok <style> emas itu berada jauh setelahnya. Berapa pun
 | isi bundelnya, cascade selalu dimenangkan blok yang belakangan.
 |
 | Berkas ini disisipkan tepat sebelum </body> oleh
 | HomeController::injectThemeOverride(), jadi ia satu-satunya lapisan yang
 | berada SETELAH seluruh <style> mirror. Itu sebabnya !important dipakai di
 | hampir setiap aturan: lawannya juga !important.
 |
 | DARI MANA NILAINYA
 |
 | Bukan karangan. Setiap nilai diukur dengan Playwright dari situs rujukan pada
 | selector yang sama persis (getComputedStyle), lalu disalin apa adanya. Yang
 | tidak punya padanan di rujukan memakai palet yang sama dengan yang diukur.
 |
 | BATASNYA
 |
 | Hanya warna, gradien, dan bingkai. Teks, logo, nama situs, dan gambar konten
 | tetap milik OLXTOTO - lapisan ini sengaja tidak menyentuhnya, dan tidak
 | menarik satu pun aset dari host luar.
 |
 | Tema zy (emas) tidak punya berkas ini karena mirror-nya memang sudah emas;
 | penyisipnya melewati tema yang tidak menyediakannya.
 */

/* ------------------------------------------------------------------ *
 | Palet
 |
 | Diukur dari rujukan. Perhatikan bahwa rujukan BUKAN tosca seluruhnya:
 | panel dan menu bertosca, sedangkan tombol ajakan-bertindak dan garis tepi
 | tetap emas lembut (#e0be52). Itu ditiru, bukan diseragamkan jadi tosca.
 * ------------------------------------------------------------------ */
:root {
    --afp-tosca-terang: #17b4c2;
    --afp-tosca-gelap: #02595e;
    --afp-tosca-sedang: #049299;
    --afp-panel-gelap: #004246;
    --afp-panel-tergelap: #002527;
    --afp-kilau: #4affe7;
    --afp-garis: #078f96;
    --afp-emas-lembut: #e0be52;

    /* Gradien utama: dipakai menu samping, navbar, tombol popup, dan
       kelompok pencarian pasaran - sama seperti di rujukan. */
    --afp-gradien: linear-gradient(#17b4c2 0%, #02595e 30%, #049299);
    --afp-gradien-panel: linear-gradient(to right bottom, #004246, #002527);

    /* Emas yang DIPERTAHANKAN rujukan untuk tombol utama. Milik kita saat ini
       kuning menyala (#fff600 dsb.); ini versi rujukan yang lebih lembut. */
    --afp-gradien-tombol: linear-gradient(#ffec42 0%, #e99903 30%, #f7cb0b);
}

/* ================================================================== *
 | DESKTOP
 * ================================================================== */

/* Latar halaman.
 |
 | Mirror memakai BG-RABAN-*.webp - ilustrasi emas yang menutupi seluruh
 | halaman dan jadi penyumbang kesan emas terbesar (7,3 juta px2 terukur).
 | Digantikan latar milik tema afp sendiri, yang sudah ada di repo. */
body {
    background-image: url(/assets/img/afp/bg.jpg) !important;
}

/* Footer. Rujukan memakai gradien, bukan gambar - jadi ilustrasi footer emas
   kita cukup dilepas. */
body > footer#footer {
    background-image: var(--afp-gradien-panel) !important;
    border-top-color: var(--afp-emas-lembut) !important;
}

/* Bilah di bawah header. Mirror menempelkan LINER-RABAN-*.png (ornamen emas
   selebar layar). Rujukan tidak memakai gambar apa pun di sini, hanya panel
   gelap tembus pandang - jadi gambarnya dilepas, bukan ditukar. */
body > section.section.margin-top > .container {
    background-image: none !important;
    background-color: rgba(0, 16, 16, 0.6) !important;
}

/* Navbar. Rujukan memakai gambar sendiri di sini; karena itu aset milik mereka,
   dipakai gradien tosca dengan warna yang sama sebagai gantinya. */
body > .navbar.navbar-fixed-top {
    background-image: var(--afp-gradien) !important;
    background-color: transparent !important;
}

/* Isi navbar membawa GOLL2.gif (animasi emas). Dilepas agar gradien di atasnya
   terlihat utuh. */
body > .navbar.navbar-fixed-top .navbar-collapse {
    background-image: none !important;
}

/* Menu samping - permukaan tosca paling menonjol di rujukan. */
.blog-sidebar .nav.menu > li > a {
    background-image: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

.blog-sidebar .nav.menu > li > a:hover,
.blog-sidebar .nav.menu > li > a:focus {
    background-image: linear-gradient(#049299 0%, #17b4c2 60%, #049299) !important;
}

/* Ikon di dalam menu ikut emas lewat -webkit-linear-gradient + background-clip.
   Diberi warna datar supaya tetap terbaca di atas tosca. */
.blog-sidebar .nav.menu > li > a > i,
.blog-sidebar .nav.menu > li > a:hover > i {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--afp-emas-lembut) !important;
}

/* Panel hasil & berita di sidebar. */
.blog-sidebar .results {
    background-image: linear-gradient(to right bottom, #17b4c2 0%, #02595e 30%, #049299, #17b4c2) !important;
    border-color: var(--afp-emas-lembut) !important;
    box-shadow:
        inset 0 0 7px 0.5px var(--afp-garis),
        inset 0 2px 0 0 var(--afp-kilau),
        inset 0 0 0 2px var(--afp-garis),
        0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.blog-sidebar .results .news-detail {
    background-image: var(--afp-gradien-panel) !important;
    background-color: transparent !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

/* Korsel ikon permainan. */
#latest-results .owl-carousel,
#latest-results .owl-carousel.gameicon {
    border-color: var(--afp-emas-lembut) !important;
}

/* Blok "widget-about" dan tautan alternatif: judul dan bingkainya kuning
   menyala. Rujukan memakai emas lembut untuk teks di atas tosca. */
.widget-about h1,
.widget-about center > h1,
.link-alternatif-raban h1 strong,
.link-alternatif-raban h2 strong {
    color: var(--afp-emas-lembut) !important;
    border-top-color: var(--afp-emas-lembut) !important;
    border-bottom-color: var(--afp-emas-lembut) !important;
}

.widget-about #slide-left1 {
    border-top-color: var(--afp-emas-lembut) !important;
    border-bottom-color: var(--afp-emas-lembut) !important;
}

/* Menu sosial mengambang. */
#rajabandotSocialMenu,
.rajabandot-social {
    background-image: var(--afp-gradien) !important;
    box-shadow:
        inset 0 0 0 1px var(--afp-garis),
        inset 0 2px 0 0 rgba(0, 0, 0, 0.65),
        inset 0 4px 4px 2px var(--afp-tosca-terang) !important;
    border-right-color: var(--afp-emas-lembut) !important;
}

.rajabandot-toggle-btn {
    background: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

.rajabandot-toggle-btn:hover {
    background: var(--afp-tosca-sedang) !important;
}

.rajabandot-close-btn {
    border-color: var(--afp-emas-lembut) !important;
}

/* ================================================================== *
 | MOBILE
 * ================================================================== */

/* Wadah konten membawa MODE-MOBELE-RABAN-*.webp - latar emas seluas layar dan
   penyumbang emas terbesar di mobile (1,1 juta px2). Rujukan tidak menaruh
   gambar di sini sama sekali; latar datang dari <body>. */
.container.main.no-bottom {
    background-image: none !important;
}

/* Kepala halaman: rujukan memakai gradien hitam, bukan garis kuning. */
.page-header.smartb1,
.page-header.smartb1.shead {
    background-image: linear-gradient(#080808, #000) !important;
    border-bottom-color: var(--afp-emas-lembut) !important;
}

/* Jackpot progresif. Rujukan MEMPERTAHANKAN emas untuk angkanya (#ffdd00),
   jadi yang diganti hanya latarnya. */
.progresif-jackpot {
    background-image: var(--afp-gradien-panel) !important;
    border-color: #ffdd00 !important;
    color: #ffdd00 !important;
}

/* Notifikasi mengambang. */
#snackbar-mobile {
    background-image: var(--afp-gradien) !important;
    color: #fff !important;
}

footer .footer {
    border-top-color: #868686 !important;
}

/* Tombol tutup popup. */
#pop-up-wrapper button,
#pop-up-container #pop-up-wrapper > button {
    background-image: var(--afp-gradien) !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 5px 3px var(--afp-tosca-terang),
        inset 0 2px 0 0 #fff !important;
}

/* Panel hasil pada halaman mobile. */
.panel-blue .results,
#slider-hasil .results {
    background-image: linear-gradient(#005a5f 0%, #001a1b 100%) !important;
    border-color: var(--afp-emas-lembut) !important;
}

/* Kelompok pencarian pasaran. */
.grubsearchPasaran {
    background-image: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    box-shadow: inset 0 2px 0 0 var(--afp-emas-lembut) !important;
}

/* Kolom isian login. */
#navbar_username,
#navbar_password,
.form-input .form-group input {
    background-color: rgba(0, 0, 0, 0.69) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

/* Tombol "Daftar" hijau di mobile. Ini SATU-SATUNYA tombol yang rujukan
   biarkan emas - diukur, bukan diasumsikan. Yang berubah hanya rona: dari
   kuning menyala milik mirror ke emas rujukan yang lebih lembut. Warna latar
   datar dinolkan karena rujukan memakai gradien saja. */
.buttonWrap.button-green,
a.buttonWrap.buttong.button-green {
    background-color: transparent !important;
    background-image: var(--afp-gradien-tombol) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #1a1a1a !important;
    box-shadow:
        inset 0 0 0 1.5px #c48104,
        inset 0 1.5px 0 0 #ffe922 !important;
}

/* Teks berjalan. */
.container.main.no-bottom > marquee,
marquee {
    border-top-color: var(--afp-emas-lembut) !important;
    border-bottom-color: var(--afp-emas-lembut) !important;
}

/* Gambar togel di daftar pasaran. */
img.gambar-togel {
    background: var(--afp-tosca-sedang) !important;
    border-right-color: var(--afp-tosca-sedang) !important;
}

/* ================================================================== *
 | LAPIS KEDUA
 |
 | Sisa permukaan kuning yang masih terukur setelah lapis pertama, diurutkan
 | ulang dengan Playwright. Nilainya juga diambil dari rujukan pada selector
 | yang sama.
 |
 | CATATAN: `a.smartb2.sindex` dan `.list-menu-mobile > a` SENGAJA tidak ada di
 | sini. Keduanya memakai #ffbf27 di situs kita - dan pengukuran menunjukkan
 | rujukan memakai #ffbf27 juga. Itu bukan penyimpangan, jadi tidak diubah.
 * ------------------------------------------------------------------ */

/* --- Tombol utama --------------------------------------------------
 | Rujukan memakai gradien tosca 120 derajat di sini, BUKAN emas. Ini
 | mengoreksi dugaan awal saya bahwa tombol ajakan-bertindak tetap emas:
 | yang emas hanya tombol di header mobile, bukan tombol "Daftar" dan
 | "Login" di badan halaman. */
.sidebar-button a.btn.btn-theme,
#submitlogin,
div.row > form > button#submitlogin {
    background-color: transparent !important;
    background-image: linear-gradient(120deg, #049299, #17b4c2, #0ba0a8, #02595e, #049299, #17b4c2, #0ba0a8) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 1px var(--afp-garis),
        inset 0 2px 0 0 var(--afp-kilau) !important;
}

/* --- Desktop, sisa ------------------------------------------------- */

.blog-posts #slider {
    border-color: #fff !important;
}

.widget-about #slide-left1 {
    background-image: linear-gradient(149deg, #003844 -5%, #00737a 27%, #00c1de 39%, #00c1de 63%, #00737a 80%, #003844 100%) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

#result-slideshow .result-container .results-detail {
    background-image: var(--afp-gradien-panel) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

/* Daftar tautan bergaris kuning (menu bawah dan tab hitam). */
ul.blacktp > li > a {
    background-image: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

/* Kolom login desktop. Rujukan memakai isian TERANG di sini - berbeda dari
   mobile yang gelap - jadi keduanya dipisah lewat kelas grid Bootstrap yang
   hanya ada di tata letak desktop. */
.form-group.col-sm-2 > input#navbar_username,
.form-group.col-sm-2 > input#navbar_password {
    background-image: linear-gradient(#e8e8e8 0%, #fffbf5 30%, #f4f1ec 60%, #dbdbdb 90%) !important;
    border-color: #dbdbdb !important;
    color: #000 !important;
    box-shadow: none !important;
}

/* --- Mobile, sisa -------------------------------------------------- */

main .inner-wrap .panel-blue,
.inner-wrap > .panel-blue {
    background-image: none !important;
    background-color: var(--afp-panel-gelap) !important;
    border-color: var(--afp-emas-lembut) !important;
}

.page-header.smartb1 #smart_banner,
#smart_banner {
    background-image: linear-gradient(360deg, #1a1a1a 0%, #454545 100%) !important;
    box-shadow: inset 0 2px 3px 1px rgba(0, 0, 0, 0.64) !important;
}

.slider .results .pool-name,
.pool-name {
    background-image: linear-gradient(90deg, #02595e 0%, #0ba0a8 30%, #049299 70%, #02595e 100%) !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 1px #004245,
        inset 0 2px 0 0 var(--afp-kilau),
        inset 0 4px 4px 2px var(--afp-garis) !important;
}

/* Kolom login mobile: gelap, bertepi emas lembut, teks putih. */
.form-input .form-group > input#navbar_username,
.form-input .form-group > input#navbar_password {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.69) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 4px 5px rgba(23, 180, 194, 0.23),
        inset 0 1px 0 0 rgba(0, 0, 0, 0.24) !important;
}

/* ================================================================== *
 | LAPIS KETIGA - sisa terakhir di mobile
 |
 | Delapan selector yang masih kuning setelah lapis kedua, dipasangkan satu
 | per satu dengan nilai rujukan pada selector yang sama. Desktop sudah nol
 | pada tahap ini.
 * ------------------------------------------------------------------ */

/* Tombol login di header dan tombol unduh aplikasi. Rujukan memakai gradien
   tosca 150 derajat - bukan emas seperti dugaan awal saya. `buttondapk` tidak
   ada di rujukan (elemen milik kita sendiri), jadi disamakan dengan tombol
   login agar sebaris. */
input#loginBtnHeader,
#loginBtnHeader,
a.buttonWrap.buttondapk.button-yellow {
    background-color: transparent !important;
    background-image: linear-gradient(150deg, #17b4c2 10%, #049299 21%, #02595e 33%, #069ba3 44%, #17b4c2 60%, #049299 78%, #02595e 100%) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 1px #004245,
        inset 0 2px 0 0 var(--afp-kilau),
        inset 0 4px 4px 2px var(--afp-garis) !important;
}

/* Tombol Live Chat. */
a.buttonWrap.buttonlc2.button-orange {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #02595e 0%, #0ba0a8 30%, #049299 70%, #02595e 100%) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 1px #004245,
        inset 0 2px 0 0 var(--afp-kilau),
        inset 0 4px 4px 2px var(--afp-garis) !important;
}

/* Judul di bilah unduh aplikasi. */
#smart_banner .app_info .app_title,
div.app_title {
    color: #fff !important;
}

/* Angka hasil pasaran: rujukan memakai hijau-toska terang, bukan kuning. */
div.pool-result,
.results .pool-result {
    border-color: #00e9cb !important;
    color: #00e9cb !important;
}

/* Ikon di kolom login. */
div.iconuserlogin,
div.iconkeylogin {
    border-color: var(--afp-emas-lembut) !important;
    box-shadow: none !important;
}

/* ================================================================== *
 | HALAMAN BLADE (kasir, riwayat, promosi, aturan, lobi)
 |
 | Halaman ini memuat lapisan yang sama lewat `@themeOverride` di ujung
 | <head>. Lawannya di sini bukan blok <style> mirror, melainkan
 | css/custom/*-theme.css yang di-@import PALING AKHIR dalam bundle Vite -
 | jadi ia menang atas berkas tema meski berkas temanya sudah benar.
 |
 | Selectornya sengaja ditulis sepanjang aslinya, bukan disederhanakan:
 | lawan memakai !important juga, jadi kekhususan harus setara agar urutan
 | pemuatan yang menentukan.
 * ------------------------------------------------------------------ */

/* Tombol "Selengkapnya" di daftar promosi. */
.promosi-content-container .promosi-content .promosi-btn-wrapper .btn-promo#btn-promo-more {
    background: linear-gradient(to bottom, #17b4c2 0%, #02595e 100%) !important;
    color: #fff !important;
    border-color: var(--afp-emas-lembut) !important;
    box-shadow:
        inset 0 0 5px 3px #004245,
        inset 0 2px 0 0 #fff,
        inset 0 0 0 2px var(--afp-garis),
        3px 3px 3px 1px rgba(0, 0, 0, 0.2) !important;
}

/* Tombol deposit di header setelah login. */
header.header-after-login .header-wrapper .buttn-header-deposit,
a.buttn-header-deposit.butt0 {
    background-image: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 5px 3px var(--afp-tosca-terang),
        inset 0 2px 0 0 #fff !important;
}

/* Tab aktif pada bilah navigasi tamu. Elemen ini milik kita sendiri - tidak
   ada di rujukan - jadi warnanya memakai palet yang sama dengan panel lain,
   bukan hasil pengukuran. */
nav.guest-nav > a.active,
.nav-tab a.active,
.tab-menu a.active,
ul li a.active {
    background-image: var(--afp-gradien) !important;
    border-color: var(--afp-emas-lembut) !important;
    color: #fff !important;
}

/* Panel hasil pada halaman aturan (rules-*-theme.css memakai selector polos
   `.results`, di luar .blog-sidebar). Nilainya sama dengan panel sidebar. */
.results {
    background-image: linear-gradient(to right bottom, #17b4c2 0%, #02595e 30%, #049299, #17b4c2) !important;
    border-color: var(--afp-emas-lembut) !important;
}

/* CATATAN - SENGAJA TIDAK DIUBAH
 |
 | `.warning-content-info .notice-warning-info` tetap kuning
 | (linear-gradient(#fdef02, #ffae00)). Itu warna peringatan, bukan warna
 | tema: mengubahnya jadi tosca akan menyamarkan pesan peringatan dengan
 | panel biasa di sekitarnya. */
