/* Testimonial component */
.testimonial-block {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 36px 32px;
    margin-bottom: 24px;
    position: relative;
    transition: all var(--transition-smooth);
}
.testimonial-block::before { content: ""; position: absolute; left: 0; top: 20%; height: 60%; width: 3px; background: linear-gradient(180deg, var(--accent-deep), var(--accent), transparent); border-radius: 0 2px 2px 0; opacity: 0; transition: opacity var(--transition-smooth); }
.testimonial-block:hover { border-color: rgba(232,80,2,0.25); background: var(--bg-elevated); }
.testimonial-block:hover::before { opacity: 0.8; }

.testimonial-quote { font-size: 1.1rem; font-style: italic; color: #E0E0E0; margin-bottom: 20px; line-height: 1.75; font-weight: 400; }
.testimonial-author { color: var(--accent); font-weight: 600; font-size: 0.95rem; }
.testimonial-company { color: var(--text-muted); font-size: 0.85rem; }
.stars { color: var(--accent); font-size: 1.05rem; margin-bottom: 10px; letter-spacing: 2px; }


/* ==========================================================================
   COMPONENT: Testimonial
   Generic testimonial card styles (used globally)
   ========================================================================== */

.testimonial-card {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 36px 32px;
    position: relative;
    transition: all var(--transition-glacial);
}

.testimonial-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22%;
    height: 56%;
    width: 3px;
    background: linear-gradient(180deg, var(--accent-deeper), var(--accent), transparent);
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity var(--transition-smooth);
}

.testimonial-card:hover {
    border-color: rgba(232, 80, 2, 0.28);
    background: var(--bg-hover);
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.5);
}

.testimonial-card:hover::before {
    opacity: 0.7;
}

.testimonial-card .testimonial-quote {
    font-size: 1.1rem;
    font-style: italic;
    color: #DDDDDD;
    margin-bottom: 16px;
    line-height: 1.7;
}

.testimonial-card .testimonial-author {
    font-weight: 600;
    color: var(--accent);
    font-size: 0.94rem;
}