/* Site-wide motion polish: smooth scrolling + subtle hover feedback.
   Scroll-reveal itself is handled by the theme's existing WOW.js + animate.css. */

html {
    scroll-behavior: smooth;
}

/* Product / portfolio image cards */
.image-box,
.image-profolio,
.img-hover,
.image-hover,
.image-puzzle {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.image-box:hover,
.image-profolio:hover,
.img-hover:hover,
.image-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.14);
}

.image-box img,
.image-profolio img,
.img-hover img,
.image-hover img,
.tf-blog-slider .image img {
    transition: transform 0.5s ease;
}

.image-box:hover img,
.image-profolio:hover img,
.img-hover:hover img,
.image-hover:hover img {
    transform: scale(1.05);
}

/* Buttons */
.themesflat-button-style2,
.themesflat-button,
.themesflat-button-style3 {
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.themesflat-button-style2:hover,
.themesflat-button:hover,
.themesflat-button-style3:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(218, 37, 28, 0.25);
}

/* Nav links */
#mainnav .menu > li > a {
    transition: color 0.25s ease;
}

/* Portfolio tab arrow buttons */
.btn-tab a {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-tab a:hover {
    transform: translateX(4px);
}

/* Window/door category thumbnails on the homepage */
.window .title-window a {
    transition: color 0.25s ease;
}

/* Respect users who've asked for reduced motion */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .image-box,
    .image-profolio,
    .img-hover,
    .image-hover,
    .image-puzzle,
    .image-box img,
    .image-profolio img,
    .img-hover img,
    .image-hover img,
    .themesflat-button-style2,
    .themesflat-button,
    .themesflat-button-style3,
    .btn-tab a {
        transition: none !important;
        transform: none !important;
    }
}