@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar styling */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Custom card hover effect */
.camera-card:hover {
    transform: translateY(-3px);
    border-color: #f97316; /* orange-500 */
}

/* Responsive iframe container */
.relative.pb-\[56\.25\%\] {
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}

/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Feather icons sizing */
.feather {
    width: 20px;
    height: 20px;
}

/* Focus states for accessibility */
.camera-card:focus {
    outline: 2px solid #f97316;
    outline-offset: 2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .camera-card {
        padding: 1rem;
    }
}