/* v0.2.5 site-wide shell polish. Loaded after the Bricks stylesheet. */ html, body { max-width: 100%; } /* Page titles are authored explicitly inside platform code, never inherited from the WordPress page template. */ body:not(.wp-admin) .brxe-post-title, body:not(.wp-admin) .bricks-post-title, body:not(.wp-admin) .entry-title, body:not(.wp-admin) .page-title, body:not(.wp-admin) .wp-block-post-title { display: none !important; } /* Keep the editorial heading compact but legible. The previous global override was too tightly tracked. */ body .rpp-app .rpp-title { letter-spacing: -0.035em !important; } body .rpp-app .rpp-speaker-label { color: var(--rpp-muted, #68758a); font-weight: 680; } /* iOS Safari may include transformed fixed pseudo-elements in scroll overflow. On mobile, retain the animated body gradient while disabling drifting oversized pseudo-elements. */ @media (max-width: 680px) { body::before, body::after { inset: 0 !important; transform: none !important; animation: none !important; } } /* v0.2.6 desktop scroll performance hardening. Keep the premium visual language while removing effects that trigger large repaints during scroll. */ /* Animating background-position on the full document forces repainting of a very large surface. A static gradient retains the look and allows smooth compositor-driven scrolling. */ body { animation: none !important; background-size: 100% 100% !important; } /* Oversized, blurred, transformed fixed layers are expensive while scrolling and can also create overflow anomalies in Safari. Keep the ambient gradients static and bounded. */ body::before, body::after { inset: 0 !important; filter: none !important; transform: none !important; animation: none !important; will-change: auto !important; } /* The application surfaces are already visually opaque enough to read as glass panels. Removing full-surface backdrop blur avoids recalculating a large blur region on every scroll frame. */ .rpp-app, .rhy-page, .rpp-glass, .rhy-container, .rhy-profile-menu, .rhy-mobile-menu { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Contain paint-heavy areas so the browser can isolate their rendering work. */ .rpp-app, .rhy-page, .rhy-footer, .rhy-container { contain: paint; } /* Keep card shadows refined but cheaper to rasterize while many cards are visible. */ body .rpp-app .rpp-day { box-shadow: inset 0 0 0 1px rgba(22, 38, 67, 0.085), 0 0.42rem 1rem rgba(37, 56, 92, 0.045) !important; } body .rpp-app .rpp-day:hover { box-shadow: inset 0 0 0 1px rgba(22, 38, 67, 0.12), 0 0.85rem 1.75rem rgba(37, 56, 92, 0.11) !important; } /* ========================================================= v0.5.1 — Frontend light/dark shell switcher ========================================================= */ .rhy-theme-toggle{ display:inline-flex;align-items:center;justify-content:center;gap:.58rem; width:3.35rem;height:3.35rem;flex:0 0 auto;padding:0;border:0;border-radius:999px; background:rgba(255,255,255,.055);color:var(--rhy-shell-text-soft,#b8c1d2); box-shadow:inset 0 0 0 1px rgba(203,214,255,.14);cursor:pointer; transition:background 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease; } .rhy-theme-toggle:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(203,214,255,.25)} .rhy-theme-toggle svg{display:block;width:1.32rem;height:1.32rem;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none} .rhy-theme-icon-moon{display:block}.rhy-theme-icon-sun{display:none} html[data-rpp-theme="dark"] .rhy-theme-icon-moon{display:none} html[data-rpp-theme="dark"] .rhy-theme-icon-sun{display:block} .rhy-theme-toggle-mobile{display:flex;width:100%;height:auto;min-height:3.1rem;justify-content:flex-start;padding:.88rem 1rem;border-radius:.95rem;font-size:1rem;font-weight:760} .rhy-theme-toggle-mobile svg{width:1.2rem;height:1.2rem}.rhy-theme-toggle-mobile span[data-rhy-theme-label]{display:inline} /* Weekful 0.1.1: fundalul vechi, doar în afara paginilor platformei (html.rpp-page are --bd-bg, 41-auth-legacy.css) */ html[data-rpp-theme="dark"]:not(.rpp-page) body{ background:linear-gradient(135deg,#0c1321 0%,#121c2e 42%,#0d1626 100%) !important; color:#edf4ff; } html[data-rpp-theme="dark"]:not(.rpp-page) body::before{ background:radial-gradient(circle at 16% 18%,rgba(77,108,210,.18),transparent 30rem),radial-gradient(circle at 86% 20%,rgba(63,141,177,.12),transparent 29rem),radial-gradient(circle at 66% 82%,rgba(118,88,180,.1),transparent 33rem) !important; opacity:.82; } html[data-rpp-theme="dark"]:not(.rpp-page) body::after{ background:radial-gradient(circle at 58% 14%,rgba(107,135,195,.08),transparent 25rem),radial-gradient(circle at 88% 68%,rgba(52,95,150,.09),transparent 29rem) !important; opacity:.74; } html[data-rpp-theme="dark"] .rhy-container, html[data-rpp-theme="dark"] .rhy-footer{ background:linear-gradient(135deg,rgba(13,19,32,.985),rgba(6,10,18,.98)) !important; } html[data-rpp-theme="dark"] .rhy-profile-menu, html[data-rpp-theme="dark"] .rhy-mobile-menu{background:rgba(8,13,23,.99) !important} html[data-rpp-theme="dark"] .rhy-page{ color:#edf4ff; background:linear-gradient(145deg,rgba(20,29,46,.96),rgba(12,20,34,.95)) !important; box-shadow:inset 0 0 0 1px rgba(182,202,240,.1),0 1.1rem 3rem rgba(0,0,0,.15) !important; } @media(max-width:980px){.rhy-theme-toggle:not(.rhy-theme-toggle-mobile){display:none}} /* ========================================================= v0.5.22 — Header dropdown clipping fix The profile menu lives outside the visual bounds of the floating header container. `contain: paint` clips that overflow even when `overflow: visible` is declared, so the header must never be a paint-containment boundary. ========================================================= */ .rhy-container { contain: none !important; overflow: visible !important; } .rhy-actions, .rhy-profile, .rhy-profile-menu { overflow: visible !important; } .rhy-profile { z-index: 10020 !important; } .rhy-profile-menu { z-index: 10030 !important; }