/* =============== Base & Utilities =============== */
:root{
  --rc-black:#000;
  --rc-dark:#111;
  --rc-gray:#aaa;
  --rc-white:#fff;
  --rc-accent:#ffd600;
  --rc-green:#c6d600;
  --rc-green-hover:#e0f000;
  --rc-blue1:#3da9ff;
  --rc-blue2:#005cb8;
  --rc-yellow1:#ffc94d;
  --rc-yellow2:#d6a100;
}

*{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

body {
  background: url('https://prediksinagaperak99.site/wp-content/uploads/2025/09/bg.png') no-repeat center top fixed;
  background-size: cover;
  background-color: #000; /* fallback */
}

/* =============== TOPBAR =============== */
.rc-topbar{background:#111;border-bottom:2px solid #ffd600;font-size:13px;color:#fff}
.rc-topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.rc-topbar-left a{color:#ffd600;margin-right:12px;text-decoration:none}
.rc-topbar-left a:hover{text-decoration:underline}
.rc-topbar-right{display:flex;align-items:center;gap:12px}
.rc-clock{color:#ccc;font-size:12px}
@media (max-width:768px){.rc-topbar{display:none}}

/* =============== HEADER (Logo + Menu 1 Baris) =============== */
.rc-header{background:#000;border-bottom:2px solid #ffd600}
.rc-header-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}

/* === Logo Header clean === */
.rc-header .rc-logo img,
.custom-logo,
.custom-logo-link img {
  max-height: 40px;   /* default tinggi logo */
  height: auto;
  width: auto;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  margin-left: 20px;
}
@media(min-width:1024px){
  .rc-header .rc-logo img,
  .custom-logo { max-height:40px; }
}

/* NAVIGATION */
.rc-nav{flex:1}
.rc-nav-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin:0;padding:0;list-style:none}
.rc-nav-menu li a{color:#fff;font-weight:700;text-decoration:none;padding:10px 6px}
.rc-nav-menu li a:hover{color:#ffd600}

/* Toggle (mobile) */
.rc-nav-toggle{display:none;background:none;border:0;font-size:22px;color:#fff;cursor:pointer}
@media(max-width:768px){
  .rc-nav-toggle{display:block;margin-left:auto;order:2}
  .rc-nav-menu{display:none;flex-direction:column;background:#000;padding:10px;width:100%}
  .rc-nav-menu.open{display:flex}
}

/* --- Casino Style HOT & NEW badge --- */
.rc-nav-menu li{position:relative}
.rc-nav-menu .menu-hot > a::after{
  content:'HOT';position:absolute;top:-12px;right:-10px;background:linear-gradient(135deg,#ff1c1c,#c40000);
  color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;box-shadow:0 0 8px rgba(255,0,0,.9),0 0 14px rgba(255,100,100,.9);
  animation:casinoHot 1.2s infinite alternate;text-transform:uppercase;z-index:5
}
.rc-nav-menu .menu-new > a::after{
  content:'NEW';position:absolute;top:-12px;right:-16px;background:linear-gradient(135deg,#ff4d9d,#a30061);
  color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;box-shadow:0 0 8px rgba(255,0,150,.9),0 0 14px rgba(255,120,180,.9);
  animation:casinoNew 1.2s infinite alternate;text-transform:uppercase;z-index:5
}
@keyframes casinoHot{0%{transform:scale(1);box-shadow:0 0 6px rgba(255,0,0,.6),0 0 12px rgba(255,50,50,.8)}100%{transform:scale(1.2);box-shadow:0 0 14px rgba(255,50,50,1),0 0 24px rgba(255,100,100,1)}}
@keyframes casinoNew{0%{transform:scale(1);box-shadow:0 0 6px rgba(255,0,150,.6),0 0 12px rgba(255,100,180,.8)}100%{transform:scale(1.2);box-shadow:0 0 14px rgba(255,0,180,1),0 0 24px rgba(255,120,200,1)}}
@media (max-width:768px){
  .rc-nav-menu .menu-hot > a::after,
  .rc-nav-menu .menu-new > a::after{position:static;margin-left:6px;display:inline-block}
  .rc-nav-menu li a{display:flex;align-items:center;justify-content:flex-start}
}

/* =============== HERO (banner kiri/kanan) =============== */
.rc-hero{padding:12px 0}
.rc-hero .rc-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:stretch}
.rc-hero-img{width:100%;height:280px;object-fit:cover;border-radius:10px;display:block}
.rc-hero-slider{position:relative;height:280px;overflow:hidden;border-radius:10px}
.rc-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.rc-hero-slide.is-active{opacity:1;z-index:1}
@media (max-width:1024px){
  .rc-hero .rc-hero-grid{grid-template-columns:1fr}
  .rc-hero-slider,.rc-hero-img{height:220px}
}

/* =============== CTA Row =============== */
.rc-cta-row {
  display:flex;
  align-items:flex-start;  /* sejajarkan ke atas */
  gap:12px;
  margin-top:10px;
  margin-bottom: 8px; 
  padding-left:0 !important;
  padding-right:0 !important;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
.rc-cta-row .rc-btn,
.rc-cta-row select {
  padding:12px 18px;
  font-size:16px;
  font-weight:bold;
  border-radius:6px;
  height:42px;
  display:flex;
  align-items:center;
}
/* Tombol */
.rc-btn-yellow {background:linear-gradient(to bottom,#ffcc00,#ff9900);border:2px solid #cc7a00;color:#000}
.rc-btn-blue {background:linear-gradient(to bottom,#33ccff,#0066ff);border:2px solid #004c99;color:#fff}
.rc-btn-green {background:linear-gradient(to bottom,#66ff66,#00cc00);border:2px solid #009900;color:#000}
/* Dropdown mirip tombol */
.cari-pasaran select{border:2px solid #555;background:#222;color:#fff;border-radius:6px;cursor:pointer}
.rc-cta-row .rc-btn:first-child,
.rc-cta-row > a.rc-btn:first-child{margin-left:0 !important}
.rc-cta-row .rc-btn,
.rc-cta-row .cari-pasaran{margin-right:10px;margin-left:0 !important}

/* =============== Section Title =============== */
.rc-section{padding:22px 0}
.rc-section-title{font-size:22px;font-weight:900;text-align:center;background:#000;color:#fff;padding:12px 16px;border-radius:8px;margin:0 0 18px}

/* =============== FEED LIST =============== */
.rc-feed{display:flex;flex-direction:column;gap:16px}
.rc-feed-item{display:flex;align-items:flex-start;gap:15px;background:#111;border-radius:8px;padding:12px;transition:transform .2s ease;position:relative}
.rc-feed-item:hover{transform:translateY(-2px)}
.rc-feed-item .thumb{flex:0 0 120px}
.rc-feed-item .thumb img{width:120px;height:80px;object-fit:cover;border-radius:6px}
.rc-feed-item .content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-right:130px}
.rc-feed-item .title{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--rc-accent)}
.rc-feed-item .title a{text-decoration:none;color:inherit}
.rc-feed-item .title a:hover{text-decoration:underline}
.rc-feed-item .meta{color:var(--rc-gray);font-size:13px;margin-bottom:6px}
.rc-feed-item .excerpt{color:#ccc;font-size:13px;line-height:1.4;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rc-feed-item .rc-btn-green{position:absolute;right:14px;bottom:14px}
@media (max-width:768px){.rc-feed-item .thumb{flex-basis:100px}.rc-feed-item .thumb img{width:100px;height:70px}}
@media (max-width:520px){.rc-feed-item{flex-direction:column}.rc-feed-item .content{padding-right:0}.rc-feed-item .rc-btn-green{position:static;margin-top:8px}}

/* =============== PAGINATION =============== */
.rc-pagination{margin:24px 0;text-align:center}
.rc-pagination .page-num,
.rc-pagination .page-numbers{
  display:inline-block;min-width:34px;padding:8px 12px;margin:0 4px;font-size:14px;font-weight:700;color:#fff;background:#222;
  border:1px solid #444;border-radius:6px;text-decoration:none;transition:all .25s ease;box-shadow:0 2px 4px rgba(0,0,0,.4)
}
.rc-pagination .dots {
  display: inline-block;
  padding: 8px 10px;
  color: #aaa;
  font-weight: 700;
  font-size: 14px;
  user-select: none;
}
.rc-pagination .page-num:hover,.rc-pagination .page-numbers:hover{background:linear-gradient(135deg,#ffcc00,#ff8800);color:#111;transform:translateY(-2px);box-shadow:0 0 12px rgba(255,200,0,.8)}
.rc-pagination .page-num.current,.rc-pagination .current{background:linear-gradient(135deg,#ffd600,#d6a100);color:#111;border-color:#b88a00;box-shadow:0 0 14px rgba(255,210,0,.9);cursor:default;transform:scale(1.05)}

/* =============== RELATED POSTS =============== */
.rc-related{margin-top:30px}
.rc-related .container{max-width:1200px}
.rc-related-carousel .owl-item{padding:8px}
.rc-related-card{width:220px;margin:0 auto;background:#fff;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2);overflow:hidden;text-align:center;display:flex;flex-direction:column}
.rc-related-card .thumb img{display:block;width:100%;height:140px;object-fit:cover;border-bottom:1px solid #eee}
.rc-related-card .body{padding:10px;color:#111}
.rc-related-card .title{font-size:14px;font-weight:700;color:#111;margin:6px 0 8px;line-height:1.3}
.rc-related-carousel .owl-nav{text-align:center;margin-top:10px}
.rc-related-carousel .owl-nav button{background:#FFD700;border-radius:50%;width:36px;height:36px;font-size:18px;color:#000;margin:0 5px}
.rc-related-carousel .owl-nav button:hover{background:#FFA500;color:#fff}
@media (max-width:480px){.rc-related-card{width:260px}}

/* =============== WRAPPER/FOOTER/SEO =============== */
.rc-main-wrapper{background:rgba(0,0,0,.85);padding:22px 0;border-radius:8px}
.rc-footer{background:#000;border-top:2px solid var(--rc-accent);color:#ccc;font-size:14px;padding:18px 0;margin-top:30px}
.rc-footer-inner{display:flex}
.rc-footer-seo{margin-top:0;padding:0}
.rc-footer-seo .rc-main-wrapper{background:#111;padding:30px 20px}
.rc-footer-seo h2,.rc-footer-seo h3{color:var(--rc-accent);font-size:18px;margin:15px 0 10px}
.rc-footer-seo p{margin-bottom:12px;color:#ccc}
.rc-footer-seo ul{margin:10px 0 20px 20px;list-style:disc;color:#ccc}
.rc-footer-seo li{margin-bottom:6px}

/* =============== SINGLE POST =============== */
.single .rc-single{background:transparent !important;box-shadow:none !important;border:0 !important;padding:0 !important}
.single .rc-single-title{text-align:center;color:#fff;font-size:26px;font-weight:900;margin:6px 0 14px;letter-spacing:.3px}
.single .rc-single-meta{text-align:center;color:#b9b9b9;font-size:13px;margin-bottom:10px}
.single .rc-single-thumb{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.single .rc-single-thumb img{width:auto;max-height:120px;border-radius:8px}
.single .rc-single-content{
  max-width:980px;margin:14px auto 32px;background:rgba(0,0,0,.82);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 24px;box-shadow:0 10px 30px rgba(0,0,0,.45)
}
.single .rc-single-content > div,
.single .rc-single-content p{color:#f7f9ff !important;text-shadow:0 1px 0 rgba(0,0,0,.65);font-size:18px;line-height:1.7;font-weight:700;margin:8px 0}
.single .rc-single-content b,.single .rc-single-content strong{color:#ffe066}
@media (max-width:560px){
  .single .rc-single-title{font-size:22px}
  .single .rc-single-content{padding:20px 16px}
  .single .rc-single-content > div,
  .single .rc-single-content p{font-size:16px}
}

/* Kartu prediksi */
.rc-prediksi-box{background:#0e0e0e;border:1px solid #222;border-radius:14px;color:#fff;padding:26px 22px;max-width:900px;margin:18px auto;box-shadow:0 4px 22px rgba(0,0,0,.35)}
.rc-prediksi-box h3,.rc-prediksi-box h4{color:#ffe066;text-align:center;margin:8px 0 10px}
.rc-prediksi-box p{color:#eaeaea;margin:6px 0;line-height:1.55;text-align:center;font-size:17px}
.rc-prediksi-box .big{font-size:20px;font-weight:800;letter-spacing:.3px}
@media (max-width:560px){.rc-prediksi-box{padding:20px 16px}.rc-prediksi-box p{font-size:16px}}

/* === WhatsApp button super premium === */
.rc-topbar .wa-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding: 6px 18px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(135deg,#25D366,#1ebe5b);
  box-shadow: 0 0 10px rgba(37,211,102,.7), 
              0 0 20px rgba(37,211,102,.4);
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease;
}
.rc-topbar .wa-btn::before{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:200%; height:100%;
  background:linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.35) 40%,
    rgba(255,255,255,.6) 60%,
    transparent 100%);
  transform: skewX(-20deg);
  animation: waShimmer 4s infinite;
  z-index:0;
}
.rc-topbar .wa-btn::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:120%; height:120%;
  border-radius:999px;
  background: radial-gradient(circle,
    rgba(37,211,102,.5) 0%,
    rgba(37,211,102,0) 70%);
  transform:translate(-50%,-50%) scale(0.8);
  opacity:0;
  animation: waPulse 2.8s infinite ease-out;
  z-index:-1;
}
.rc-topbar .wa-btn span,
.rc-topbar .wa-btn i{
  position:relative;
  z-index:2;
}
.rc-topbar .wa-btn:hover{
  transform: scale(1.05);
  filter: brightness(1.1);
}
@keyframes waShimmer{0%{ left:-150% }100%{ left:150% }}
@keyframes waPulse{0%{ transform:translate(-50%,-50%) scale(.8); opacity:.6 }100%{ transform:translate(-50%,-50%) scale(1.6); opacity:0 }}


/* === Select2 custom (dropdown Pasaran) === */
.select2-container{width:220px !important}
.select2-container--default .select2-selection--single{
  background:#111 !important;
  border:2px solid #f1c40f !important;
  border-radius:6px !important;
  height:45px !important;
  padding:6px 12px !important;
  display:flex !important;
  align-items:center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#f1c40f !important;
  font-weight:bold;
  line-height:32px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:100% !important;
  right:10px;
}

/* Warna option saat hover/fokus (highlighted) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ffd600 !important;   /* kuning sesuai tema */
  color: #000 !important;
  font-weight: bold;
}

/* Warna option terpilih permanen */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #222 !important;  /* hitam gelap */
  color: #ffd600 !important;    /* teks kuning */
  font-weight: bold;
}

.select2-dropdown{
  background:#111 !important;
  border:1px solid #f1c40f !important;
}
.select2-results__option[aria-selected="true"] {
  background: #ffd600 !important;
  color: #000 !important;
  font-weight: bold;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#f1c40f !important;
  color:#000 !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background:#333 !important;
  color:#f1c40f !important;
}

/* Fix warna putih abu saat option fokus tapi belum dipilih */
.select2-container--default .select2-results__option--highlighted {
  background: #ffd600 !important;  /* kuning terang */
  color: #000 !important;          /* teks hitam */
  font-weight: bold;
}

/* Biar option normal tetap gelap */
.select2-container--default .select2-results__option {
  background: #111 !important;   /* hitam */
  color: #fff !important;
}

/* Jika option terpilih permanen */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #222 !important;
  color: #ffd600 !important;
  font-weight: bold;
}

/* Scroll to Top Button */
#scrollTopBtn {
  position: fixed;
  bottom: 26px;
  right: 26px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  color: #111;
  background: linear-gradient(135deg, #ffd600, #d6a100);
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
  display: none;   /* default sembunyi */
  z-index: 999;
  transition: all 0.3s ease;
}

#scrollTopBtn:hover {
  transform: scale(1.08);
  filter: brightness(1.1);
  box-shadow: 0 6px 14px rgba(0,0,0,0.5);
}

/* ================= TOPBAR ================= */
.rc-topbar {
  background: #111;
  border-bottom: 2px solid #ffd600;
  font-size: 13px;
  color: #fff;
}

.rc-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}

.rc-topbar-left a {
  color: #ffd600;
  margin-right: 12px;
  text-decoration: none;
  font-weight: 600;
}

.rc-topbar-left a:hover {
  text-decoration: underline;
}

/* Bagian kanan (WA + jam) */
.rc-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* WA button */
.rc-topbar-right .wa-btn {
  background: linear-gradient(135deg, #25D366, #1ebe5b);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 0 6px rgba(37,211,102,.7),
              0 0 12px rgba(37,211,102,.4);
  transition: transform .2s ease, filter .2s ease;
}

.rc-topbar-right .wa-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Jam */
.rc-topbar-right .rc-clock {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #000;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #333;
}

.rc-hero-slide.is-active img {
  animation: kenburns 8s ease forwards;
}

@keyframes kenburns {
  from { transform: scale(1) }
  to { transform: scale(1.08) }
}

.promo-accordion {max-width:800px;margin:0 auto;}
.promo-item {border:1px solid #444;margin-bottom:12px;border-radius:6px;overflow:hidden;background:#111;}
.promo-header {cursor:pointer;}
.promo-header img {width:100%;display:block;transition:filter .3s;}
.promo-header img:hover {filter:brightness(1.1);}
.promo-body {display:none;padding:16px;background:rgba(0,0,0,.85);color:#fff;font-size:15px;line-height:1.6;}
.promo-item.active .promo-body {display:block;animation:slideDown .4s ease;}
@keyframes slideDown {from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}