/* Custom styles for Rackbeat Site */

/* Ensure suggestions dropdown is properly positioned */
.suggestions-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 50;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Focus styles for accessibility */
input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

/* Suggestion item focus state */
.suggestion-item:focus,
.suggestion-item:hover {
    background-color: #eff6ff;
}

.suggestion-item.bg-blue-100 {
    background-color: #dbeafe;
}

/* Mobile optimizations */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #product-details .grid {
        grid-template-columns: 1fr;
    }
}

/* Loading state */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Print styles */
@media print {
    header {
        display: none;
    }

    #product-details {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}