/* ------------------------------------------------------------------
 * La Toxica V11 — Reviews Section Dark Theme Override
 * Transforms the cream-background marquee carousel into a dark,
 * centered, single-testimonial design per Suzie's V11 screenshot.
 *
 * Sealed-sheet discipline: override only, do NOT edit reviews-marquee.css.
 * Priority 70 (after all V10 CSS).
 * ------------------------------------------------------------------ */

/* ------- Dark background --------------------------------------- */
.latoxica-testimonials-marquee {
    background: #1a1a1a;
    color: #ffffff;
}

/* ------- Header overrides -------------------------------------- */
.latoxica-testimonials-marquee__eyebrow {
    color: #EC2C91; /* rose/pink accent */
}

.latoxica-testimonials-marquee__eyebrow-rule {
    background: #EC2C91;
}

.latoxica-testimonials-marquee__title {
    color: #ffffff;
}

.latoxica-testimonials-marquee__title em {
    color: #EC2C91;
}

.latoxica-testimonials-marquee__aggregate {
    /* Hide aggregate rating - card stars become the focal point */
    display: none;
    color: #ffffff;
    opacity: 0.9;
}

/* CRITICAL: Large yellow stars - from 0.95rem to 2rem */
.latoxica-testimonials-marquee__aggregate-stars {
    color: #F2B119;
    font-size: 2rem;
    letter-spacing: 0.15em;
}

/* ------- Disable marquee animation, center cards --------------- */
.latoxica-testimonials-marquee__viewport {
    /* Remove the fade-out gradient mask */
    -webkit-mask-image: none;
            mask-image: none;
    overflow: visible;
}

.latoxica-testimonials-marquee__track {
    /* Stop the marquee animation */
    animation: none;
    /* Center cards instead of flex row */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
}

/* ------- Card dark theme --------------------------------------- */
.latoxica-testimonial-card {
    /* Dark/transparent card background */
    background: transparent;
    border: none;
    box-shadow: none;
    /* Center and constrain width */
    flex: 0 0 auto;
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding: 1.5rem;
}

.latoxica-testimonial-card__rule {
    /* Hide the colored rule */
    display: none;
}

.latoxica-testimonial-card__rating {
    /* Large yellow stars on cards — the focal point */
    color: #F2B119;
    font-size: 2.5rem;
    letter-spacing: 0.12em;
    margin-bottom: 1rem;
}

.latoxica-testimonial-card__highlight {
    color: #EC2C91;
}

.latoxica-testimonial-card__quote {
    text-align: center;
}

.latoxica-testimonial-card__quote p {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.6;
    font-style: normal;
}

.latoxica-testimonial-card__author {
    border-top: none;
    justify-content: center;
    padding-top: 1rem;
}

.latoxica-testimonial-card__avatar {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.latoxica-testimonial-card__name {
    color: #ffffff;
}

.latoxica-testimonial-card__meta {
    color: #ffffff;
    opacity: 0.6;
}

/* ------- Hide duplicate cards (show only first) ---------------- */
/* In the static centered layout, show only one testimonial */
.latoxica-testimonial-card:not(:first-child) {
    display: none;
}

/* ------- Responsive adjustments -------------------------------- */
@media (max-width: 768px) {
    .latoxica-testimonials-marquee__aggregate-stars {
        font-size: 1.75rem;
    }

    .latoxica-testimonial-card {
        padding: 1rem;
    }

    .latoxica-testimonial-card__quote p {
        font-size: 1.1rem;
    }
}