/* Mandarin Palace Casino - Non-Critical CSS */
/* Additional animations and enhancements */

.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border);border-radius:24px;font-size:16px;outline:none;background:#f8f9fa;transition:all 0.2s}
.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(201,48,44,0.1)}
.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text2)}

.screenshot:hover{transform:scale(1.02);transition:transform 0.2s}
.share-btn:hover{background:var(--border-light);color:var(--text)}

.description h2{font-size:20px;font-weight:600;margin:24px 0 12px 0;color:var(--text);scroll-margin-top:120px}
.description h3{font-size:16px;font-weight:600;margin:20px 0 12px 0;color:var(--text)}
.description p{margin-bottom:12px}
.description ul{margin-left:20px;margin-bottom:16px}
.description li{margin-bottom:8px}

.game-category-card{transition:all 0.3s ease}
.game-category-card:active{transform:scale(0.98)}

.stat-card{transition:transform 0.2s}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(201,48,44,0.15)}

.promo-card{transition:box-shadow 0.2s}
.promo-card:hover{box-shadow:0 4px 20px rgba(255,193,7,0.15)}

.jackpot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.jackpot-item{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:white;padding:16px;border-radius:var(--radius-small);text-align:center}
.jackpot-type{font-size:11px;text-transform:uppercase;opacity:0.8;margin-bottom:4px}
.jackpot-amount{font-size:20px;font-weight:700;color:var(--gold)}

.trust-badges img{filter:grayscale(100%);opacity:0.7;transition:all 0.2s}
.trust-badges img:hover{filter:grayscale(0%);opacity:1}

.bar-fill{transition:width 1s ease-out}

.expert-review-card{transition:box-shadow 0.2s}
.expert-review-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08)}

.floating-cta{animation:slideUp 0.3s ease-out}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Asian decorative elements */
.asian-border{border:2px solid var(--primary);position:relative}
.asian-border::before{content:"🐉";position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#fff;padding:0 10px;font-size:20px}

/* Responsive adjustments */
@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}
  .promo-steps ol{font-size:13px}
}