/* DivineEpic Music — shared Header, Footer & Mobile Sidebar CSS
   Edit shared component styles here. Loaded on every PHP page.
   Original page styles remain in each page to preserve existing layout/cascade. */
:root { --divineepic-shared-header-z: 50; --divineepic-shared-sidebar-z: 90; }
.glass-nav {
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(226, 232, 240, 0.9);
        }

/* Matched Height & Vertically Centered Official Brand Logo Lockup + Animated Sub-Text */
        .brand-logo-lockup {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            text-decoration: none;
            user-select: none;
            height: 36px;
        }

.brand-logo-icon-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 34px;
            width: 34px;
            border-radius: 9px;
            overflow: hidden;
            flex-shrink: 0;
        }

.brand-logo-text-stack {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 34px;
            line-height: 1;
        }

.brand-logo-icon {
            height: 100%;
            width: 100%;
            object-fit: contain;
            display: block;
            transition: transform 0.3s ease;
        }

.brand-logo-lockup:hover .brand-logo-icon {
            transform: rotate(-5deg) scale(1.06);
        }

.brand-logo-wordmark {
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
            font-weight: 800;
            font-size: 20px;
            line-height: 21px;
            letter-spacing: -0.035em;
            color: #0f172a;
            display: block;
        }

.brand-logo-subtext {
            font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
            font-weight: 700;
            font-size: 8.5px;
            line-height: 11px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #4F46E5;
            display: flex;
            align-items: center;
            gap: 3px;
            margin-top: 2px;
            white-space: nowrap;
        }

.brand-logo-icon, .brand-logo-icon-wrap { flex-shrink: 0; }