/* Public contextual overrides; no editor chrome or brand colors. */
.wapu-c-image-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;min-width:0;aspect-ratio:1/1.07}
.wapu-c-image-frame>img,.wapu-c-image-frame>picture{display:block;width:100%;height:100%;object-fit:cover}
.wapu-c-image-frame img{filter:grayscale(var(--wpg-image-grayscale,0))}
.wapu-c-image-frame::after,.wapu-c-image:not(img)::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--wpg-image-tint,transparent);opacity:var(--wpg-image-tint-opacity,0);pointer-events:none;z-index:1}
.wapu-c-image:not(img){position:relative}
img[data-wpg-element-key],.wapu-c-image:not(img){filter:grayscale(var(--wpg-image-grayscale,0))}
[data-wpg-image-shape="square"],picture[data-wpg-image-shape="square"]>img{border-radius:0!important}
[data-wpg-image-shape="rounded"],picture[data-wpg-image-shape="rounded"]>img{border-radius:8px!important}
[data-wpg-image-shape="circle"],picture[data-wpg-image-shape="circle"]>img{border-radius:50%!important}
[data-wpg-image-shape="heart"],[data-wpg-image-shape="hexagon"],[data-wpg-image-shape="flower"],picture[data-wpg-image-shape="heart"]>img,picture[data-wpg-image-shape="hexagon"]>img,picture[data-wpg-image-shape="flower"]>img,[data-wpg-image-shape="double-oval"],picture[data-wpg-image-shape="double-oval"]>img,[data-wpg-image-shape="arch"],picture[data-wpg-image-shape="arch"]>img,[data-wpg-image-shape="butterfly"],picture[data-wpg-image-shape="butterfly"]>img,[data-wpg-image-shape="scalloped"],picture[data-wpg-image-shape="scalloped"]>img{
  border-radius:0!important;
  -webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
  mask-repeat:no-repeat;mask-position:center;mask-size:contain;
}
[data-wpg-image-shape="heart"],picture[data-wpg-image-shape="heart"]>img{-webkit-mask-image:url("../svg/image-shapes/heart.svg");mask-image:url("../svg/image-shapes/heart.svg")}
[data-wpg-image-shape="hexagon"],picture[data-wpg-image-shape="hexagon"]>img{-webkit-mask-image:url("../svg/image-shapes/hexagon.svg");mask-image:url("../svg/image-shapes/hexagon.svg")}
[data-wpg-image-shape="flower"],picture[data-wpg-image-shape="flower"]>img{-webkit-mask-image:url("../svg/image-shapes/flower.svg");mask-image:url("../svg/image-shapes/flower.svg")}
[data-wpg-image-shape="double-oval"],picture[data-wpg-image-shape="double-oval"]>img{-webkit-mask-image:url("../svg/image-shapes/double-oval.svg");mask-image:url("../svg/image-shapes/double-oval.svg")}
[data-wpg-image-shape="arch"],picture[data-wpg-image-shape="arch"]>img{-webkit-mask-image:url("../svg/image-shapes/arch.svg");mask-image:url("../svg/image-shapes/arch.svg")}
[data-wpg-image-shape="butterfly"],picture[data-wpg-image-shape="butterfly"]>img{-webkit-mask-image:url("../svg/image-shapes/butterfly.svg");mask-image:url("../svg/image-shapes/butterfly.svg")}
[data-wpg-image-shape="scalloped"],picture[data-wpg-image-shape="scalloped"]>img{-webkit-mask-image:url("../svg/image-shapes/scalloped.svg");mask-image:url("../svg/image-shapes/scalloped.svg")}
[data-wpg-element-key][style*="--wpg-element-opacity:"]{opacity:var(--wpg-element-opacity)!important}
[data-wpg-element-key="block"]{--wpg-element-opacity:1}
body:not(.wp-admin) [data-wpg-button-hidden="1"]{display:none!important}
body.wp-admin [data-wpg-button-hidden="1"]{opacity:.35!important;outline:1px dashed currentColor;outline-offset:3px}
/* Only the compatibility card uses Playground's fixed type. Theme cards keep the child theme's styling. */
.wapu-block-style-scope .wapu-product-card:not(.wapu-product-card--playground){font-family:var(--wtds-font-text,'Poppins',sans-serif);color:var(--wapu-block-text,var(--wtds-ink,#171717))}
.wapu-block-style-scope .wapu-product-card:not(.wapu-product-card--playground) .wapu-product-card__info{--wtds-ink:var(--wapu-block-text,#171717);--wtds-ink-2:color-mix(in srgb,var(--wapu-block-text,#171717) 84%,transparent);--wtds-ink-3:color-mix(in srgb,var(--wapu-block-text,#171717) 68%,transparent);color:var(--wapu-block-text,#171717)}
/* Playground previews show only the featured image; the theme archive keeps its gallery hover. */
body.wp-admin .wapu-block-style-scope .wapu-product-card__img--hover{display:none!important}
body.wp-admin .wapu-block-style-scope .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
body.wp-admin .wapu-block-style-scope .wapu-product-card:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
body.wp-admin .wapu-block-style-scope .wapu-product-card:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured{opacity:1!important;visibility:visible!important}
.wapu-block-style-scope .wapu-product-card--playground{font-family:'Manrope',sans-serif!important;color:#000!important}
.wapu-block-style-scope .wapu-product-card--playground :is(.wapu-product-card__name-link,.wapu-product-card__name,.wapu-product-card__name *){font-family:'Poppins',sans-serif!important;color:#000!important;-webkit-text-fill-color:#000!important}
.wapu-block-style-scope .wapu-product-card--playground :is(.wapu-product-card__price-wrap,.wapu-product-card__price-wrap *){font-family:'Manrope',sans-serif!important;color:#000!important;-webkit-text-fill-color:#000!important}
[data-wpg-background-layer],[data-wpg-overlay-layer]{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;pointer-events:none!important;user-select:none!important}
[data-wpg-background-layer]{z-index:-2!important}
[data-wpg-layered-background][data-wapu-background-image] > [data-wpg-background-layer]{z-index:-3!important}
[data-wpg-layered-background][data-wapu-background-image]::before{z-index:-2!important}
[data-wpg-overlay-layer]{z-index:-1!important}
[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter]:not(.is-wapu-pg-visible){opacity:0!important}
[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter].is-wapu-pg-visible{opacity:var(--wpg-element-opacity,1)!important}
@media(prefers-reduced-motion:reduce){[data-wpg-element-key].wapu-pg-magic[data-wapu-pg-enter]{opacity:var(--wpg-element-opacity,1)!important}}

/* Block borders share one silhouette in the editor and the published page.
   The editor shapes its content wrapper only: the nested public block must not
   receive another mask, and sibling selection tools remain outside the shape.
   Inline masks keep geometry and tile dimensions together across cached updates. */
.wapu-block[data-wapu-edge-effect="wave"]:not(:where(.wpg-block-content .wapu-block)),
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="wave"] > .wpg-block-content{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V16H0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V0H0Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V16H0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2216%22%20viewBox%3D%220%200%2096%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%208C16%200%2032%200%2048%208S80%2016%2096%208V0H0Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size:96px 16px,100% calc(100% - 30px),96px 16px;
  mask-size:96px 16px,100% calc(100% - 30px),96px 16px;
  -webkit-mask-position:left top,left 15px,left bottom;
  mask-position:left top,left 15px,left bottom;
  -webkit-mask-repeat:repeat-x,no-repeat,repeat-x;
  mask-repeat:repeat-x,no-repeat,repeat-x;
}
/* Clean top-only paper perforations. Fill the rounded tile viewport to avoid
   transparent seams when CSS round adjusts its width at different canvas sizes. */
.wapu-block[data-wapu-edge-effect="paper"]:not(:where(.wpg-block-content .wapu-block)),
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="paper"] > .wpg-block-content{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2264%22%20viewBox%3D%220%200%2088%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H88V64H0Z%20M36%200V12A24%2024%200%201%200%2052%2012V0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff);
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2264%22%20viewBox%3D%220%200%2088%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H88V64H0Z%20M36%200V12A24%2024%200%201%200%2052%2012V0Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#fff,#fff);
  -webkit-mask-size:88px 64px,100% calc(100% - 63px);
  mask-size:88px 64px,100% calc(100% - 63px);
  -webkit-mask-position:left top,left bottom;
  mask-position:left top,left bottom;
  -webkit-mask-repeat:round no-repeat,no-repeat;
  mask-repeat:round no-repeat,no-repeat;
}
.wapu-block[data-wapu-edge-effect="rounded"]:not(:where(.wpg-block-content .wapu-block)),
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="rounded"] > .wpg-block-content{
  border-radius:48px!important;
  clip-path:inset(0 round 48px)!important;
}
/* Rounded lobes tile along all four sides. `round` fits complete lobes to each
   dimension; the central fill joins them without stretching one large SVG. */
.wapu-block[data-wapu-edge-effect="cloud"]:not(:where(.wpg-block-content .wapu-block)),
#wapu-playground-canva-root .wpg-live-section[data-wapu-edge-effect="cloud"] > .wpg-block-content{
  -webkit-mask-image:radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),linear-gradient(#fff,#fff);
  mask-image:radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),radial-gradient(ellipse closest-side,#fff 98%,transparent 100%),linear-gradient(#fff,#fff);
  -webkit-mask-size:96px 96px,96px 96px,96px 96px,96px 96px,calc(100% - 96px) calc(100% - 96px);
  mask-size:96px 96px,96px 96px,96px 96px,96px 96px,calc(100% - 96px) calc(100% - 96px);
  -webkit-mask-position:left top,left bottom,left top,right top,center;
  mask-position:left top,left bottom,left top,right top,center;
  -webkit-mask-repeat:round no-repeat,round no-repeat,no-repeat round,no-repeat round,no-repeat;
  mask-repeat:round no-repeat,round no-repeat,no-repeat round,no-repeat round,no-repeat;
}