{"version":3,"file":"loyalty-heading.css","mappings":"AAMA,+BAEC,eAGA,oCACC,kBACA,oBAID,wEACC,cAID,6CACC,oBACA,c;ACoDF,iCACC,KACC,4BCzEF,gCACC,aACA,sBACA,SAGD,yCDIC,4DACA,iBATyB,CAUzB,kBACA,gBACA,YAEA,gDACC,WACA,kBACA,QACA,4BAEA,0HAOA,+CAEA,uCAfD,gDAgBE,gBAKD,wDACC,aAWF,yCACC,qCAGD,gDACC,qCAGD,uCACC,yCACC,qCAGD,gDACC,sC","sources":["webpack://leat/./assets/ts/frontend/blocks/loyalty-heading/style.scss","webpack://leat/./assets/ts/frontend/blocks/_shared/_mixins.scss","webpack://leat/./assets/ts/frontend/blocks/_shared/skeleton/styles.scss"],"sourcesContent":["/**\n * Loyalty Heading Block Styles\n *\n * Minimal styles - most styling comes from WordPress core heading styles.\n */\n\n.wp-block-leat-loyalty-heading {\n\t// Ensure the heading has a minimum height even when empty/loading\n\tmin-height: 1em;\n\n\t// Ensure spans inherit font-size from parent (fixes themes that override h1 span font-size)\n\tspan {\n\t\tfont-size: inherit;\n\t\tline-height: inherit;\n\t}\n\n\t// Ensure skeleton loaders are visible\n\t.leat-block-components-skeleton__element {\n\t\tdisplay: block;\n\t}\n\n\t// Credits number styling\n\t.leat-credits {\n\t\tfont-weight: inherit;\n\t\tcolor: inherit;\n\t}\n}\n","/**\n * Shared SCSS Mixins\n *\n * Common mixins used across Leat frontend blocks\n */\n\n// Universal border radius variable (can be overridden)\n$universal-border-radius: 4px !default;\n\n/**\n * Skeleton animation mixin\n *\n * Creates an animated shimmer effect for loading states\n */\n@mixin skeleton-animation() {\n\tbackground: color-mix(in srgb, currentColor 5%, transparent);\n\tborder-radius: $universal-border-radius;\n\tposition: relative;\n\toverflow: hidden;\n\tborder: none;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\ttransform: translateX(-100%);\n\t\t/* stylelint-disable declaration-colon-newline-after, function-parentheses-space-inside, function-comma-space-after */\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\ttransparent 0%,\n\t\t\tcolor-mix(in srgb, currentColor 5%, transparent) 50%,\n\t\t\ttransparent 100%\n\t\t);\n\t\t/* stylelint-enable */\n\t\tanimation: leat-skeleton-shimmer 1.25s infinite;\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t&--static {\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n/**\n * Skeleton animation fade mixin\n *\n * Adds smooth transitions for skeleton appearance/disappearance\n */\n@mixin skeleton-animation-fade() {\n\t& {\n\t\ttransition: background-color 0.2s ease;\n\t}\n\n\t&::after {\n\t\ttransition: background-color 0.2s ease;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t& {\n\t\t\ttransition: background-color 0.2s ease;\n\t\t}\n\n\t\t&::after {\n\t\t\ttransition: background-color 0.2s ease;\n\t\t}\n\t}\n}\n\n/**\n * Skeleton shimmer animation\n */\n@keyframes leat-skeleton-shimmer {\n\t100% {\n\t\ttransform: translateX(100%);\n\t}\n}\n","/**\n * Skeleton Component Styles\n */\n@import '../mixins';\n\n.leat-block-components-skeleton {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1rem;\n}\n\n.leat-block-components-skeleton__element {\n\t@include skeleton-animation();\n\t@include skeleton-animation-fade();\n}"],"names":[],"sourceRoot":""}