/* =========================
   Testimonials Slider Style
========================= */

:root{

    /* avatar */
    --testimonial-avatar-size:60px;

    /* name */
    --testimonial-name-size:18px;
    --testimonial-name-color: #6a0d7a;
    --testimonial-name-weight:700;

    /* job — secondary text from the site palette */
    --testimonial-job-size:13px;
    --testimonial-job-color: #ff6b9d;     /* darker than gray-500 for clear contrast on white */

    /* comment — main readable copy */
    --testimonial-comment-size:14px;
    --testimonial-comment-color: #6a0d7a;

    /* rating */
    --testimonial-rating-size:14px;
    --testimonial-rating-color:#f6b500;

    /* card */
    --testimonial-card-bg:#ffffff;
    --testimonial-card-border: var(--gray-200);

}


/* section */

.testimonials-slider-section{
    padding:60px 0;
}

/* section title — change colour here */
.testimonials-slider-section__title {
    color: var(--dark);
    font-weight: 700;
    margin: 0 0 24px;
    text-align: center;
}
body.dark-mode .testimonials-slider-section__title {
    color: #ffffff;
}
/* On the home wallpaper (purple bg, light mode), lift to snow */
body.home-wallpaper-active:not(.dark-mode) .testimonials-slider-section__title {
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(20, 0, 40, 0.20);
}


/* card */

.testimonial-card{
    background:var(--testimonial-card-bg);
    border-radius:16px;
    border:1px solid var(--testimonial-card-border);
    padding:24px;
    text-align:center;
    max-width:320px;
    margin:auto;
    transition:all .3s ease;
}

.testimonial-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
}


/* avatar */

.testimonial-card img{
    display: none;                 /* user avatars hidden per design request */
}


/* name */

.testimonial-card h5{
    font-size:var(--testimonial-name-size);
    color:var(--testimonial-name-color);
    font-weight:var(--testimonial-name-weight);
    margin-top:10px;
}


/* job */

.testimonial-card .testimonial-card__job,
.testimonial-card span{
    font-size:var(--testimonial-job-size);
    color:var(--testimonial-job-color);
    font-weight: 500;
}


/* comment */

.testimonial-card .testimonial-card__comment,
.testimonial-card p{
    font-size:var(--testimonial-comment-size);
    color:var(--testimonial-comment-color);
    margin-top:10px;
    line-height:1.7;
}


/* rating */

.testimonial-rating{
    color:var(--testimonial-rating-color);
    font-size:var(--testimonial-rating-size);
    margin-top:6px;
}

.testimonial-rating i {
    color: var(--testimonial-rating-color, #f6b500); /* لون افتراضي أصفر */
    font-size: var(--testimonial-rating-size, 14px);
    margin-right: 2px;
}

/* swiper arrows */

.swiper-button-next,
.swiper-button-prev{
    color: var(--primary);
}


/* pagination */

.swiper-pagination-bullet{
    background: var(--gray-300);
    opacity: 0.6;
}

.swiper-pagination-bullet-active{
    background: var(--primary);
    opacity: 1;
}

/* On the home purple gradient the arrows + active dot sit on the dark
   background (outside the white cards) — lift them to light so they stay
   visible. */
body.home-wallpaper-active:not(.dark-mode) .testimonials-slider-section .swiper-button-next,
body.home-wallpaper-active:not(.dark-mode) .testimonials-slider-section .swiper-button-prev {
    color: #f5d8ff;
}
body.home-wallpaper-active:not(.dark-mode) .testimonials-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.45);
}
body.home-wallpaper-active:not(.dark-mode) .testimonials-pagination .swiper-pagination-bullet-active {
    background: #c13fd8;
}