/*
Theme Name: Making a Scene Artist Site Builder Theme
Theme URI: https://www.makingascene.org/
Author: Making a Scene
Author URI: https://www.makingascene.org/
Description: A simple block-based WordPress theme for indie musicians building an artist-owned website ecosystem with Artist Builder Pro, Fan Passport, WooCommerce, memberships, audio, shows, community, and direct-to-fan revenue funnels.
Version: 0.4.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mas-artist-site
Tags: block-patterns, full-site-editing, music, entertainment, e-commerce, custom-colors, custom-logo, full-width-template
*/

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-decoration-thickness: 1px; text-underline-offset: .2em; }
img { max-width: 100%; height: auto; }

.mas-pill { border-radius: 999px; padding: .35rem .75rem; display: inline-block; }
.mas-card { border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 24px; padding: clamp(1rem, 2vw, 2rem); }
.mas-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.mas-site-main { min-height: 55vh; }
.mas-no-margin { margin-block-start: 0 !important; }
.mas-section-glow { position: relative; overflow: hidden; }
.mas-section-glow:before { content:""; position:absolute; inset:-20%; pointer-events:none; background: radial-gradient(circle at 20% 10%, rgba(230,57,70,.25), transparent 32%), radial-gradient(circle at 80% 20%, rgba(69,123,157,.22), transparent 30%), radial-gradient(circle at 50% 100%, rgba(255,183,3,.16), transparent 34%); }
.mas-section-glow > * { position: relative; z-index: 1; }

/* Builder compatibility */
.mas-artist-builder-ready .mas-builder-shell,
.mas-builder-shell { width: min(100%, var(--wp--style--global--wide-size, 1180px)); margin-inline: auto; }
.mas-builder-canvas-wrap { min-height: 420px; }
.mas-builder-dropzone { border: 2px dashed rgba(255,255,255,.22); border-radius: 28px; padding: clamp(1.25rem, 3vw, 2.25rem); background: rgba(255,255,255,.04); }
.mas-builder-notice { border-left: 4px solid var(--wp--preset--color--mas-gold); background: rgba(255,255,255,.06); padding: 1rem 1.25rem; border-radius: 18px; }
.mas-abp-module { color: inherit; }
.mas-abp-button { text-decoration: none !important; }

/* Sticky audio player shell */
.mas-sticky-player-shell { position: sticky; bottom: 0; z-index: 9990; }
.mas-sticky-player-shell:empty { display: none; }

/* AJAX navigation shell for uninterrupted artist-site listening. */
.mas-ajax-navigation-enabled #mas-ajax-content { outline: none; }
.mas-ajax-navigation-enabled.mas-ajax-is-loading #mas-ajax-content,
html.mas-ajax-is-loading #mas-ajax-content { opacity: .55; transition: opacity .18s ease; }
#mas-ajax-page-loader { position: fixed; left: 50%; top: .85rem; transform: translateX(-50%); z-index: 99998; display: flex; align-items: center; gap: .55rem; padding: .55rem .85rem; border-radius: 999px; background: rgba(17, 19, 26, .92); color: #f1faee; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 16px 48px rgba(0,0,0,.28); font-size: .875rem; backdrop-filter: blur(10px); }
#mas-ajax-page-loader[hidden] { display: none; }
#mas-ajax-page-loader span { width: .75rem; height: .75rem; border-radius: 999px; border: 2px solid rgba(255,255,255,.25); border-top-color: #ffb703; animation: mas-ajax-spin .8s linear infinite; }
@keyframes mas-ajax-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } #mas-ajax-page-loader span { animation: none; } .mas-ajax-navigation-enabled.mas-ajax-is-loading #mas-ajax-content, html.mas-ajax-is-loading #mas-ajax-content { transition: none; } }