/* Vector icons use CSS currentColor by default, never mutate the stored SVG. */
.prk-ui-icon-wrap{display:flex;justify-content:flex-start;min-width:0;width:100%}
.prk-ui-icon-host{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.prk-ui-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-decoration:none;max-width:100%;color:#64748b;transition:background-color var(--prk-icon-transition,220ms) ease,color var(--prk-icon-transition,220ms) ease,border-color var(--prk-icon-transition,220ms) ease,box-shadow var(--prk-icon-transition,220ms) ease}
.prk-ui-icon__graphic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;line-height:1;color:inherit}
.prk-ui-icon__graphic svg,.prk-ui-icon__graphic img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;flex:0 1 auto}
/* Explicit attributes (e.g. stroke="white") otherwise override user-selected Elementor colour. */
.prk-ui-icon--monochrome .prk-ui-icon__graphic svg[fill]:not([fill="none"]){fill:currentColor}
.prk-ui-icon--monochrome .prk-ui-icon__graphic svg[stroke]:not([stroke="none"]),
.prk-ui-icon--monochrome .prk-ui-icon__graphic svg [stroke]:not([stroke="none"]){stroke:currentColor}
.prk-ui-icon--monochrome .prk-ui-icon__graphic svg [fill]:not([fill="none"]){fill:currentColor}
.prk-ui-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.prk-ui-icon--with-wrapper{box-sizing:border-box}
.prk-ui-icon:not([href]):not([role="button"]){cursor:default}
.prk-ui-icon[href],.prk-ui-icon[role="button"]{cursor:pointer}
/* Tooltip arrow offset is scoped to this icon widget only; the global tooltip remains unchanged. */
.prk-ui-icon-host.prk-tooltip-host .prk-tooltip__inner::after{translate:var(--prk-icon-tooltip-arrow-x,0px) var(--prk-icon-tooltip-arrow-y,0px)}
/* Editor-only preview is triggered through the same shared tooltip structure. */
.prk-ui-icon-host[data-prk-icon-tooltip-preview="yes"]>.prk-tooltip{opacity:1;visibility:visible}

/* Silent placeholder while fetching a lazy SVG. No loading animation in front-end. */
.prk-ui-icon__placeholder{display:block;width:82%;height:82%;border-radius:50%;border:1px solid currentColor;opacity:.17;background:radial-gradient(circle,currentColor 0,transparent 70%)}
/* Avoid WordPress button defaults overriding dimensions and colouring. */
button.prk-ui-icon{appearance:none;background:transparent;border:0;padding:0;font:inherit;line-height:1}