/* Global Custom Styles for SonicStream */

/* Marquee Animation for Reviews */
.marquee-container {
    overflow: hidden;
    display: flex;
    user-select: none;
    gap: 2rem;
    padding: 2rem 0;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.marquee-track {
    display: flex;
    gap: 2rem;
    animation: scroll 60s linear infinite;
    min-width: max-content;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 1rem)); }
}

.review-card {
    flex: 0 0 320px;
    width: 320px;
}

/* Details/Summary Cleanup */
details summary::-webkit-details-marker {
    display: none;
}

/* Custom Select Dropdown Focus Effect */
.custom-select:focus {
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1);
    border-color: #dc2626;
}

/* Star Rating Interaction Styles (Used in Reviews Page) */
.star-rating i {
    cursor: pointer;
    transition: transform 0.2s;
}

.star-rating i:hover {
    transform: scale(1.2);
}

.star-rating i.active {
    color: #fbbf24;
}

/* Review Entry Animation */
.review-animate {
    animation: slideIn 0.5s ease-out forwards;
}

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