/* Custom Styles for Zeal Tacticals Theme */

/* Tailwind CSS Base Styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Component Styles */
@layer components {
    /* Screen reader only class */
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    
    .focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: inherit;
        margin: inherit;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    
    /* Smooth scrolling */
    html {
        scroll-behavior: smooth;
    }
    
    /* Custom scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    ::-webkit-scrollbar-track {
        background: #F4F3F4;
    }
    
    ::-webkit-scrollbar-thumb {
        background: #4E3C32;
        border-radius: 5px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #B78D07;
    }
}

/* Custom Utilities */
@layer utilities {
    /* Aspect ratio utilities */
    .aspect-w-1 {
        position: relative;
        padding-bottom: 100%;
    }
    
    .aspect-h-1 {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}