/* ============================================================
   cv8.homes - Core Theme Stylesheet (theme-f0fe.css)
   Prefix: wf0fe-  | Mobile-first HTML5 casino design
   ============================================================ */

/* ---------- Design Tokens ---------- */
:root{
  --wf0fe-bg:#0E1621;
  --wf0fe-bg2:#13202f;
  --wf0fe-bg3:#0a121b;
  --wf0fe-card:#16242f;
  --wf0fe-primary:#AD1457;
  --wf0fe-primary2:#c2185b;
  --wf0fe-accent:#66CDAA;
  --wf0fe-accent2:#3CB371;
  --wf0fe-text:#FFB3BA;
  --wf0fe-text-soft:#eef3f8;
  --wf0fe-text-mute:#9fb1c2;
  --wf0fe-border:rgba(255,179,186,.16);
  --wf0fe-shadow:0 6px 22px rgba(0,0,0,.38);
  --wf0fe-shadow-soft:0 3px 12px rgba(0,0,0,.28);
  --wf0fe-radius:16px;
  --wf0fe-radius-sm:10px;
  --wf0fe-grad:linear-gradient(135deg,#AD1457 0%,#3CB371 100%);
  --wf0fe-grad-soft:linear-gradient(135deg,rgba(173,20,87,.18),rgba(60,179,113,.18));
  --wf0fe-max:430px;
  --wf0fe-header-h:60px;
  --wf0fe-bottomnav-h:62px;
}

/* ---------- Reset ---------- */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font-family:"Hind Siliguri","Noto Sans Bengali","Segoe UI",system-ui,Arial,sans-serif;
  background:var(--wf0fe-bg);
  color:var(--wf0fe-text-soft);
  line-height:1.5;
  font-size:1.6rem;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--wf0fe-accent);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{list-style:none;}

/* ---------- Layout helpers ---------- */
.wf0fe-wrapper{max-width:var(--wf0fe-max);margin:0 auto;position:relative;}
.wf0fe-container{padding:0 1.4rem;width:100%;}
.wf0fe-main{padding-top:var(--wf0fe-header-h);padding-bottom:calc(var(--wf0fe-bottomnav-h) + 2.4rem);}
.wf0fe-section{padding:2.4rem 0;}
.wf0fe-section--alt{background:var(--wf0fe-bg2);}
.wf0fe-hide{display:none !important;}

/* ---------- Typography ---------- */
.wf0fe-h1{font-size:2.3rem;font-weight:800;line-height:1.25;color:#fff;margin-bottom:1rem;}
.wf0fe-h2{
  font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.2rem;
  display:flex;align-items:center;gap:.7rem;position:relative;padding-left:1.1rem;
}
.wf0fe-h2::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:2rem;border-radius:4px;background:var(--wf0fe-grad);
}
.wf0fe-h3{font-size:1.7rem;font-weight:700;color:var(--wf0fe-accent);margin:1.2rem 0 .8rem;}
.wf0fe-lead{font-size:1.6rem;color:var(--wf0fe-text-mute);line-height:1.65;}
.wf0fe-text-pink{color:var(--wf0fe-text);font-weight:700;}
.wf0fe-text-green{color:var(--wf0fe-accent2);font-weight:700;}
.wf0fe-text-aqua{color:var(--wf0fe-accent);font-weight:700;}

/* ---------- Header ---------- */
.wf0fe-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--wf0fe-header-h);
  background:rgba(10,18,27,.96);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--wf0fe-border);box-shadow:var(--wf0fe-shadow-soft);
}
.wf0fe-header-inner{
  max-width:var(--wf0fe-max);margin:0 auto;height:100%;
  display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;
}
.wf0fe-brand{display:flex;align-items:center;gap:.6rem;}
.wf0fe-brand-logo{
  width:30px;height:30px;border-radius:8px;background:var(--wf0fe-grad);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;
  box-shadow:0 3px 8px rgba(173,20,87,.4);
}
.wf0fe-brand-name{font-size:2rem;font-weight:800;color:#fff;letter-spacing:.5px;}
.wf0fe-brand-name span{color:var(--wf0fe-accent);}
.wf0fe-header-actions{display:flex;align-items:center;gap:.5rem;}
.wf0fe-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  font-size:1.35rem;font-weight:700;padding:.6rem 1.2rem;border-radius:30px;
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
  min-height:36px;line-height:1;white-space:nowrap;
}
.wf0fe-btn:active{transform:scale(.95);}
.wf0fe-btn-login{
  background:transparent;border:1.5px solid var(--wf0fe-accent);color:var(--wf0fe-accent);
}
.wf0fe-btn-register{
  background:var(--wf0fe-grad);color:#fff;box-shadow:0 4px 12px rgba(173,20,87,.45);
}
.wf0fe-hamburger{
  width:38px;height:38px;border-radius:10px;background:var(--wf0fe-card);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1px solid var(--wf0fe-border);
}
.wf0fe-hamburger span{width:18px;height:2px;background:var(--wf0fe-text-soft);border-radius:2px;transition:.25s;}
.wf0fe-hamburger.wf0fe-active span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.wf0fe-hamburger.wf0fe-active span:nth-child(2){opacity:0;}
.wf0fe-hamburger.wf0fe-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ---------- Mobile Menu ---------- */
.wf0fe-menu{
  position:fixed;top:var(--wf0fe-header-h);left:0;right:0;z-index:9999;
  background:var(--wf0fe-bg2);max-height:0;overflow:hidden;
  transition:max-height .3s ease;border-bottom:1px solid var(--wf0fe-border);
  box-shadow:var(--wf0fe-shadow);
}
.wf0fe-menu.wf0fe-open{max-height:480px;}
.wf0fe-menu-list{max-width:var(--wf0fe-max);margin:0 auto;padding:.8rem 1.2rem;}
.wf0fe-menu-list a,.wf0fe-menu-list button{
  display:flex;align-items:center;gap:.9rem;width:100%;padding:1.1rem 1rem;
  font-size:1.5rem;font-weight:600;color:var(--wf0fe-text-soft);
  border-bottom:1px solid var(--wf0fe-border);text-align:left;
}
.wf0fe-menu-list a:active,.wf0fe-menu-list button:active{background:var(--wf0fe-card);}
.wf0fe-menu-list i,.wf0fe-menu-list .material-icons{font-size:2rem;color:var(--wf0fe-accent);}

/* ---------- Carousel ---------- */
.wf0fe-carousel{position:relative;border-radius:var(--wf0fe-radius);overflow:hidden;box-shadow:var(--wf0fe-shadow);}
.wf0fe-slides{display:flex;transition:transform .45s ease;}
.wf0fe-slide{min-width:100%;position:relative;cursor:pointer;}
.wf0fe-slide img{width:100%;height:170px;object-fit:cover;}
.wf0fe-slide-overlay{
  position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;
  background:linear-gradient(to top,rgba(10,18,27,.92),rgba(10,18,27,0));
}
.wf0fe-slide-title{font-size:1.7rem;font-weight:800;color:#fff;margin-bottom:.2rem;}
.wf0fe-slide-desc{font-size:1.25rem;color:var(--wf0fe-text);}
.wf0fe-dots{position:absolute;bottom:.7rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:2;}
.wf0fe-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:.2s;}
.wf0fe-dot.wf0fe-active{background:var(--wf0fe-accent);width:18px;border-radius:6px;}

/* ---------- Promo CTA ---------- */
.wf0fe-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0;}
.wf0fe-cta-link{
  color:var(--wf0fe-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;
}
.wf0fe-cta-link:hover{color:#fff;}
.wf0fe-cta-big{
  display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;
  padding:1.3rem;font-size:1.6rem;font-weight:800;border-radius:var(--wf0fe-radius-sm);
  background:var(--wf0fe-grad);color:#fff;box-shadow:0 6px 18px rgba(173,20,87,.4);
}
.wf0fe-cta-big:active{transform:scale(.98);}
.wf0fe-cta-secondary{
  display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;
  padding:1.1rem;font-size:1.5rem;font-weight:700;border-radius:var(--wf0fe-radius-sm);
  background:transparent;border:1.5px solid var(--wf0fe-accent);color:var(--wf0fe-accent);
}

/* ---------- Game Grid ---------- */
.wf0fe-cat-head{
  display:flex;align-items:center;justify-content:space-between;margin:2.2rem 0 1.2rem;
}
.wf0fe-cat-title{display:flex;align-items:center;gap:.6rem;font-size:1.9rem;font-weight:800;color:#fff;}
.wf0fe-cat-title i,.wf0fe-cat-title .material-icons{color:var(--wf0fe-accent);font-size:2.1rem;}
.wf0fe-cat-badge{
  font-size:1.15rem;font-weight:700;color:var(--wf0fe-primary);
  background:rgba(173,20,87,.14);padding:.3rem .8rem;border-radius:20px;
}
.wf0fe-game-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;
}
.wf0fe-game-card{
  background:var(--wf0fe-card);border-radius:var(--wf0fe-radius-sm);overflow:hidden;
  border:1px solid var(--wf0fe-border);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;
  display:flex;flex-direction:column;
}
.wf0fe-game-card:active{transform:scale(.96);box-shadow:0 0 0 2px var(--wf0fe-accent);}
.wf0fe-game-img{width:100%;aspect-ratio:1/1.05;object-fit:cover;background:var(--wf0fe-bg3);}
.wf0fe-game-name{
  font-size:1.2rem;font-weight:600;color:var(--wf0fe-text-soft);text-align:center;
  padding:.55rem .4rem;line-height:1.25;min-height:3.2rem;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* ---------- Cards / Modules ---------- */
.wf0fe-card{
  background:var(--wf0fe-card);border-radius:var(--wf0fe-radius);padding:1.6rem;
  border:1px solid var(--wf0fe-border);box-shadow:var(--wf0fe-shadow-soft);margin-bottom:1.4rem;
}
.wf0fe-card p{margin-bottom:1rem;color:var(--wf0fe-text-soft);}
.wf0fe-card p:last-child{margin-bottom:0;}
.wf0fe-features{display:grid;grid-template-columns:1fr;gap:1rem;}
.wf0fe-feature{
  display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;border-radius:var(--wf0fe-radius-sm);
  background:var(--wf0fe-grad-soft);border:1px solid var(--wf0fe-border);
}
.wf0fe-feature-ico{
  flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--wf0fe-bg3);
  display:flex;align-items:center;justify-content:center;color:var(--wf0fe-accent);font-size:2rem;
}
.wf0fe-feature h3{margin:0 0 .3rem;font-size:1.5rem;color:#fff;}
.wf0fe-feature p{margin:0;font-size:1.35rem;color:var(--wf0fe-text-mute);}

/* ---------- Steps ---------- */
.wf0fe-steps{counter-reset:step;display:flex;flex-direction:column;gap:1.1rem;}
.wf0fe-step{display:flex;gap:1rem;align-items:flex-start;}
.wf0fe-step-num{
  flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--wf0fe-grad);
  color:#fff;font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center;
}
.wf0fe-step h3{margin:0 0 .3rem;font-size:1.5rem;color:#fff;}
.wf0fe-step p{margin:0;font-size:1.35rem;color:var(--wf0fe-text-mute);}

/* ---------- FAQ ---------- */
.wf0fe-faq-item{
  background:var(--wf0fe-card);border:1px solid var(--wf0fe-border);
  border-radius:var(--wf0fe-radius-sm);margin-bottom:.9rem;overflow:hidden;
}
.wf0fe-faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.2rem 1.4rem;font-size:1.45rem;font-weight:700;color:#fff;text-align:left;
}
.wf0fe-faq-q i{color:var(--wf0fe-accent);transition:transform .25s;}
.wf0fe-faq-item.wf0fe-open .wf0fe-faq-q i{transform:rotate(180deg);}
.wf0fe-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.4rem;}
.wf0fe-faq-item.wf0fe-open .wf0fe-faq-a{max-height:320px;padding:0 1.4rem 1.2rem;}
.wf0fe-faq-a p{font-size:1.35rem;color:var(--wf0fe-text-mute);line-height:1.6;}

/* ---------- RTP / Data ---------- */
.wf0fe-rtp-grid{display:grid;grid-template-columns:1fr;gap:.8rem;}
.wf0fe-rtp-row{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 1.2rem;border-radius:var(--wf0fe-radius-sm);background:var(--wf0fe-bg3);
}
.wf0fe-rtp-name{font-size:1.35rem;font-weight:600;color:#fff;}
.wf0fe-rtp-bar{flex:1;height:7px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 .8rem;}
.wf0fe-rtp-fill{height:100%;background:var(--wf0fe-grad);}
.wf0fe-rtp-val{font-size:1.3rem;font-weight:800;color:var(--wf0fe-accent);}

/* ---------- Winners / Testimonials ---------- */
.wf0fe-winners{display:flex;flex-direction:column;gap:.7rem;}
.wf0fe-winner{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.9rem 1.2rem;border-radius:var(--wf0fe-radius-sm);background:var(--wf0fe-bg3);
  border-left:3px solid var(--wf0fe-accent2);
}
.wf0fe-winner-name{font-size:1.3rem;color:#fff;font-weight:600;}
.wf0fe-winner-game{font-size:1.15rem;color:var(--wf0fe-text-mute);}
.wf0fe-winner-amount{font-size:1.4rem;font-weight:800;color:var(--wf0fe-accent);}
.wf0fe-reviews{display:grid;grid-template-columns:1fr;gap:1rem;}
.wf0fe-review{padding:1.3rem;border-radius:var(--wf0fe-radius-sm);background:var(--wf0fe-card);border:1px solid var(--wf0fe-border);}
.wf0fe-review-stars{color:#FFB3BA;font-size:1.3rem;margin-bottom:.5rem;}
.wf0fe-review p{font-size:1.3rem;color:var(--wf0fe-text-soft);margin-bottom:.6rem;}
.wf0fe-review-author{font-size:1.2rem;color:var(--wf0fe-accent);font-weight:700;}

/* ---------- Payments ---------- */
.wf0fe-pay-row{display:flex;flex-wrap:wrap;gap:.7rem;}
.wf0fe-pay-chip{
  display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:30px;
  background:var(--wf0fe-bg3);border:1px solid var(--wf0fe-border);font-size:1.25rem;color:#fff;font-weight:600;
}
.wf0fe-pay-chip i,.wf0fe-pay-chip .material-icons{color:var(--wf0fe-accent);font-size:1.6rem;}

/* ---------- App CTA ---------- */
.wf0fe-app-cta{
  background:var(--wf0fe-grad-soft);border:1px solid var(--wf0fe-border);
  border-radius:var(--wf0fe-radius);padding:1.6rem;text-align:center;
}
.wf0fe-app-cta h3{margin-top:0;}
.wf0fe-app-btns{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem;}

/* ---------- Footer ---------- */
.wf0fe-footer{
  background:var(--wf0fe-bg3);border-top:1px solid var(--wf0fe-border);
  padding:2.4rem 0 calc(var(--wf0fe-bottomnav-h) + 2rem);margin-top:1rem;
}
.wf0fe-footer-brand{font-size:1.4rem;color:var(--wf0fe-text-mute);line-height:1.7;margin-bottom:1.4rem;}
.wf0fe-footer-promos{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem;}
.wf0fe-footer-promos .wf0fe-btn{flex:1;min-width:45%;font-size:1.3rem;padding:.7rem .8rem;}
.wf0fe-footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1.4rem;}
.wf0fe-footer-links a{font-size:1.3rem;color:var(--wf0fe-text-mute);}
.wf0fe-footer-links a:hover{color:var(--wf0fe-accent);}
.wf0fe-footer-copy{font-size:1.2rem;color:var(--wf0fe-text-mute);border-top:1px solid var(--wf0fe-border);padding-top:1.2rem;text-align:center;}

/* ---------- Bottom Navigation ---------- */
.wf0fe-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;height:var(--wf0fe-bottomnav-h);
  background:rgba(10,18,27,.98);backdrop-filter:blur(12px);
  border-top:1px solid var(--wf0fe-border);box-shadow:0 -4px 18px rgba(0,0,0,.4);
  display:flex;justify-content:space-around;align-items:center;padding:.3rem 0;
}
.wf0fe-bottomnav-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-width:60px;min-height:56px;color:var(--wf0fe-text-mute);
  font-size:1.05rem;font-weight:600;transition:color .18s ease,transform .18s ease;
}
.wf0fe-bottomnav-btn i,.wf0fe-bottomnav-btn .material-icons,.wf0fe-bottomnav-btn ion-icon{font-size:2.2rem;}
.wf0fe-bottomnav-btn:active{transform:scale(.9);}
.wf0fe-bottomnav-btn.wf0fe-active{color:var(--wf0fe-accent);}
.wf0fe-bottomnav-btn.wf0fe-promo{color:var(--wf0fe-text);}
.wf0fe-bottomnav-btn.wf0fe-promo i,.wf0fe-bottomnav-btn.wf0fe-promo .material-icons{filter:drop-shadow(0 0 6px rgba(255,179,186,.5));}

/* ---------- Desktop / Wider screens ---------- */
@media (min-width:769px){
  body{background:#070d14;}
  .wf0fe-wrapper{box-shadow:0 0 60px rgba(0,0,0,.5);}
  .wf0fe-bottomnav{display:none;}
  .wf0fe-footer{padding-bottom:2.4rem;}
  .wf0fe-main{padding-bottom:3rem;}
}
@media (min-width:481px) and (max-width:768px){
  .wf0fe-game-grid{grid-template-columns:repeat(4,1fr);}
  .wf0fe-features,.wf0fe-reviews{grid-template-columns:1fr 1fr;}
}