/* Lotus Asia Casino - Violet Theme CSS */
/* Oriental gaming aesthetics with purple/violet palette */

:root{
  --primary:#7c3aed;
  --primary-dark:#6d28d9;
  --primary-light:#a78bfa;
  --gold:#fbbf24;
  --gold-dark:#f59e0b;
  --success-green:#27ae60;
  --warning-orange:#f39c12;
  --danger-red:#dc2626;
  --bg:#ffffff;
  --surface:#faf5ff;
  --surface2:#f3e8ff;
  --text:#1f2937;
  --text2:#6b7280;
  --text3:#9ca3af;
  --border:#e5e7eb;
  --border-light:#f3f4f6;
  --star:#fbbf24;
  --shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
  --shadow-lg:0 10px 25px rgba(124,58,237,0.15);
  --radius:12px;
  --radius-small:8px;
  --transition:all 0.3s ease;
}

/* Utility Classes */
.text-primary{color:var(--primary)}
.bg-primary{background:var(--primary)}
.border-primary{border-color:var(--primary)}
.gold-accent{color:var(--gold)}

/* Search Enhancements */
.search-input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(124,58,237,0.1);
}

/* Game Category Cards */
.game-category-card{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
  position:relative;
  overflow:hidden;
}
.game-category-card::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;
  background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);
  opacity:0;
  transition:opacity 0.3s;
}
.game-category-card:hover::before{
  opacity:1;
}
.game-category-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
  border-color:var(--gold);
}

/* Promo Cards */
.promo-card{
  background:linear-gradient(135deg,var(--surface) 0%,#fff 100%);
  position:relative;
}
.promo-card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--primary),var(--gold));
  opacity:0;
  transition:opacity 0.3s;
}
.promo-card:hover::after{
  opacity:1;
}

/* Stat Cards */
.stat-card{
  background:linear-gradient(135deg,#fff 0%,var(--surface) 100%);
  border:2px solid var(--primary);
  position:relative;
  overflow:hidden;
}
.stat-card::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:60px;
  height:60px;
  background:linear-gradient(135deg,var(--surface2) 0%,transparent 100%);
  border-bottom-left-radius:100%;
  opacity:0.5;
}
.stat-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}

/* Sister Casino Cards */
.sister-casino-card{
  position:relative;
  overflow:hidden;
}
.sister-casino-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--primary),var(--gold));
  transform:scaleX(0);
  transition:transform 0.3s;
}
.sister-casino-card:hover::before{
  transform:scaleX(1);
}
.sister-casino-card:hover{
  border-color:var(--primary);
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(124,58,237,0.12);
}

/* Expert Review */
.expert-review-card{
  position:relative;
}
.expert-review-card::before{
  content:"🌸";
  position:absolute;
  top:20px;
  right:20px;
  font-size:40px;
  opacity:0.05;
}
.expert-verdict{
  background:linear-gradient(135deg,var(--surface) 0%,#fff 100%);
  border-left:4px solid var(--gold);
}

/* Live Status */
.status-item.updating{
  border-color:var(--gold);
  animation:pulse 1s ease-in-out;
}
@keyframes pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.02)}
}

/* TOC */
.toc-wrapper{
  background:var(--surface);
  border:1px solid var(--border);
}
.toc-summary{
  color:var(--primary);
  background:var(--surface);
}
.toc-list a:hover{
  background:var(--surface2);
  color:var(--primary);
}

/* FAQ */
.faq-question:hover{
  color:var(--primary);
}
.faq-question.active{
  color:var(--primary);
}
.faq-toggle{
  color:var(--primary);
}

/* Floating CTA */
.floating-cta{
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(10px);
}
.cta-primary{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
  box-shadow:0 4px 12px rgba(124,58,237,0.3);
}
.cta-primary:hover{
  background:var(--primary-dark);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(124,58,237,0.4);
}

/* Modal */
.exit-modal-box{
  border:2px solid var(--gold);
  position:relative;
}
.exit-modal-box::before{
  content:"🌸";
  position:absolute;
  top:-20px;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  padding:0 15px;
  font-size:24px;
}

/* Install Button Animation */
.install-btn{
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
  box-shadow:0 4px 12px rgba(124,58,237,0.3);
  position:relative;
  overflow:hidden;
}
.install-btn::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-50%;
  width:200%;
  height:200%;
  background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);
  transform:rotate(45deg);
  animation:shine 3s infinite;
}
@keyframes shine{
  0%{transform:translateX(-100%) rotate(45deg)}
  100%{transform:translateX(100%) rotate(45deg)}
}

/* Trust Badges */
.footer-badge{
  filter:grayscale(100%);
  opacity:0.7;
  transition:all 0.2s;
}
.footer-badge:hover{
  filter:grayscale(0%);
  opacity:1;
}

/* Screenshots */
.screenshot{
  transition:transform 0.2s;
}
.screenshot:hover{
  transform:scale(1.02);
}

/* Responsive */
@media(min-width:768px){
  .header-container,.app-hero,.tabs,.tab-content{max-width:1200px;margin-left:auto;margin-right:auto}
  .search-bar{display:block}
  .game-categories-grid{grid-template-columns:repeat(4,1fr)}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:480px){
  .game-categories-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:1fr}
  .rating-bars{width:100%}
  .expert-avatar{width:60px;height:60px}
}

/* Print styles */
@media print{
  .floating-cta,.exit-modal-overlay,.aff-disclaimer-btn{display:none}
  body{padding-bottom:0}
}