/*
Theme Name: MuReva Impreza Child
Description: Accessibility and performance-focused child theme for Impreza.
Author: MuReva
Template: Impreza
Version: 1.1.0
Text Domain: mureva-impreza-child
*/

/* Keep MuReva's existing visual design intact. */

/* Accessible keyboard focus without changing the site's color palette. */
:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Keep the keyboard skip link visible when focused. */
.mureva-skip-link {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 999999;
    padding: 10px 14px;
    background: #fff;
    color: #000;
    border: 2px solid currentColor;
    border-radius: 3px;
    transform: translateY(-200%);
    transition: transform 0.15s ease;
}

.mureva-skip-link:focus {
    transform: translateY(0);
}

/* Avoid accidental viewport overflow from long content. */
html {
    overflow-x: hidden;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

/* Respect users who request reduced motion. */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Help common interactive controls remain comfortably tappable. */
@media (max-width: 767px) {
    :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
        min-height: 44px;
    }
}