/* ============================================================================ Go Notifier — legal pages (Privacy / Terms). Layered on top of styles.css (brand tokens, header, footer, buttons). Bilingual EN/HE via [data-lang] visibility toggled by the attribute; RTL via logical properties. ============================================================================ */ /* ---- bilingual visibility: show only the active language ---- */ html[lang="en"] [data-lang="he"] { display: none !important; } html[lang="he"] [data-lang="en"] { display: none !important; } /* ---- language toggle (app-style pill) ---- */ .lang-toggle { display: inline-flex; border: 1.5px solid var(--line-strong); border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.04); } .lang-toggle button { border: 0; background: transparent; padding: 7px 15px; font-family: var(--font); font-weight: 600; font-size: .9rem; color: var(--text-muted); cursor: pointer; transition: background .2s, color .2s; } .lang-toggle button.active { background: var(--blue); color: #fff; } .lang-toggle button:not(.active):hover { color: var(--text); } /* ---- long-form legal layout ---- */ .legal-wrap { position: relative; z-index: 1; padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(3.5rem, 9vw, 7rem); } .legal { max-width: 760px; margin: 0 auto; line-height: 1.75; } .legal-head { margin-bottom: clamp(2rem, 4vw, 3rem); padding-bottom: 1.6rem; border-bottom: 1px solid var(--line); } .legal h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin-bottom: .7rem; } .legal .updated { color: var(--text-muted); font-size: .95rem; } .legal .intro { color: var(--text); font-size: 1.08rem; margin-top: 1.1rem; } .legal h2 { font-size: 1.35rem; line-height: 1.3; color: #fff; margin: 2.4rem 0 .7rem; letter-spacing: -.01em; } .legal h3 { font-size: 1.05rem; color: #fff; margin: 1.6rem 0 .4rem; } .legal p { color: var(--text); margin-bottom: 1.05rem; } .legal ul { margin: 0 0 1.15rem; padding-inline-start: 1.35rem; list-style: none; } .legal li { color: var(--text); margin-bottom: .55rem; position: relative; padding-inline-start: 1rem; } .legal li::before { content: ""; position: absolute; inset-inline-start: 0; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); } .legal strong { color: #fff; font-weight: 600; } .legal a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; } .legal a:hover { color: var(--teal); } /* numbers / email stay LTR inside RTL text */ .ltr { unicode-bidi: isolate; direction: ltr; } /* legal-page header: keep the logo + a lean nav (lang toggle + sign-in) */ .legal-nav { display: flex; align-items: center; gap: 14px; } @media (max-width: 560px) { .legal-nav .btn-ghost { display: none; } /* keep just the language toggle on small screens */ }