/* File: assets/css/style.css */
/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #7b2cbf;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9d4edd;
}

/* Utilities */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scrollbar::-webkit-scrollbar {
    height: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #00f0ff;
}

/* Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(0, 240, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(0, 240, 255, 0.8);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 0.3s ease-out;
}

.animate-pulse-glow {
    animation: pulse-glow 2s infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .text-4xl {
        font-size: 2rem;
    }
    
    .text-3xl {
        font-size: 1.5rem;
    }
}
/* assets/css/style.css */
/* Mobile-specific adjustments */

/* Better touch targets */
@media (max-width: 640px) {
    button, 
    a.btn, 
    a[role="button"] {
        min-height: 44px;
        min-width: 44px;
    }
    
    input, 
    select, 
    textarea {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}

/* Improved mobile typography */
@media (max-width: 768px) {
    .text-responsive {
        font-size: calc(14px + 0.5vw);
    }
    
    h1 {
        font-size: calc(1.5rem + 1vw);
    }
    
    h2 {
        font-size: calc(1.25rem + 0.5vw);
    }
    
    h3 {
        font-size: calc(1.125rem + 0.25vw);
    }
}

/* Mobile menu adjustments */
.mobile-menu-button {
    display: block;
}

.desktop-menu {
    display: none;
}

@media (min-width: 768px) {
    .mobile-menu-button {
        display: none;
    }
    
    .desktop-menu {
        display: flex;
    }
}

/* Prevent horizontal scroll on mobile */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
        position: relative;
    }
    
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Smooth transitions */
* {
    transition: all 0.2s ease;
}

/* Better mobile table scrolling */
.table-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

/* Hide scrollbar but keep functionality */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Mobile optimization for tables */
@media (max-width: 767px) {
    .mobile-table {
        display: block;
    }
    
    .mobile-table-row {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        margin-bottom: 1rem;
        background: rgba(15, 5, 24, 0.9);
        border-radius: 0.75rem;
        border: 1px solid rgba(123, 44, 191, 0.3);
    }
}

/* Improved readability on small screens */
@media (max-width: 640px) {
    .text-balance {
        text-wrap: balance;
    }
    
    .leading-tight {
        line-height: 1.2;
    }
    
    .tracking-tighter {
        letter-spacing: -0.025em;
    }
}

/* Mobile-safe hover states */
@media (hover: hover) {
    .hover-effect:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    }
}

@media (hover: none) {
    .hover-effect:active {
        transform: scale(0.98);
        opacity: 0.9;
    }
}