/* ── Shared transition base ── */
nav a,
.header-right-text a,
.service-link,
.service-title img,
.testimonial-controls img,
.contact-submit-btn,
.footer a,
.videos-featured-play-btn,
.videos-list-item {
    transition: opacity 0.6s ease, transform 0.6s ease, color 0.6s ease,
                border-color 0.6s ease, letter-spacing 0.6s ease, background-color 0.6s ease;
}

/* ── Nav links ── */
nav .link:hover {
    opacity: 0.5;
}

nav .logo:hover {
    opacity: 0.5;
}

/* ── Header CTA ── */
.header-right-text a:hover {
    opacity: 0.6;
}

/* ── Service row gray on hover ── */
.service {
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.service:hover {
    background-color: #f4f4f4;
}

/* ── Service arrow — GSAP handles rotation, CSS handles base transition ── */
.service-title img {
    transition: transform 0.35s ease;
}

/* ── Service link ── */
.service-link:hover {
    opacity: 0.5;
}

/* ── Testimonial arrows ── */
.testimonial-controls img {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.testimonial-controls img:hover {
    opacity: 0.5;
    transform: translateX(6px);
}

.testimonial-controls .left:hover {
    transform: rotate(180deg) translateX(6px);
}

/* ── Featured play button ── */
.videos-featured-play-btn {
    transition: background 0.4s ease;
}

.videos-featured-play-btn svg {
    transition: fill 0.4s ease;
}

/* ── Video list items ── */
.videos-list-item {
    transition: background-color 0.3s ease;
}

.videos-list-item:hover {
    background-color: #f4f4f4;
}

/* ── Contact submit ── */
.contact-submit-btn:hover {
    opacity: 0.55;
}

/* ── Footer links ── */
.footer a:hover {
    opacity: 0.5;
}