/* 50DollarShop.com Official Stylesheet - Modern E-Commerce Platform */

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

/* Custom transitions */
.transition-smooth {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Cart slide-over drawer */
#cartDrawer {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
#cartDrawer.translate-x-full {
    transform: translateX(100%);
}
#cartDrawer:not(.translate-x-full) {
    transform: translateX(0);
}

/* Toast Notification animations */
.toast-slide-in {
    animation: toastIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.toast-slide-out {
    animation: toastOut 0.25s ease-in forwards;
}

@keyframes toastIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toastOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
}

/* Aspect ratio product cards */
.product-card-img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

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

/* Modern Brand Emerald Accents & Badges */
.badge-50-deal {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.3);
}

.glow-emerald {
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.25);
}

/* Custom Webkit Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
html.dark ::-webkit-scrollbar-track {
    background: #0b0f19;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
html.dark ::-webkit-scrollbar-thumb {
    background: #334155;
}
::-webkit-scrollbar-thumb:hover {
    background: #10b981;
}

/* Slider Track GPU Acceleration */
.slider-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Print Invoice Styling */
@media print {
    body {
        background: white !important;
        color: black !important;
        font-size: 12pt;
    }
    header, footer, .no-print, #cartDrawer, #toastContainer, .btn-print, #mobileBottomNav {
        display: none !important;
    }
    .print-container {
        box-shadow: none !important;
        border: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .print-table {
        border-collapse: collapse;
        width: 100%;
    }
    .print-table th, .print-table td {
        border-bottom: 1px solid #ddd;
        padding: 8px;
    }
}