/* ==========================================================================
   niceph core stylesheet (layout-c6fc.css)
   Mobile-first Philippine online casino layout. All classes use wc6fc- prefix.
   ========================================================================== */

:root{
  /* Brand palette */
  --wc6fc-lavender:#E6E6FA;
  --wc6fc-teal:#80CBC4;
  --wc6fc-mint:#E8F5E8;
  --wc6fc-deep-teal:#008B8B;
  --wc6fc-ink:#273746;        /* primary dark background */
  --wc6fc-ink-2:#1f2c38;
  --wc6fc-ink-3:#34495e;
  --wc6fc-accent:#FFC857;     /* warm CTA accent */
  --wc6fc-accent-2:#FF6B6B;
  --wc6fc-text:#F5F7FA;
  --wc6fc-muted:#B6C2CF;
  --wc6fc-line:rgba(230,230,250,.14);
  --wc6fc-shadow:0 8px 24px rgba(0,0,0,.28);
  --wc6fc-radius:14px;
  --wc6fc-header-h:56px;
  --wc6fc-nav-h:62px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  background:linear-gradient(160deg,var(--wc6fc-ink) 0%,var(--wc6fc-ink-2) 60%,#16202b 100%);
  color:var(--wc6fc-text);
  line-height:1.5;
  font-size:1.5rem;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--wc6fc-teal);text-decoration:none;}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.3;font-weight:700;}
h1{font-size:2.2rem;}
h2{font-size:2rem;}
h3{font-size:1.7rem;}
p{margin:0 0 1em;}

.wc6fc-container{width:100%;max-width:430px;margin:0 auto;padding:0 14px;}
.wc6fc-wrapper{padding:14px 0;}
.wc6fc-hidden{display:none !important;}
.wc6fc-visually-hidden{position:absolute;left:-9999px;}

/* ============ Header ============ */
.wc6fc-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:var(--wc6fc-header-h);
  background:linear-gradient(90deg,rgba(39,55,70,.96),rgba(31,44,56,.96));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--wc6fc-line);
}
.wc6fc-header-inner{
  height:100%;display:flex;align-items:center;justify-content:space-between;
  max-width:430px;margin:0 auto;padding:0 12px;
}
.wc6fc-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:1.7rem;}
.wc6fc-brand .wc6fc-logo{
  width:30px;height:30px;border-radius:8px;
  background:linear-gradient(135deg,var(--wc6fc-teal),var(--wc6fc-deep-teal));
  display:flex;align-items:center;justify-content:center;color:var(--wc6fc-ink);font-weight:900;
}
.wc6fc-brand .wc6fc-brand-sub{color:var(--wc6fc-teal);font-size:1.1rem;font-weight:600;}
.wc6fc-header-actions{display:flex;align-items:center;gap:8px;}
.wc6fc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:none;border-radius:20px;padding:8px 16px;font-size:1.3rem;font-weight:700;
  cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;color:#fff;
  min-height:36px;line-height:1;
}
.wc6fc-btn:hover{transform:translateY(-1px);}
.wc6fc-btn-primary{background:linear-gradient(90deg,var(--wc6fc-accent),#ffae3c);color:var(--wc6fc-ink);}
.wc6fc-btn-secondary{background:linear-gradient(90deg,var(--wc6fc-deep-teal),var(--wc6fc-teal));color:#fff;}
.wc6fc-btn-ghost{background:transparent;border:1px solid var(--wc6fc-teal);color:var(--wc6fc-teal);}
.wc6fc-menu-btn{
  background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;
  width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;
}
.wc6fc-menu-btn:hover{background:rgba(255,255,255,.08);}

/* ============ Mobile dropdown menu ============ */
.wc6fc-mobile-menu{
  position:fixed;top:var(--wc6fc-header-h);left:0;right:0;z-index:9999;
  background:linear-gradient(180deg,var(--wc6fc-ink-2),var(--wc6fc-ink));
  border-bottom:1px solid var(--wc6fc-line);
  max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.wc6fc-mobile-menu.wc6fc-open{max-height:560px;box-shadow:var(--wc6fc-shadow);}
.wc6fc-menu-list{list-style:none;margin:0;padding:8px 14px;}
.wc6fc-menu-list li{border-bottom:1px solid var(--wc6fc-line);}
.wc6fc-menu-list li:last-child{border-bottom:none;}
.wc6fc-menu-list a{
  display:flex;align-items:center;gap:10px;padding:14px 8px;color:var(--wc6fc-text);font-size:1.45rem;
}
.wc6fc-menu-list a:hover{color:var(--wc6fc-teal);}
.wc6fc-menu-list .material-icons,.wc6fc-menu-list i{font-size:20px;color:var(--wc6fc-teal);}

/* ============ Hero / Carousel ============ */
.wc6fc-main{padding-top:calc(var(--wc6fc-header-h) + 10px);padding-bottom:calc(var(--wc6fc-nav-h) + 24px);}
.wc6fc-hero{margin-top:6px;}
.wc6fc-carousel{position:relative;border-radius:var(--wc6fc-radius);overflow:hidden;box-shadow:var(--wc6fc-shadow);}
.wc6fc-slides{display:flex;transition:transform .45s ease;}
.wc6fc-slide{min-width:100%;position:relative;}
.wc6fc-slide img{width:100%;height:auto;display:block;}
.wc6fc-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:14px;
  background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);
}
.wc6fc-slide-cap h2{margin:0 0 6px;color:#fff;font-size:1.9rem;}
.wc6fc-slide-cap p{margin:0 0 8px;color:var(--wc6fc-mint);font-size:1.3rem;}
.wc6fc-slide-cap .wc6fc-btn{margin-top:4px;}
.wc6fc-dots{display:flex;gap:6px;justify-content:center;margin-top:8px;}
.wc6fc-dots button{
  width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(255,255,255,.35);transition:background .2s,width .2s;
}
.wc6fc-dots button.wc6fc-active{background:var(--wc6fc-teal);width:22px;border-radius:6px;}

/* ============ Section headings ============ */
.wc6fc-section{margin:22px 0;}
.wc6fc-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.wc6fc-section-head h2{display:flex;align-items:center;gap:8px;color:#fff;}
.wc6fc-section-head h2 .material-icons,.wc6fc-section-head h2 i{color:var(--wc6fc-teal);font-size:24px;}
.wc6fc-section-head .wc6fc-more{font-size:1.25rem;color:var(--wc6fc-teal);}

/* ============ Game grid ============ */
.wc6fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.wc6fc-card{
  background:linear-gradient(180deg,#2b3c4f,#1f2c38);
  border:1px solid var(--wc6fc-line);border-radius:12px;overflow:hidden;cursor:pointer;
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.wc6fc-card:hover{transform:translateY(-3px);box-shadow:var(--wc6fc-shadow);border-color:var(--wc6fc-teal);}
.wc6fc-card-img{position:relative;aspect-ratio:1/1;background:#0f1822;}
.wc6fc-card-img img{width:100%;height:100%;object-fit:cover;}
.wc6fc-card-tag{
  position:absolute;top:6px;left:6px;background:var(--wc6fc-accent-2);color:#fff;
  font-size:1rem;font-weight:700;padding:2px 6px;border-radius:6px;
}
.wc6fc-card-name{
  padding:8px 6px;font-size:1.18rem;color:var(--wc6fc-text);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ============ Info / content blocks ============ */
.wc6fc-panel{
  background:linear-gradient(180deg,rgba(128,203,196,.08),rgba(39,55,70,.55));
  border:1px solid var(--wc6fc-line);border-radius:var(--wc6fc-radius);padding:16px;
}
.wc6fc-panel h3{color:var(--wc6fc-teal);}
.wc6fc-panel p,.wc6fc-panel li{color:var(--wc6fc-text);font-size:1.4rem;}
.wc6fc-panel ul{margin:0;padding-left:18px;}
.wc6fc-panel li{margin-bottom:6px;}
.wc6fc-lead{font-size:1.5rem;color:var(--wc6fc-mint);}
.wc6fc-inline-link{color:var(--wc6fc-teal);font-weight:600;border-bottom:1px dotted var(--wc6fc-teal);}
.wc6fc-inline-link:hover{color:var(--wc6fc-accent);border-color:var(--wc6fc-accent);}

/* ============ CTA strip ============ */
.wc6fc-cta{
  background:linear-gradient(120deg,var(--wc6fc-deep-teal),#005f5f);
  border-radius:var(--wc6fc-radius);padding:18px;text-align:center;
  box-shadow:var(--wc6fc-shadow);
}
.wc6fc-cta h3{color:#fff;margin-bottom:8px;}
.wc6fc-cta p{color:var(--wc6fc-mint);margin-bottom:12px;}
.wc6fc-cta .wc6fc-btn{font-size:1.5rem;padding:12px 26px;}

/* ============ Feature / highlights cards ============ */
.wc6fc-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.wc6fc-feature{
  background:#22343f;border:1px solid var(--wc6fc-line);border-radius:12px;padding:14px;text-align:center;
}
.wc6fc-feature .material-icons,.wc6fc-feature i{font-size:30px;color:var(--wc6fc-accent);}
.wc6fc-feature h4{margin:8px 0 4px;color:#fff;font-size:1.45rem;}
.wc6fc-feature p{margin:0;font-size:1.25rem;color:var(--wc6fc-muted);}

/* ============ Testimonials ============ */
.wc6fc-testimonials{display:grid;grid-template-columns:1fr;gap:10px;}
.wc6fc-testimonial{
  background:#22343f;border-left:3px solid var(--wc6fc-teal);border-radius:10px;padding:12px 14px;
}
.wc6fc-testimonial p{margin:0 0 6px;font-size:1.32rem;color:var(--wc6fc-text);}
.wc6fc-testimonial .wc6fc-stars{color:var(--wc6fc-accent);font-size:1.2rem;}
.wc6fc-testimonial .wc6fc-author{font-size:1.2rem;color:var(--wc6fc-muted);}

/* ============ RTP table ============ */
.wc6fc-rtp{width:100%;border-collapse:collapse;font-size:1.3rem;}
.wc6fc-rtp th,.wc6fc-rtp td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--wc6fc-line);}
.wc6fc-rtp th{color:var(--wc6fc-teal);font-weight:700;}
.wc6fc-rtp td.wc6fc-pct{color:var(--wc6fc-accent);font-weight:700;}

/* ============ Winners ============ */
.wc6fc-winners{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.wc6fc-winner{background:#22343f;border-radius:10px;padding:10px;display:flex;gap:8px;align-items:center;}
.wc6fc-winner .wc6fc-avatar{width:32px;height:32px;border-radius:50%;background:var(--wc6fc-deep-teal);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;}
.wc6fc-winner div b{color:var(--wc6fc-accent);display:block;font-size:1.25rem;}
.wc6fc-winner div span{color:var(--wc6fc-muted);font-size:1.15rem;}

/* ============ Payment ============ */
.wc6fc-payments{display:flex;flex-wrap:wrap;gap:8px;}
.wc6fc-pay{
  background:#22343f;border:1px solid var(--wc6fc-line);border-radius:8px;padding:8px 12px;
  display:flex;align-items:center;gap:6px;font-size:1.25rem;color:var(--wc6fc-text);
}

/* ============ App download CTA ============ */
.wc6fc-app{
  background:linear-gradient(135deg,#008B8B,#273746);
  border-radius:var(--wc6fc-radius);padding:16px;display:flex;gap:12px;align-items:center;
}
.wc6fc-app .wc6fc-app-text h3{color:#fff;margin-bottom:4px;}
.wc6fc-app .wc6fc-app-text p{color:var(--wc6fc-mint);font-size:1.3rem;margin:0 0 8px;}
.wc6fc-app .wc6fc-app-text .wc6fc-btn{font-size:1.3rem;}

/* ============ Footer ============ */
.wc6fc-footer{
  background:#101922;border-top:1px solid var(--wc6fc-line);padding:22px 0 90px;margin-top:20px;
}
.wc6fc-footer .wc6fc-brand{margin-bottom:10px;}
.wc6fc-footer-intro{color:var(--wc6fc-muted);font-size:1.3rem;margin-bottom:12px;}
.wc6fc-footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.wc6fc-footer-links a{
  background:#1d2a36;border:1px solid var(--wc6fc-line);color:var(--wc6fc-text);
  padding:6px 12px;border-radius:18px;font-size:1.2rem;
}
.wc6fc-footer-links a:hover{background:var(--wc6fc-deep-teal);color:#fff;}
.wc6fc-footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;}
.wc6fc-footer-cols h4{color:var(--wc6fc-teal);font-size:1.3rem;margin-bottom:6px;}
.wc6fc-footer-cols a{display:block;color:var(--wc6fc-muted);font-size:1.2rem;padding:3px 0;}
.wc6fc-footer-cols a:hover{color:var(--wc6fc-teal);}
.wc6fc-copy{color:var(--wc6fc-muted);font-size:1.15rem;border-top:1px solid var(--wc6fc-line);padding-top:10px;text-align:center;}

/* ============ Mobile bottom nav ============ */
.wc6fc-bottomnav{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;height:var(--wc6fc-nav-h);
  background:linear-gradient(180deg,rgba(31,44,56,.98),rgba(16,25,34,.99));
  border-top:1px solid var(--wc6fc-line);
  display:flex;justify-content:space-around;align-items:stretch;
  box-shadow:0 -4px 18px rgba(0,0,0,.35);
}
.wc6fc-bottomnav button{
  flex:1;min-width:60px;min-height:60px;background:transparent;border:none;color:var(--wc6fc-muted);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  cursor:pointer;transition:color .15s,transform .15s;font-family:inherit;padding:4px 0;
}
.wc6fc-bottomnav button .material-icons,
.wc6fc-bottomnav button i{font-size:24px;}
.wc6fc-bottomnav button span.wc6fc-bn-label{font-size:1.05rem;font-weight:600;}
.wc6fc-bottomnav button:active{transform:scale(.92);}
.wc6fc-bottomnav button.wc6fc-active{color:var(--wc6fc-teal);}
.wc6fc-bottomnav button.wc6fc-active .material-icons,
.wc6fc-bottomnav button.wc6fc-active i{color:var(--wc6fc-accent);}
.wc6fc-bottomnav .wc6fc-bn-promo{
  color:#fff;background:linear-gradient(180deg,var(--wc6fc-accent-2),#c93838);
  border-radius:30px 30px 0 0;margin-top:-10px;padding-top:10px;
}
.wc6fc-bottomnav .wc6fc-bn-promo span.wc6fc-bn-label{color:#fff;}

/* ============ Desktop rules ============ */
@media (min-width:769px){
  .wc6fc-bottomnav{display:none;}
  .wc6fc-container{max-width:760px;}
  .wc6fc-header-inner{max-width:760px;}
  .wc6fc-footer{padding-bottom:30px;}
  .wc6fc-main{padding-bottom:40px;}
}
@media (min-width:481px) and (max-width:768px){
  .wc6fc-container{max-width:430px;}
}