/**
 * Hover Effects
 *
 * Replaces inline onmouseover/onmouseout handlers with CSS :hover pseudo-classes
 * Improves CSP compliance and code maintainability
 *
 * @package Skraafoto
 */

/* Card hover effect with shadow and transform lift */
.card-hover-lift {
    transition: var(--transition);
}
.card-hover-lift:hover {
    border-color: var(--blue-200);
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

/* Text link hover with color and border change */
.link-hover-text {
    transition: var(--transition);
}
.link-hover-text:hover {
    border-color: var(--blue-300);
    color: var(--blue-700);
}

/* Button/link hover with shadow effect */
.link-hover-shadow {
    transition: var(--transition);
}
.link-hover-shadow:hover {
    border-color: var(--blue-600, #2563eb);
    box-shadow: 0 4px 24px rgba(37, 99, 235, 0.10);
}