/**
 * Icon-list layout styles for match-setup-plugin result templates.
 *
 * Extracted from Elementor's generated custom-widget-icon-list.min.css so the
 * standings/results views no longer <link> to an external domain at render time.
 * Source verified byte-identical between:
 *   https://paclub.ramirezsolutions.com/wp-content/uploads/elementor/css/custom-widget-icon-list.min.css
 *   https://pa1000yard.com/wp-content/uploads/elementor/css/custom-widget-icon-list.min.css
 *   wp-content/uploads/elementor/css/custom-widget-icon-list.min.css  (10,293 bytes)
 *
 * Trimmed to the rules the plugin's markup can actually match. The ~9 KB of
 * .elementor-{widescreen,laptop,tablet_extra,tablet,mobile_extra,mobile}-align-*
 * blocks were dropped: the templates use the legacy class `elementor-align-left`,
 * which that stylesheet never defines, so none of those rules ever applied.
 *
 * Applies to markup in functions/template-parts/:
 *   match-standings.php, results-table.php, results-table-shootoff.php,
 *   shooter-of-the-year.php, top-results-table.php, toplist-table.php,
 *   winnerlist-table.php
 *
 * The 1st/2nd/3rd place swatch colors are NOT here -- those live in the child
 * theme (hello-theme-child-master/style.css, `span.is-square` rules).
 */

/* ---- container ---- */

.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,
.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container {
    overflow: hidden;
}

/* ---- list reset ---- */

.elementor-widget .elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#left-area ul.elementor-icon-list-items,
.elementor .elementor-element ul.elementor-icon-list-items,
.elementor-edit-area .elementor-element ul.elementor-icon-list-items {
    padding: 0;
}

.elementor-widget .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative;
}

.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
    align-items: var(--icon-vertical-align, center);
    display: flex;
    font-size: inherit;
}

/* ---- inline layout (the color-guidelines legend rows) ---- */

.elementor-widget .elementor-icon-list-items.elementor-inline-items {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -8px;
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
    word-break: break-word;
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-inline: 8px;
}

/* ---- dividers (inert unless a `content` value is set by Elementor) ---- */

.elementor-widget .elementor-icon-list-item:after {
    inset-block-end: 0;
    position: absolute;
    width: 100%;
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
    border-width: 0;
    border-inline-start-width: 1px;
    border-style: solid;
    height: 100%;
    inset-inline-end: -8px;
    inset-inline-start: auto;
    position: relative;
    width: auto;
}

.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after {
    inset-inline-start: 0;
}

.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after {
    inset-inline-end: 0;
}

/* ---- icons / full-width links: unused by current templates, kept for parity ---- */

.elementor-widget .elementor-icon-list-icon {
    display: flex;
    inset-block-start: var(--icon-vertical-offset, initial);
    position: relative;
}

.elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 5px;
}

.elementor-widget .elementor-icon-list-icon svg {
    height: var(--e-icon-list-icon-size, 1em);
    width: var(--e-icon-list-icon-size, 1em);
}

.elementor-widget .elementor-icon-list-icon i {
    font-size: var(--e-icon-list-icon-size);
    width: 1.25em;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
    text-align: var(--e-icon-list-icon-align);
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
    margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0);
}

.elementor-widget.elementor-list-item-link-full_width a {
    width: 100%;
}
