/* Service accordion toggle arrow rotation */
.service-toggle svg {
    transition: transform 0.3s ease-out;
}

/* Hover: title and arrow turn emerald */
.service-item:hover .service-title-text {
    color: #047857;
}

.service-item:hover > .service-toggle {
    color: #047857;
}

/* Subtle arrow bounce on hover — closed (down arrow) */
.service-item:hover > .service-toggle svg:not(.rotate-180) {
    animation: arrowBounceDown 0.6s ease-in-out infinite;
}

/* Subtle arrow bounce on hover — open (up arrow) */
.service-item:hover > .service-toggle svg.rotate-180 {
    animation: arrowBounceUp 0.6s ease-in-out infinite;
}

@keyframes arrowBounceDown {
    0%, 100% { transform: translateY(0); }
    40% { transform: translateY(3px); }
    60% { transform: translateY(1px); }
}

@keyframes arrowBounceUp {
    0%, 100% { transform: rotate(180deg) translateY(0); }
    40% { transform: rotate(180deg) translateY(3px); }
    60% { transform: rotate(180deg) translateY(1px); }
}