/* SP Elline Shop — Canvas template (shared by shop + manage shortcodes) */

html, body.sp-elline-canvas {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
body.sp-elline-canvas {
    direction: rtl;
    font-family: 'Heebo', 'Assistant', system-ui, sans-serif;
    color: #4a2c3f;
    background:
        radial-gradient(circle at 12% 18%, #fff0f7 0, transparent 38%),
        radial-gradient(circle at 88% 22%, #f5e1ff 0, transparent 38%),
        radial-gradient(circle at 30% 92%, #ffe1ee 0, transparent 40%),
        radial-gradient(circle at 80% 80%, #fce9ff 0, transparent 40%),
        linear-gradient(180deg, #ffeaf3 0%, #ffd9ec 100%);
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}
body.sp-elline-canvas::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        radial-gradient(circle, rgba(255,255,255,0.85) 1.2px, transparent 1.5px),
        radial-gradient(circle, rgba(252,182,213,0.6) 1.5px, transparent 2px);
    background-size: 36px 36px, 60px 60px;
    background-position: 0 0, 18px 22px;
    opacity: 0.55;
}
.sp-canvas-wrap {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    padding: 0;
}
.sp-canvas-main { padding: 0; }
.sp-canvas-main p:empty { display: none; }

/* When WP admin bar still shows (admin user), give a top offset */
body.admin-bar.sp-elline-canvas { padding-top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar.sp-elline-canvas { padding-top: 46px; }
}