/* bl-shop-wall.css - a wallpaper's item page (includes/market/house_wallpaper.php; Shop appeal plan 2.1, 14 Oct 2026):
   the chosen design on a phone's lock screen, the clock and date over the clear top. The stage is the item's line tint
   and the phone's frame its ink ([data-line] tokens --ln-t and --ln-i, bl-shop.css). The clock's ink follows the
   design's ground (is-ink-dark on a light ground, is-ink-light on a dark one), so it reads in both themes. */
.shop-wall{--ln-t:var(--sunk);--ln-i:var(--ink-2);margin:0;display:grid;place-items:center;padding:28px 16px;border-radius:var(--r2);background:var(--ln-t);min-width:0}
.shop-wall-phone{position:relative;width:min(250px,62vw);aspect-ratio:1290/2796;border:9px solid var(--ln-i);border-radius:38px;overflow:hidden;background:var(--ln-i);box-shadow:var(--shadow)}
/* the camera island */
.shop-wall-phone::before{content:'';position:absolute;top:8px;left:50%;width:30%;height:16px;transform:translateX(-50%);border-radius:10px;background:var(--ln-i);z-index:2}
.shop-wall-img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.shop-wall-lock{position:absolute;top:9%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;text-align:center;pointer-events:none}
.shop-wall-date{font:600 13px/1.2 var(--f-body);letter-spacing:.01em}
.shop-wall-time{font:700 clamp(44px,15vw,60px)/1 var(--f-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}
.shop-wall-lock.is-ink-light{color:var(--on-navy)}
.shop-wall-lock.is-ink-dark{color:var(--navy)}
@media (min-width:900px){.shop-wall{padding:36px 24px}.shop-wall-phone{width:260px}.shop-wall-time{font-size:58px}}
/* a busy pattern runs under the clock (the friends' wallpapers cover the screen): a halo of the ground's own colour keeps
   every letter clear of the drawings */
.shop-wall-lock.is-ink-dark > span{text-shadow:0 0 3px var(--on-navy),0 0 6px var(--on-navy),0 0 10px var(--on-navy)}
.shop-wall-lock.is-ink-light > span{text-shadow:0 0 3px var(--navy),0 0 6px var(--navy),0 0 10px var(--navy)}