/* ==========================================
   CTA: Заказать звонок (Premium, fixed)
========================================== */

body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* Новый цвет - благородный серо-синий */
    background-color: #485e73 !important;
    color: #ffffff !important;

    padding: 14px 36px !important;
    border-radius: 999px !important;

    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.4px;
    line-height: 1 !important;

    border: 1px solid rgba(255,255,255,0.15) !important;
    outline: none !important;
    text-decoration: none !important;

    /* Тень под новый цвет */
    box-shadow:
        0 6px 16px rgba(72, 94, 115, 0.35),
        inset 0 -2px 0 rgba(0,0,0,0.15) !important;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}

/* Hover — чуть темнее и насыщеннее */
body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore:hover {
    background-color: #3a4d5f !important; /* затемнённый вариант основного цвета */

    transform: translateY(-1px);

    box-shadow:
        0 10px 22px rgba(58, 77, 95, 0.45),
        inset 0 -2px 0 rgba(0,0,0,0.18) !important;
}

/* Active — физический клик */
body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore:active {
    transform: translateY(1px);

    box-shadow:
        0 4px 10px rgba(58, 77, 95, 0.35),
        inset 0 2px 4px rgba(0,0,0,0.25) !important;
}

/* Focus — аккуратный, под новый цвет */
body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore:focus {
    box-shadow:
        0 0 0 3px rgba(72, 94, 115, 0.25),
        0 6px 16px rgba(72, 94, 115, 0.35) !important;
}

/* Убиваем porto-псевдоэлементы */
body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore::before,
body.woocommerce .product .cart
a.single_add_to_cart_button.button.readmore::after {
    display: none !important;
}