/* ==========================================================================
   MAHALYAA GLOBAL BACKGROUND SYSTEM — v1.0
   File: /css/mahalya-bg.css
   
   A reusable, variant-based background system for all inner pages.
   
   VARIANT CLASSES (add to <body>):
     mly-page--venues      → Find a Mahal (already done via mahals-list.css)
     mly-page--dates       → Muhurtham Calendar
     mly-page--services    → Services Discovery / Service Partner Detail
     mly-page--owners      → Owner Registration / For Owners
     mly-page--auth        → Owner Login / Auth pages
     mly-page--details     → Mahal Detail (lightest treatment)
     mly-page--workspace   → Owner Workspace (dashboard, bookings, enquiries)
     mly-page--editorial   → Disclaimer, Privacy, Terms (clean, minimal)
   
   ARCHITECTURE:
     - Base styles shared across ALL variants
     - ::before → fixed corner SVG decoratives (scaled per variant)
     - ::after  → subtle bottom-wave signature
     - Body background-image → radial gradient blobs (variant-specific)
     - All SVGs are inline data URIs — zero HTTP requests
     - No raster images. No animations.
   ========================================================================== */


/* ============================================================
   SHARED SVG FRAGMENTS (reused across variants via custom props)
   ============================================================ */

/* Lotus / mandala corner — reused in several variants */
/* Top-left corner: lotus ring + radiating lines */
/* Top-right: mirrored version */
/* Bottom: sinusoidal wave with gold signature line */


/* ============================================================
   BASE — All mly-page variants share this foundation
   ============================================================ */

[class*="mly-page--"] {
  background-color: #FDFAF6;
  position: relative;
  overflow-x: hidden;
}

/* All direct children sit above the fixed decorative layer */
[class*="mly-page--"] > * {
  position: relative;
  z-index: 1;
}

/* Unified Background Image Layer for all inner pages */
[class*="mly-page--"]::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('/images/mahalyaa-portal-bg.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  opacity: 0.3; /* Mild background for most pages */
}

/* Owner/Admin Portal Override - Full opacity as per mockup */
.mly-page--workspace::before {
  opacity: 1;
}

/* Fixed bottom-wave Mahalyaa signature — appears on all variants */
[class*="mly-page--"]::after {
  content: '';
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 Q240,8 480,30 Q720,52 960,30 Q1200,8 1440,30' fill='none' stroke='%236C4AB6' stroke-width='0.7' opacity='0.1'/%3E%3Cpath d='M0,42 Q240,20 480,42 Q720,64 960,42 Q1200,20 1440,42' fill='none' stroke='%23C9A227' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}


/* The unified background image system replaces all previous blob variants. */

/* Inherit the global bottom wave (::after) from base styles instead of hiding it */


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 767px) {
  /* No bottom wave on very small screens */
  [class*="mly-page--"]::after {
    display: none;
  }
}