/* WebSupport UI fixes v1 — titluri + meniu mobil Încărcat după bundle-ul Vite; nu atinge headingurile din conținutul articolelor (.prose-custom). */ /* ── 1. Titluri echilibrate (înainte: 3rem / 4.5rem / 8rem) ── */ h1:not(.prose-custom *):not([class*="text-"]) { font-size: 2.25rem; line-height: 1.08; letter-spacing: -0.02em; } h2:not(.prose-custom *):not([class*="text-"]) { font-size: 1.75rem; line-height: 1.12; } @media (min-width: 768px) { h1:not(.prose-custom *):not([class*="text-"]) { font-size: 3rem; } h2:not(.prose-custom *):not([class*="text-"]) { font-size: 2.25rem; } } @media (min-width: 1024px) { h1:not(.prose-custom *):not([class*="text-"]) { font-size: 3.75rem; line-height: 1.05; } h2:not(.prose-custom *):not([class*="text-"]) { font-size: 2.75rem; } } /* ── 2. Switcher-ul de limbă din bara de sus: doar pe desktop ── (pe mobil se suprapunea peste logo; acum e în meniul mobil) */ @media (max-width: 1023.98px) { header .ws-lang-desktop { display: none; } } /* ── 3. Meniu mobil full-screen ── */ .ws-mobile-menu { position: fixed; top: 73px; /* sub bara header-ului */ left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.96); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); overflow-y: auto; padding: 32px 24px calc(32px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; } .ws-mobile-menu .ws-mm-nav { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; } .ws-mobile-menu .ws-mm-nav a { display: block; padding: 14px 12px; font-size: 1.5rem; font-weight: 600; font-family: Manrope, Inter, system-ui, sans-serif; color: #fff; border-radius: 14px; line-height: 1.2; } .ws-mobile-menu .ws-mm-nav a:active, .ws-mobile-menu .ws-mm-nav a:hover { background: rgba(255, 255, 255, 0.06); } .ws-mobile-menu .ws-mm-nav a.ws-mm-tool { color: var(--ws-accent, #ff2e88); font-size: 1.15rem; font-weight: 500; } .ws-mobile-menu .ws-mm-sep { height: 1px; background: rgba(255, 255, 255, 0.1); margin: 20px 0; flex: 0 0 auto; } .ws-mobile-menu .ws-mm-bottom { display: flex; flex-direction: column; gap: 16px; flex: 0 0 auto; } .ws-mobile-menu .ws-mm-lang { display: inline-flex; gap: 6px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; padding: 5px; align-self: flex-start; } .ws-mobile-menu .ws-mm-lang a { padding: 9px 20px; border-radius: 999px; font-size: 0.95rem; font-weight: 600; color: rgba(255, 255, 255, 0.6); } .ws-mobile-menu .ws-mm-lang a.active { background: #fff; color: #000; } .ws-mobile-menu .ws-mm-cta { display: block; text-align: center; padding: 16px 24px; border-radius: 999px; font-weight: 700; font-size: 1.05rem; color: #000; background: linear-gradient(90deg, #ff2e88, #ff7a2e); } /* fix4.1: meniul e teleportat în ; deasupra a tot, inclusiv bannerul cookie */ .ws-mobile-menu { z-index: 2147483100; } /* fix4.2: poziționare blindată, fundal complet opac (fără blur — inutil pe negru) */ .ws-mobile-menu { position: fixed !important; top: 73px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: #050505 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; z-index: 2147483100 !important; }