/* A page area's own background («רקע» panel, theme.storeDesign.parts.<area>.<device>.background;
   app/store-design.js marks the area, docs/THEME.md «Backgrounds per part»).
   The WIM bank recipes are store-backgrounds.css's [data-part-background]
   rules; the guided recipes are drawn here from the variables store-design.js
   sets on the area (--part-bg, --part-pattern, --part-pattern-alt). The
   hero's own photo, wash and video stay under .part-bg-layer. Text reads
   --part-ink (by WCAG ratio). No fixed attachment; high contrast keeps the
   plain page. */
:is([data-part-background="white"],[data-part-background="cream"],[data-part-background="grey"],[data-part-background="soft"],[data-part-background="stone"],
  [data-part-background="fade"],[data-part-background="vignette"],[data-part-background="duo"],[data-part-background="dots"],[data-part-background="lines"],
  [data-part-background="grid"],[data-part-background="linen"],[data-part-background="hatch"],[data-part-background="herring"],[data-part-background="arches"],
  [data-part-background="topo"],[data-part-background="terrazzo"],[data-part-background="marble"],[data-part-background="kraft"],[data-part-background="deep"],
  [data-part-background="black"],[data-part-background="ink"],[data-part-background="espresso"],[data-part-background="darkhatch"],
  [data-part-background="darkherring"],[data-part-background="darkfade"]){background-color:var(--ui-page-bg, var(--part-bg));background-image:none;background-size:auto;background-position:0 0;background-repeat:repeat}
[data-part-background="fade"]{background-image:linear-gradient(var(--part-pattern),#ffffff00 85%)}
[data-part-background="vignette"]{background-image:radial-gradient(140% 90% at 50% 40%,#ffffff00 55%,var(--part-pattern))}
[data-part-background="duo"]{background-image:linear-gradient(var(--part-pattern) 0 150px,#ffffff00 150px)}
:is([data-part-background="dots"],[data-part-background="kraft"]){background-image:radial-gradient(circle at 1px 1px,var(--part-pattern) 1px,transparent 1.2px);background-size:12px 12px}
[data-part-background="lines"]{background-image:repeating-linear-gradient(45deg,var(--part-pattern) 0 1px,transparent 1px 11px)}
[data-part-background="grid"]{background-image:linear-gradient(var(--part-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--part-pattern) 1px,transparent 1px);background-size:22px 22px}
[data-part-background="linen"]{background-image:repeating-linear-gradient(0deg,var(--part-pattern) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,var(--part-pattern) 0 1px,transparent 1px 5px)}
:is([data-part-background="hatch"],[data-part-background="darkhatch"]){background-image:repeating-linear-gradient(45deg,var(--part-pattern) 0 1px,transparent 1px 8px),repeating-linear-gradient(-45deg,var(--part-pattern) 0 1px,transparent 1px 8px)}
:is([data-part-background="herring"],[data-part-background="darkherring"]){background-image:repeating-linear-gradient(45deg,var(--part-pattern) 0 1px,transparent 1px 10px),repeating-linear-gradient(-45deg,var(--part-pattern) 0 1px,transparent 1px 10px);background-size:20px 20px;background-position:0 0,10px 10px}
[data-part-background="arches"]{background-image:radial-gradient(circle at 50% 100%,transparent 15px,var(--part-pattern) 15px 16px,transparent 16px);background-size:34px 34px}
[data-part-background="topo"]{background-image:radial-gradient(circle at 20% 30%,transparent 28px,var(--part-pattern) 28px 29px,transparent 29px),radial-gradient(circle at 70% 75%,transparent 34px,var(--part-pattern) 34px 35px,transparent 35px);background-size:90px 90px,110px 110px}
[data-part-background="terrazzo"]{background-image:radial-gradient(circle at 12% 22%,var(--part-pattern) 2.5px,transparent 3px),radial-gradient(circle at 68% 58%,var(--part-pattern-alt) 1.8px,transparent 2.2px),radial-gradient(circle at 40% 85%,var(--part-pattern) 1.4px,transparent 1.8px);background-size:64px 64px,48px 48px,72px 72px}
[data-part-background="marble"]{background-image:linear-gradient(115deg,#ffffff00 45%,var(--part-pattern) 50%,#ffffff00 55%),linear-gradient(70deg,#ffffff00 62%,var(--part-pattern) 66%,#ffffff00 70%)}
[data-part-background="darkfade"]{background-image:linear-gradient(var(--part-pattern),#00000000 55%)}

/* A photo covers the area's box once, under a wash of its own colour. */
:is([data-part-ground="photo"][data-part-background],[data-part-ground="photo"]>.part-bg-layer){background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 0 200vmax var(--part-wash)}

/* The hero: one layer over its photo, wash and video, under its text. */
.part-bg-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
html[data-a11y-contrast="1"] .part-bg-layer{display:none}

/* The area's own words in its ink; cards and panels keep their own. */
#home[data-part-ground] :is(#heroTitle,#heroDesc,.hero-name,.hero-info,.hero-info *){color:var(--part-ink);text-shadow:none}
#catalog[data-part-ground] :is(.category-head h2,.category-desc){color:var(--part-ink)}
#catalog[data-part-ground] .category-count{color:var(--part-ink);background:transparent;border-color:currentColor}
#siteFooter[data-part-ground] :is(p,a,span,h2,h3,.footer-name,small){color:var(--part-ink)}
html[data-a11y-contrast="1"] [data-part-background]{background-image:none !important;box-shadow:none !important}