/* ============================================ SHABBAT MODE - Friday 8:00 AM through Saturday night Active only when has class "shabbat-mode" ============================================ */ #shabbat-banner { display: none; } /* ============================================= 1. UNIFIED SUNRISE GRADIENT ON BODY Soft, radiant morning sunrise — airy blues melting into gentle peach, soft gold, warm white. background-attachment: fixed so the gradient stays continuous across all transparent sections. ============================================= */ body.shabbat-mode { background: #fff9f4 !important; } /* GPU-accelerated fixed wallpaper — avoids background-attachment:fixed repaint lag */ body.shabbat-mode::before { content: ''; position: fixed; inset: 0; z-index: -10; pointer-events: none; will-change: transform; background: /* subtle warm glow top-left */ radial-gradient(ellipse 100% 70% at 8% 6%, rgba(255, 228, 196, 0.22) 0%, transparent 55%), /* faint peach kiss top-right */ radial-gradient(ellipse 90% 60% at 85% 12%, rgba(255, 210, 170, 0.16) 0%, transparent 50%), /* very faint depth at bottom */ radial-gradient(ellipse 140% 60% at 50% 100%, rgba(160, 195, 225, 0.12) 0%, transparent 55%), /* main sunrise gradient — light and airy */ linear-gradient( 168deg, #7da4c4 0%, #9ebdd8 10%, #bdd5e8 20%, #d4e3f0 30%, #e8d8ca 42%, #f2d4b8 52%, #f5dcc4 60%, #f8e6d2 70%, #fbefe2 80%, #fdf5ee 90%, #fff9f4 100% ); } /* ============================================= 2. NUCLEAR TRANSPARENCY RESET Every element between the status bar and the nav must be a perfectly clear pane of glass. No backgrounds, no borders, no shadows, no outlines, no margin/overlap hacks. ============================================= */ body.shabbat-mode #community-status-bar, body.shabbat-mode .header-main, body.shabbat-mode #shabbat-banner, body.shabbat-mode .daily-inspiration-header-section, body.shabbat-mode #daily-inspiration, body.shabbat-mode .daily-inspiration-card, body.shabbat-mode .daily-inspiration-content, body.shabbat-mode nav:not(.prayers-anchor-menu) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-width: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ============================================= 3. REMOVE ALL MARGIN OVERLAP HACKS These were the primary culprit — overlapping transparent layers with pseudo-element glows stack opacities at the seam = visible 1px line. ============================================= */ body.shabbat-mode .header-main { position: relative; overflow-x: clip; overflow-y: visible; /* keep vertical overflow effects */ margin-top: 0; /* was -1px — caused overlap line */ margin-bottom: 0; padding-bottom: 0; } body.shabbat-mode #community-status-bar { margin-top: 0; margin-bottom: 0; /* was -1px */ } body.shabbat-mode nav:not(.prayers-anchor-menu) { position: static; z-index: 10; overflow-x: clip; overflow-y: visible; margin-top: 0; /* was -1px */ margin-bottom: 0; } /* ============================================= 4. FORCE-KILL TAILWIND CDN CLASSES Tailwind CDN