/* Boss Arms Store - Main CSS */
/* This file will be replaced by compiled Tailwind CSS */

/* 
IMPORTANT: 
- This file is for reference only
- Use the compiled tailwind.css file instead
- Run 'npm run build-css' to compile Tailwind
*/

/* Custom styles that will be moved to src/input.css */
.bg-gradient-dark { 
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); 
}

.bg-gradient-primary { 
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); 
}

.text-shadow { 
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); 
}

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

/* Line clamp utility for blog cards */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* SVG Icon Color Filters */
.svg-purple {
    filter: invert(29%) sepia(60%) saturate(1499%) hue-rotate(230deg) brightness(90%) contrast(90%);
}

.svg-accent {
    filter: invert(70%) sepia(50%) saturate(400%) hue-rotate(350deg) brightness(100%) contrast(90%);
}

.svg-green {
    filter: invert(40%) sepia(80%) saturate(1000%) hue-rotate(90deg) brightness(90%) contrast(90%);
}

.svg-primary {
    filter: invert(40%) sepia(80%) saturate(1000%) hue-rotate(200deg) brightness(90%) contrast(90%);
}