/* ==========================================================================
   MAIN STYLES - SHOP GAME PRO (WED_hayho/assets/css/main.css)
   Chuẩn chuyên nghiệp theo cấu trúc shopreg76.com
   ========================================================================== */

:root {
    --bg-dark: #070a13;
    --card-bg: rgba(15, 23, 42, 0.85);
    --border-color: rgba(255, 255, 255, 0.08);
    --gold: #f59e0b;
    --cyan: #06b6d4;
    --emerald: #10b981;
    --rose: #f43f5e;
}

/* Đệm an toàn cho iPhone Dynamic Island */
.ios-header {
    padding-top: max(1rem, calc(env(safe-area-inset-top, 0px) + 1.25rem)) !important;
}

@media all and (display-mode: standalone) {
    .ios-header {
        padding-top: max(1.25rem, calc(env(safe-area-inset-top, 0px) + 1.5rem)) !important;
    }
}

.bottom-cart-pad {
    padding-bottom: max(5.5rem, calc(env(safe-area-inset-bottom, 0px) + 5.5rem)) !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #070a13;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Glassmorphism */
.glass-box {
    background: rgba(15, 23, 42, 0.82);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-box:hover {
    border-color: rgba(255, 255, 255, 0.16);
}

/* Glow effects */
.glow-gold {
    box-shadow: 0 0 25px -5px rgba(245, 158, 11, 0.35);
}

.glow-cyan {
    box-shadow: 0 0 25px -5px rgba(6, 182, 212, 0.35);
}

.glow-emerald {
    box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.35);
}

/* Pulse animation */
@keyframes pulse-subtle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.05); }
}

.animate-pulse-subtle {
    animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}