/* Fancy tile layers: wallpaper + effects painted under the tile content.
   Loaded globally (layouts/POC) so browse/profile/chat tiles render the same
   as the editor. Editor-only chrome lives in fancy-layers.blade.php. */

#tile-outer.fancy-layer-host,
#tile-inner.fancy-layer-host,
.fancy-layer-host {
    position: relative !important;
    overflow: hidden;
}
#tile-outer.fancy-layer-host > #tile-inner,
#tile-outer.fancy-layer-host > #tile-info-pane,
.fancy-layer-host > .tile-inner,
.fancy-layer-host > .tile-info-pane {
    position: relative;
    z-index: 2;
}
#tile-inner.fancy-layer-host #lines,
.fancy-layer-host .lines {
    position: relative;
    z-index: 2;
}
.fancy-wallpaper,
.fancy-effects,
.fancy-effect {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}
.fancy-wallpaper { z-index: 0; }
.fancy-effects { z-index: 1; }

/* Outer wallpaper overriding the inner style (doc.outer.coverFull) */
#tile-outer.fancy-cover-full > #tile-inner {
    background-color: transparent !important;
    background-image: none !important;
}
#tile-outer.fancy-cover-full > #tile-inner > .fancy-wallpaper {
    display: none;
}

/* Text visibility: soft halo on glyphs (not a wallpaper overlay).
   Inner host styles .tile-line; outer host styles frame text glyphs only
   (never the pane container — that reads as an underline bar). */
#tile-inner.fancy-text-vis .tile-line,
.tile-inner.fancy-text-vis .tile-line {
    text-shadow: var(--fancy-text-vis-shadow);
    -webkit-text-stroke: 0;
}
#tile-outer.fancy-text-vis .tile-info,
.tile-outer.fancy-text-vis .tile-info {
    text-shadow: var(--fancy-text-vis-shadow);
    -webkit-text-stroke: 0;
    text-decoration: none !important;
    text-decoration-line: none !important;
}