/* WOOLY CLUB THEME v47 — v20 base + wt_2.jpg brand card + wc-hero-v2 + ambassador badge */ /* ============================================================ WOOLY CLUB — Custom Theme Override Dark Navy Private Club — v1.1 ============================================================ */ /* --- FONTS --- */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,600&display=swap'); :root { --wc-navy: #070B14; --wc-surface: #101722; --wc-card: #111A26; --wc-card-hover: #152032; --wc-cream: #FFF7EA; --wc-blue: #C89B5A; --wc-blue-hover: #D8AA5F; --wc-gold: #C89B5A; --wc-muted: #9CA3AF; --wc-light: #A8B5C8; --wc-dark-text: #0B0F19; --wc-border: rgba(255,255,255,0.08); --wc-border-warm: #E5D8C4; --wc-radius: 16px; --wc-radius-sm: 10px; } /* ---- BASE ---- */ /* ---- Override Sngine night-mode CSS variables with Wooly Club dark navy ---- */ body.night-mode { --card-dark-color: #111A26 !important; /* was #262D34 (grey) → now dark navy */ --card-dark-divider: rgba(200,155,90,0.14) !important; --card-dark-hover: rgba(200,155,90,0.07) !important; --card-dark-input: #1a2235 !important; /* was #1e252b (grey) → now navy-tinted */ --card-dark-input-color: #F3EBDD !important; } html { height: 100%; } body, body.night-mode { font-family: 'Inter', 'Poppins', -apple-system, sans-serif !important; background-color: var(--wc-navy) !important; color: var(--wc-light) !important; min-height: 100vh; display: flex; flex-direction: column; } .main-wrapper { background: var(--wc-navy) !important; flex: 1; display: flex; flex-direction: column; } /* Sticky footer — push footer container to bottom when content is short */ .main-wrapper > .container:has(> .row.footer), .main-wrapper > .container-fluid:has(> .row.footer) { margin-top: auto; } /* ---- HEADER ---- */ .main-header { background: var(--wc-navy) !important; border-bottom: 1px solid rgba(200,155,90,0.28) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.4) !important; } .main-header .logo-wrapper .logo { font-size: 17px !important; font-weight: 700 !important; color: var(--wc-light) !important; letter-spacing: -0.2px; } .main-header .logo-wrapper .logo img { filter: none; vertical-align: middle !important; } .main-header .logo img.wc-svg-logo { height: 52px !important; width: auto !important; vertical-align: middle !important; } /* ── Header centering — 3-level approach ── Root cause on profile/settings pages: their inline