/* Heading Icon - Frontend Styles */

h1.has-heading-icon,
h2.has-heading-icon,
h3.has-heading-icon,
h4.has-heading-icon,
h5.has-heading-icon,
h6.has-heading-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--heading-icon-size, 24px);
    height: var(--heading-icon-size, 24px);
}

.heading-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}