/*
 * GetByt site base — loaded by every published page (marketing + shop) AND by
 * the editor canvas, so builder and live site render the same. It holds only
 * layout guarantees for platform-standard markup; the design owns colours,
 * sizes and spacing.
 *
 * Social links: any link whose only element is a brand icon
 * (`<a …><i class="lab la-instagram"></i></a>`), whatever classes the design
 * gives it — so the guarantee holds for every site, not one naming scheme.
 */

/* Icon links always render as a centred glyph and sit side by side, even
   when a section styles every link as a block (e.g. `footer a {display:block}`),
   which stacked them one per line with the icon in the corner. */
a:has(> i.lab:only-child) { display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle; flex: 0 0 auto; margin-bottom: 0 !important; }
a:has(> i.lab:only-child) > i { line-height: 1; margin: 0; }

/* Brand icons Line Awesome 1.3 doesn't have, usable the same way
   (`<i class="lab la-tiktok">`). Drawn as a mask in currentColor, so they
   follow the link's colour and hover like the font icons do. */
.la-tiktok, .la-x-twitter { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: var(--gb-icon) center / contain no-repeat; mask: var(--gb-icon) center / contain no-repeat; }
.la-tiktok::before, .la-x-twitter::before { content: none !important; }
.la-tiktok { --gb-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%27%2F%3E%3C%2Fsvg%3E"); }
.la-x-twitter { --gb-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z%27%2F%3E%3C%2Fsvg%3E"); }