/* Menu category component. Layout stays in Elementor. */

:root{
    --cf-menu-category-radius:26px;
    --cf-menu-category-padding-block-end:15px;
    --cf-menu-category-shadow:0 4px 5px rgba(0,0,0,0.2);
    --cf-menu-category-bg:linear-gradient(
        180deg,
        var(--e-global-color-388e930) 0%,
        var(--e-global-color-secondary) 90%
    );
}

.cf-menu-category-card{
    box-sizing:border-box;
    align-items:center;
    padding-block-end:var(--cf-menu-category-padding-block-end);
    border-radius:var(--cf-menu-category-radius);
    background-image:var(--cf-menu-category-bg);
    box-shadow:var(--cf-menu-category-shadow);
    color:var(--e-global-color-text);
    text-decoration:none;
    overflow:hidden;
}

.cf-menu-category-card:hover,
.cf-menu-category-card:focus-visible{
    color:var(--e-global-color-text);
    text-decoration:none;
}

.cf-menu-category-card img{
    display:block;
}

.cf-menu-category-card .elementor-heading-title{
    color:inherit;
}