/* Love Vocals Shop: Aurora glass skin over the marketplace pages (Elementor content stays editable).
   Turn off in Love Vocals Shop settings ("Aurora skin") to see the old look. */
body.lvs-skin{--lvs-p:#7756FD;background:
 radial-gradient(1000px 700px at 8% 6%,rgba(119,86,253,.30),transparent 62%),
 radial-gradient(900px 700px at 95% 16%,rgba(145,23,208,.24),transparent 62%),
 radial-gradient(900px 600px at 40% 32%,rgba(19,255,218,.07),transparent 62%),
 radial-gradient(1000px 700px at 92% 48%,rgba(119,86,253,.24),transparent 62%),
 radial-gradient(900px 700px at 5% 62%,rgba(130,36,227,.22),transparent 62%),
 radial-gradient(1000px 700px at 95% 82%,rgba(145,23,208,.22),transparent 62%),
 radial-gradient(900px 700px at 10% 96%,rgba(119,86,253,.24),transparent 62%),
 #08070d!important;color:#d9d9de}
body.lvs-skin #page,body.lvs-skin .site,body.lvs-skin .site-main,body.lvs-skin #content,body.lvs-skin .page-content,body.lvs-skin .elementor{background:transparent!important}
/* Sections and containers become see-through so the Aurora shows; anything with a background video (the hero) keeps its own look. */
/* Only plain background COLOURS go; background IMAGES (brand logos, workshop cards, the hero video) are kept. */
body.lvs-skin .elementor-section:not(:has(.elementor-background-video-container)):not(:has(.elementor-background-slideshow)),
body.lvs-skin .e-con:not(:has(.elementor-background-video-container)):not(:has(.elementor-background-slideshow)),
body.lvs-skin .elementor-widget-wrap,body.lvs-skin .elementor-column-wrap,body.lvs-skin .elementor-widget-container{background-color:transparent!important}
body.lvs-skin [data-elementor-type="footer"] .elementor-section,body.lvs-skin [data-elementor-type="footer"] .e-con{background:rgba(255,255,255,.03)!important}
body.lvs-skin .elementor-heading-title,body.lvs-skin h1,body.lvs-skin h2,body.lvs-skin h3,body.lvs-skin h4{color:#F1F1F1!important}
body.lvs-skin .elementor-widget-text-editor,body.lvs-skin .elementor-widget-text-editor p,body.lvs-skin .elementor-icon-list-text{color:#d9d9de!important}
body.lvs-skin .elementor-button,body.lvs-skin .woocommerce a.button,body.lvs-skin .woocommerce button.button{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),#7756FD!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 26px rgba(119,86,253,.35)!important;font-family:"LVS Inter",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;font-weight:700!important}
body.lvs-skin .elementor-button:hover{filter:brightness(1.08)}
body.lvs-skin input[type=email],body.lvs-skin input[type=text],body.lvs-skin input[type=search],body.lvs-skin textarea{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:14px!important}
body.lvs-skin ::placeholder{color:#a9a4bb!important}
/* Sonaar's floating side bar and old sticky header icons sit on dark now */
body.lvs-skin .srp_player_boxed,body.lvs-skin .iron-audioplayer{color:#F1F1F1}

/* One clean font everywhere on the marketplace (the site's own Inter files were only partly loading, so text fell back to a serif). Icon fonts are left alone. */
body.lvs-skin,body.lvs-skin p,body.lvs-skin li,body.lvs-skin h1,body.lvs-skin h2,body.lvs-skin h3,body.lvs-skin h4,body.lvs-skin h5,body.lvs-skin h6,body.lvs-skin .elementor-heading-title,body.lvs-skin .elementor-widget-text-editor,body.lvs-skin .elementor-button,body.lvs-skin input,body.lvs-skin button,body.lvs-skin .iron-audioplayer,body.lvs-skin .iron-audioplayer *:not([class*="icon"]):not([class*="sricon"]):not(i){font-family:"LVS Inter",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
body.lvs-skin .elementor-heading-title{letter-spacing:-.5px}