/* ===== ИНФОРМАЦИОННЫЙ БЛОК (каталог и др.) ===== */
.catalog-info {
    background: rgb(245, 243, 241);
    padding: 30px;
    border-radius: 24px;
    margin-bottom: 40px;
    border: 1px solid #eaeaea;
}
.catalog-info h2 {
    font-size: 1.6rem;
    margin-top: 0;
}
.catalog-info ul {
    margin-left: 20px;
}
.catalog-info .btn-primary {
    background: rgb(255, 221, 0);
    color: #000;
    padding: 10px 25px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
}
.catalog-info .btn-primary:hover {
    background: rgb(252, 214, 4);
}

/* ===== КОНТАКТНАЯ ФОРМА ===== */
.contact-form-wrapper .btn-primary {
    background: rgb(255, 221, 0);
    color: #000;
    padding: 10px 25px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}
.contact-form-wrapper .btn-primary:hover {
    background: rgb(252, 214, 4);
}
.contact-form-wrapper input:focus,
.contact-form-wrapper textarea:focus {
    outline: none;
    border-color: rgb(255, 221, 0);
}

/* ===== АНИМАЦИЯ ПОЯВЛЕНИЯ ===== */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===== ПЛАВНАЯ ПРОКРУТКА ===== */
html {
    scroll-behavior: smooth;
}
/* Базовые анимации для всех кнопок */
.btn, 
.btn-primary, 
.btn-secondary, 
.btn-outline-light,
button[type="submit"],
.woocommerce .button.alt,
.woocommerce a.button,
.wp-block-button__link {
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Эффект нажатия (масштабирование) */
.btn:active,
.btn-primary:active,
.btn-secondary:active,
button[type="submit"]:active,
.woocommerce .button.alt:active,
.woocommerce a.button:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
}

/* Лёгкая пульсация при наведении (опционально) */
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Эффект "волны" при клике (рипл) – дополнительный штрих */
.btn {
    position: relative;
    overflow: hidden;
}
.btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    transform: translate(-50%, -50%);
    transition: width 0.3s, height 0.3s;
}
.btn:active::after {
    width: 100%;
    height: 100%;
    transition: 0s;
}
/* ========== МИКРОАНИМАЦИИ ДЛЯ КНОПОК ========== */

/* Общие стили для всех кнопок */
button, 
.button, 
.btn, 
.btn-primary, 
.btn-secondary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce .btn,
.woocommerce .btn-primary,
.wp-block-button__link,
a.btn,
a.button,
a.btn-primary,
a.btn-secondary,
.entry-content .btn,
.entry-content .button {
    transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.2s ease;
    cursor: pointer;
}

/* Эффект пульсации при наведении (только для основных кнопок) */
.btn-primary:hover,
.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    animation: pulse 0.4s ease-in-out;
}

/* Эффект нажатия (активное состояние) */
.btn-primary:active,
.button:active,
.btn:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce .button:active {
    transform: scale(0.97);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Анимация пульсации */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Для вторичных кнопок (если нужно) */
.btn-secondary:hover,
.btn-outline-light:hover {
    animation: pulse 0.3s ease-in-out;
}
/* ========== МАСШТАБИРОВАНИЕ ИЗОБРАЖЕНИЙ ПРИ НАВЕДЕНИИ ========== */

/* Для карточек товаров WooCommerce */
.products .product a img,
.products .product .attachment-woocommerce_thumbnail,
.woocommerce-loop-product__link img {
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    will-change: transform;
}

.products .product:hover a img,
.products .product:hover .attachment-woocommerce_thumbnail,
.woocommerce-loop-product__link:hover img {
    transform: scale(1.05);
}

/* Для кастомных карточек проектов (например, на главной) */
.project-card .card-image,
.project-card img,
.realized-item img,
.similar-card img,
.wp-block-kadence-image img,
.kt-image-hover-scale img {
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    will-change: transform;
}

.project-card:hover .card-image,
.project-card:hover img,
.realized-item:hover img,
.similar-card:hover img,
.kt-image-hover-scale:hover img {
    transform: scale(1.05);
}

/* Чтобы масштабирование не выходило за границы карточки */
.products .product a,
.project-card .image-wrapper,
.realized-item a,
.similar-card a {
    display: block;
    overflow: hidden;
}

/* Если в карточках есть обёртка с классом .image-wrapper (как в вашем каталоге) */
.image-wrapper {
    overflow: hidden;
}

.image-wrapper .card-image {
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.image-wrapper:hover .card-image {
    transform: scale(1.05);
}