/* ShopVista - Custom Styles (Tailwind CDN mode) */

/* Line clamp utility */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Focus outline for accessibility */
*:focus-visible {
    outline: none;
}
*:focus-visible {
    box-shadow: 0 0 0 2px #4F46E5;
    box-shadow: 0 0 0 2px theme(colors.primary), 0 0 0 4px theme(colors.white);
}

/* Custom select dropdown */
.select-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath fill='%23666' d='M6 0L12 6H0z'/%3E%3C/svg%3E");
}

/* Quantity input buttons */
.qty-btn {
    background: #F3F4F6;
    border: 1px solid #D1D5DB;
}

/* Rating stars */
.rating i {
    color: #F59E0B;
}

/* Product image zoom effect */
.product-image-zoom {
    transition: transform 0.3s ease;
}
.product-image-zoom:hover {
    transform: scale(1.05);
}

/* Admin table hover */
.admin-table tbody tr:hover {
    background-color: #F9FAFB;
}

/* Loader spinner */
.spinner {
    border-top-color: #4F46E5;
    animation: spin 0.6s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Smooth scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #F3F4F6;
}
::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* Prevent text selection and context menu */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Input font size to prevent iOS zoom */
input, textarea, select {
    font-size: 16px;
}