/**
 * Testimonial Template CSS
 *
 * @package wp.plugin.svx
 * @version 1.0.0
 * @author SV Agency
 * @since 1.0.0
 *
 * Template-specific CSS for testimonial styling
 * Loaded conditionally when testimonial posts are present
 *
 * Usage:
 * This CSS file contains template-specific styling for the testimonial template.
 * It should be loaded only when testimonial posts are being displayed
 * to avoid CSS bloat on pages that don't need it.
 *
 * Dependencies:
 * - Requires svx-post.css to be loaded first for universal post styling
 *
 * CSS Class System:
 * - svx-testimonial: Template-specific class for testimonial styling
 *   * Contains all testimonial specific visual styling
 *   * Includes blockquote layout and typography
 *   * Married to testimonial template's unique design requirements
 *
 * Last Updated: 2025-01-27
 */

/* Ensure column wrapper has no conflicting styles */
.testimonial-item {
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.testimonial-quote {
    margin: 0;
    padding: 20px;
    border: none;
    text-align: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    border-top: 4px solid var(--primary-color-1);
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial-item:hover .testimonial-quote {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.testimonial-title {
    margin: 0 0 0px 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: #2c3e50;
    font-style: italic;
}

.testimonial-author-details {
    color: var(--primary-color-1);
    font-weight: 500;
    font-size: 0.9rem;
    margin: 0;
    font-style: normal;
}