/*
 * Anawim Hospitality Icons — frontend styles
 *
 * Lucide icons use stroke="currentColor", so icon color
 * is inherited from the parent element's `color` property.
 *
 * Override --ahi-icon-size on a parent selector to resize icons globally
 * or within a specific Divi section / module.
 */

:root {
    --ahi-icon-size: 24px;
    --ahi-gap: 0.5em;
    --ahi-amenities-gap-row: 0.75em;
    --ahi-amenities-gap-col: 1.5em;
}

/* ── Icon wrapper ── */

.ahi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: var(--ahi-icon-size);
    height: var(--ahi-icon-size);
    flex-shrink: 0;
    line-height: 1;
}

.ahi-icon svg {
    display: block;
    width: var(--ahi-icon-size);
    height: var(--ahi-icon-size);
    stroke: currentColor;
    fill: none;
    overflow: hidden;
}

/* ── Single amenity (icon + label) ── */

.ahi-amenity {
    display: inline-flex;
    align-items: center;
    gap: var(--ahi-gap);
    vertical-align: middle;
}

/* ── Amenity list ── */

.ahi-amenities {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ahi-amenities-gap-row) var(--ahi-amenities-gap-col);
}

/* ── Label text ── */

.ahi-label {
    font-size: inherit;
    line-height: 1.2;
}