/* Elementor icon hit areas without changing the visible icon size. */

:where(
    .cf-header-icon-hit-area,
    a.elementor-icon,
    .elementor-icon-wrapper a
){
    position:relative;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}

:where(
    .cf-header-icon-hit-area,
    a.elementor-icon,
    .elementor-icon-wrapper a
)::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:max(100%, 40px);
    height:max(100%, 40px);
    border-radius:var(--cf-commerce-radius-pill, 999px);
    transform:translate(-50%, -50%);
}

:where(
    .cf-header-icon-hit-area,
    a.elementor-icon,
    .elementor-icon-wrapper a
):focus-visible{
    outline:0;
}

:where(
    .cf-header-icon-hit-area,
    a.elementor-icon,
    .elementor-icon-wrapper a
):focus-visible::after{
    box-shadow:0 0 0 2px var(--cf-commerce-focus, var(--e-global-color-primary, #2A2A2A));
}