/**
 * SOCIALOMIDAS - Sklep z kontami społecznościowymi
 * 
 * @author    midascode.pl <kontakt@midascode.pl>
 * @copyright 2026 midascode.pl. Wszelkie prawa zastrzeżone.
 * @link      https://midascode.pl
 * @version   2.5
 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');


body {
    font-family: 'Outfit', sans-serif;
    background-color: #0a1428;
    color: #f8fafc;
    overflow-x: hidden;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #020c1b;
}
::-webkit-scrollbar-thumb {
    background: #112240;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* Glassmorphism Classes */
.glass-panel {
    background: rgba(17, 34, 64, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-panel-hover:hover {
    background: rgba(17, 34, 64, 0.6);
    border-color: rgba(212, 175, 55, 0.3);
    box-shadow: 0 10px 30px -10px rgba(2, 12, 27, 0.7);
    transform: translateY(-2px);
}

/* Gold glow effect */
.glow-gold {
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
}

.glow-gold:hover {
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
}

/* Teal glow */
.glow-teal {
    box-shadow: 0 0 20px rgba(20, 184, 166, 0.15);
}

/* Keyframes and Animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes pulse-gold {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 0.6; }
}

.pulse-gold-bg {
    animation: pulse-gold 4s infinite alternate;
}

/* Tailwind configuration helper classes */
.bg-navy { background-color: #0a1428; }
.bg-navy-light { background-color: #112240; }
.bg-navy-dark { background-color: #020c1b; }
.border-gold-30 { border-color: rgba(212, 175, 55, 0.3); }

/* Transition defaults */
.transition-all-300 {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}