/* =========================================================
   BAJAI89 — SAKURA NIGHT
   External theme override for BAJAI89 Slot Jepang
   ========================================================= */

:root{
  --b89-ink:#09070a;
  --b89-night:#130b10;
  --b89-red:#b20e2d;
  --b89-red-bright:#e22b4c;
  --b89-sakura:#f7b6c8;
  --b89-sakura-soft:#ffe5ed;
  --b89-gold:#d8b15d;
  --b89-gold-soft:#f6df9b;
  --b89-ivory:#fff9f5;
  --b89-text:#f8eef1;
  --b89-muted:#cdbfc4;
  --b89-line:rgba(247,182,200,.20);
  --b89-glass:rgba(24,11,18,.90);
  --b89-shadow:0 20px 55px rgba(0,0,0,.36);
}

html body{
  color:var(--b89-text) !important;
  background:
    radial-gradient(circle at 10% 8%,rgba(226,43,76,.14),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(247,182,200,.10),transparent 26%),
    linear-gradient(180deg,#080609 0%,#160b10 48%,#090709 100%) !important;
}

/* Header */
html body .panel.header{
  background:
    linear-gradient(118deg,#090608 0%,#2a0d16 54%,#7f132c 100%) !important;
  border-bottom:1px solid rgba(247,182,200,.22) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.42) !important;
}

/* Main SEO section */
html body .bt-seo-section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 8% 10%,rgba(226,43,76,.12),transparent 24%),
    radial-gradient(circle at 92% 86%,rgba(247,182,200,.09),transparent 28%),
    linear-gradient(145deg,#0b080a 0%,#1b0d13 50%,#0a0709 100%) !important;
  border-top:1px solid rgba(247,182,200,.16) !important;
}

html body .bt-seo-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  opacity:.55 !important;
  background-image:
    radial-gradient(circle at 14px 14px,rgba(255,229,237,.08) 0 2px,transparent 2.8px),
    linear-gradient(135deg,transparent 48%,rgba(216,177,93,.025) 49%,rgba(216,177,93,.025) 51%,transparent 52%) !important;
  background-size:56px 56px,72px 72px !important;
}

html body .bt-container{
  max-width:1168px !important;
  margin:0 auto !important;
  padding:50px 18px !important;
}

/* Hero content */
html body .bt-heading{
  position:relative !important;
  overflow:hidden !important;
  padding:32px !important;
  border-radius:26px 8px 26px 8px !important;
  background:
    linear-gradient(145deg,rgba(72,16,31,.94),rgba(16,8,12,.98)) !important;
  border:1px solid rgba(247,182,200,.20) !important;
  box-shadow:var(--b89-shadow) !important;
}

html body .bt-heading::after{
  content:"桜" !important;
  position:absolute !important;
  right:28px !important;
  top:4px !important;
  font-size:118px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:rgba(247,182,200,.055) !important;
  pointer-events:none !important;
  transform:rotate(-7deg) !important;
}

html body .bt-badge,
html body .rb-badge-gold{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:8px 14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:999px !important;
  background:linear-gradient(110deg,#8e1028,var(--b89-red-bright),#f06a83) !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.4px !important;
  box-shadow:0 9px 25px rgba(178,14,45,.24) !important;
}

html body .bt-heading h2,
html body .bt-box-head h3,
html body .rb-premium-head h3{
  color:var(--b89-ivory) !important;
  text-shadow:0 2px 20px rgba(226,43,76,.14) !important;
}

html body .m-design-details__description-text{
  color:#eadde1 !important;
  line-height:1.88 !important;
  letter-spacing:.08px !important;
}

html body .m-design-details__description-text a{
  color:var(--b89-sakura-soft) !important;
}

/* Cards */
html body .bt-grid{
  gap:24px !important;
  margin-top:27px !important;
}

html body .bt-box,
html body .bt-review-card,
html body .rb-premium-box{
  background:
    linear-gradient(155deg,rgba(51,17,27,.96),rgba(13,8,10,.99)) !important;
  border:1px solid rgba(247,182,200,.15) !important;
  border-radius:18px 6px 18px 6px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.32) !important;
}

html body .rb-premium-box{
  padding:26px !important;
}

html body .rb-premium-table{
  background:rgba(8,5,7,.56) !important;
  border:1px solid rgba(247,182,200,.12) !important;
  border-radius:14px !important;
}

html body .rb-premium-table tr:hover{
  background:rgba(247,182,200,.045) !important;
  transform:none !important;
}

html body .rb-premium-table td{
  border-bottom:1px solid rgba(247,182,200,.10) !important;
}

html body .rb-premium-line{
  width:78px !important;
  height:3px !important;
  background:linear-gradient(90deg,#8f6724,var(--b89-gold),var(--b89-gold-soft)) !important;
  box-shadow:0 0 18px rgba(216,177,93,.16) !important;
}

html body .rb-rating,
html body .bt-stars,
html body .bt-faq-icon{
  color:var(--b89-gold) !important;
}

/* FAQ */
html body .bt-faq-item{
  overflow:hidden !important;
  margin:10px 0 !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(247,182,200,.11) !important;
  border-radius:13px 4px 13px 4px !important;
}

html body .bt-faq-question{
  padding:15px 17px !important;
  color:var(--b89-text) !important;
  background:transparent !important;
  transition:background .22s ease,color .22s ease,transform .22s ease !important;
}

html body .bt-faq-question:hover{
  background:linear-gradient(90deg,rgba(226,43,76,.10),rgba(247,182,200,.06)) !important;
  color:var(--b89-sakura-soft) !important;
  transform:translateX(2px) !important;
}

/* Controls / buttons */
html body .bt-nav-btn,
html body #generate-btn,
html body .popup-buttons a{
  background:linear-gradient(115deg,#90112a,#d32648) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:9px 3px 9px 3px !important;
  box-shadow:0 9px 24px rgba(145,15,42,.26) !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease !important;
}

html body .bt-nav-btn:hover,
html body #generate-btn:hover,
html body .popup-buttons a:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
  box-shadow:0 13px 30px rgba(145,15,42,.34) !important;
}

html body .bt-dot{
  background:rgba(255,255,255,.18) !important;
}

html body .bt-dot.active{
  background:var(--b89-sakura) !important;
  box-shadow:0 0 0 4px rgba(247,182,200,.12) !important;
}

/* Popup */
html body .popup-container{
  border:1px solid rgba(247,182,200,.24) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.50),0 0 35px rgba(178,14,45,.14) !important;
}

html body .popup-footer{
  color:#f4e9ed !important;
}

html body .close-btn:hover,
html body .close-btn:focus-visible{
  background:var(--b89-red) !important;
}

/* Optional hero/footer section */
html body .KUBIS-HERO{
  background:linear-gradient(180deg,rgba(17,8,12,.97),rgba(7,5,6,.99)) !important;
  border-top:1px solid rgba(247,182,200,.16) !important;
}

/* Mobile */
@media(max-width:767px){
  html body .bt-container{
    padding:30px 12px !important;
  }

  html body .bt-heading{
    padding:22px 17px !important;
    border-radius:20px 6px 20px 6px !important;
  }

  html body .bt-heading::after{
    right:10px !important;
    top:10px !important;
    font-size:82px !important;
  }

  html body .bt-heading h2{
    font-size:clamp(22px,7vw,32px) !important;
    line-height:1.22 !important;
  }

  html body .m-design-details__description-text{
    line-height:1.74 !important;
  }

  html body .bt-box,
  html body .bt-review-card,
  html body .rb-premium-box{
    border-radius:14px 4px 14px 4px !important;
  }
}