.butla-fa-svg { display: inline-block; height: 1em; overflow: visible; vertical-align: -0.125em; fill: currentColor; } /* Inline icons in both header variants: presentation lives in CSS, not HTML. */ [id="header"] .butla-fa-svg { width: 1em; } [id="header"] .fa-id-card > .butla-fa-svg, [id="header"] .fa-shopping-cart > .butla-fa-svg { width: 1.125em; } /* Ikony stopki bez inline SVG w HTML. */ :is(.butla-footer-icon, :where(.footer-widgets .custom-html-widget i)[data-icon]) { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: var(--butla-footer-icon) center / contain no-repeat; mask: var(--butla-footer-icon) center / contain no-repeat; } :is(.butla-footer-icon.fa-briefcase, :where(.footer-widgets .custom-html-widget i)[data-icon="briefcase"]) { --butla-footer-icon: var(--butla-icon-fa-briefcase); } :is(.butla-footer-icon.fa-business-time, :where(.footer-widgets .custom-html-widget i)[data-icon="business-time"]) { --butla-footer-icon: var(--butla-icon-fa-business-time); width: 1.25em; } :is(.butla-footer-icon.fa-map-marker-alt, :where(.footer-widgets .custom-html-widget i)[data-icon="location"]) { --butla-footer-icon: var(--butla-icon-fa-location-dot); width: .75em; } :is(.butla-footer-icon.fa-phone, :where(.footer-widgets .custom-html-widget i)[data-icon="phone"]) { --butla-footer-icon: var(--butla-icon-fa-phone); } :is(.butla-footer-icon.fa-envelope, :where(.footer-widgets .custom-html-widget i)[data-icon="envelope"]) { --butla-footer-icon: var(--butla-icon-fa-envelope); } :is(.butla-footer-icon.fa-truck, :where(.footer-widgets .custom-html-widget i)[data-icon="truck"]) { --butla-footer-icon: var(--butla-icon-fa-truck); width: 1.25em; } :is(.butla-footer-icon.fa-arrows-rotate, :where(.footer-widgets .custom-html-widget i)[data-icon="arrows-rotate"]) { --butla-footer-icon: var(--butla-icon-fa-arrows-rotate); } :is(.butla-footer-icon.fa-hand-holding-dollar, :where(.footer-widgets .custom-html-widget i)[data-icon="hand-holding-dollar"]) { --butla-footer-icon: var(--butla-icon-fa-hand-holding-dollar); width: 1.125em; } :is(.butla-footer-icon.fa-book, :where(.footer-widgets .custom-html-widget i)[data-icon="book"]) { --butla-footer-icon: var(--butla-icon-fa-book); width: .875em; } :is(.butla-footer-icon.fa-cookie-bite, :where(.footer-widgets .custom-html-widget i)[data-icon="cookie-bite"]) { --butla-footer-icon: var(--butla-icon-fa-cookie-bite); }