/* Testimonial Card Rotation Styles - Brand-aligned paper notes effect */

/* Base rotation for testimonial cards */
.testimonial-card-rotate-right {
    transform: rotate(2deg) !important;
}

.testimonial-card-rotate-left {
    transform: rotate(-2deg) !important;
}

/* Alternating rotation for grid items */
.wp-block-post-template .wp-block-group:nth-child(3n+1) {
    transform: rotate(-2deg);
}

.wp-block-post-template .wp-block-group:nth-child(3n+2) {
    transform: rotate(1deg);
}

.wp-block-post-template .wp-block-group:nth-child(3n+3) {
    transform: rotate(2deg);
}

/* Ensure cards don't get cut off */
.wp-block-post-template {
    overflow: visible !important;
}

.wp-block-query .wp-block-post-template {
    padding: var(--wp--preset--spacing--30) 0;
}

/* Hover effect - straighten slightly */
.wp-block-post-template .wp-block-group:hover {
    transform: rotate(0deg) !important;
    transition: transform 0.3s ease;
}

/* Ensure smooth transitions */
.wp-block-post-template .wp-block-group {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-post-template .wp-block-group:hover {
    box-shadow: 6px 6px 0px rgba(0,0,0,0.2) !important;
}