/* Testere Store Theme - CSS Overrides */

/* ===== CUSTOM SCROLLBAR ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #9ca3af; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6b7280; }

/* ===== ALPINE CLOAK ===== */
[x-cloak] { display: none !important; }

/* ===== LINE CLAMP ===== */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== SMOOTH SCROLL ===== */
html { scroll-behavior: smooth; }

/* ===== FOCUS STYLES ===== */
*:focus-visible {
    outline: 2px solid #f97316;
    outline-offset: 2px;
}

/* ===== SELECTION ===== */
::selection {
    background: #fed7aa;
    color: #7c2d12;
}

/* ===== BADGE PULSE ===== */
@keyframes badge-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}
.badge-pulse { animation: badge-pulse 2s ease-in-out infinite; }

/* ===== PRODUCT CARD HOVER ===== */
.product-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* ===== SWIPER CUSTOM ===== */
.swiper-pagination-bullet-active {
    background: #f97316 !important;
}

/* ===== DROPDOWN TRANSITION ===== */
.group:hover > ul {
    opacity: 1 !important;
    visibility: visible !important;
}