/**
 * Clickable Icon Box – Plugin Stylesheet
 * Plugin URI: https://coyote6.com
 * Version:    1.0.0
 *
 * HTML structure (with link):
 *   .elementor-widget-clickable_icon_box   ← Elementor widget shell; prefix_class lands here
 *     a.cib-link-wrapper                   ← display:block, covers full card
 *       div.elementor-icon-box-wrapper      ← display:flex, owns layout
 *         div.elementor-icon-box-icon
 *         div.elementor-icon-box-content
 *
 * Without a link the <a> is absent and .elementor-icon-box-wrapper is the
 * direct child of the widget shell — identical to the native widget.
 * -------------------------------------------------------------------------- */


/* Link wrapper */

a.cib-link-wrapper {
    display:         block;
    text-decoration: none;
    color:           inherit;
    cursor:          pointer;
}

a.cib-link-wrapper:hover,
a.cib-link-wrapper:focus {
    text-decoration: none;
    color:           inherit;
    outline:         none;
}

/*
 * .cib-no-link is added to .elementor-icon-box-wrapper when no link URL is
 * set. It gives the hover selectors a real hoverable element to target
 * without relying on {{WRAPPER}}:hover (which targets the widget shell div
 * and doesn't receive :hover in the browser).
 */
.cib-no-link {
    cursor: default;
}


/* Wrapper */
.elementor-widget-clickable_icon_box .elementor-icon-box-wrapper {
    display:    flex;
    flex-wrap:  nowrap;
    align-items: flex-start; /* default / top */
}