/* ═══════════════════════════════════════════════════════════════ Technik w Terenie – privacy.css Style specyficzne dla podstrony /website-privacy-policy Bazuje na tokenach z style.css i wspólnych wzorcach z faq.css Kolejność importu w : style.css → faq.css → privacy.css ═══════════════════════════════════════════════════════════════ */ /* ─── HERO: badge z datą obowiązywania ─── */ .legal-effective-badge { display: inline-flex; align-items: center; gap: var(--space-2); background: rgba(44,197,144,.1); border: 1px solid rgba(44,197,144,.25); color: rgba(250,250,250,.85); font-size: var(--text-xs); font-weight: 700; padding: 8px 16px; border-radius: var(--radius-full); margin-bottom: var(--space-6); } .legal-effective-badge strong { color: var(--accent); font-weight: 900; } /* ─── LAYOUT: sekcje prawne wewnątrz .faq-main ─── */ .legal-section + .legal-section { margin-top: 0; /* odstęp realizowany przez gap w .faq-main, jak w FAQ */ } .legal-section .faq-category-title { scroll-margin-top: calc(var(--nav-h) + var(--bar-h) + var(--space-6)); } /* Numer paragrafu jako "ikona" – spójne z faq-category-icon, ale z tekstem zamiast emoji */ .legal-section-num { width: 36px; height: 36px; border-radius: var(--radius-md); background: var(--accent-subtle); border: 1px solid var(--accent-subtle-border); display: flex; align-items: center; justify-content: center; font-size: var(--text-xs); font-weight: 900; color: var(--accent-dark); flex-shrink: 0; } /* Treść paragrafu prawnego – reużywa typografię .faq-answer-inner, ale dokładamy wsparcie dla list zagnieżdżonych bez markerów FAQ */ .legal-body p { margin-bottom: var(--space-3); font-size: var(--text-sm); color: var(--foreground-secondary); line-height: 1.75; } .legal-body p:last-child { margin-bottom: 0; } .legal-body a { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 2px; font-weight: 600; word-break: break-word; } .legal-body a:hover { color: var(--accent); } .legal-body strong { color: var(--foreground); font-weight: 800; } /* ─── KARTY KATEGORII DANYCH (§3) ─── */ .legal-data-grid { display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-3); } .legal-data-card { background: var(--background-secondary); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-5); } .legal-data-card-title { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); font-weight: 800; color: var(--foreground); margin-bottom: var(--space-3); } .legal-data-card-title span { width: 22px; height: 22px; border-radius: var(--radius-sm); background: var(--accent); color: var(--accent-foreground); font-size: .7rem; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .legal-data-row { display: grid; grid-template-columns: 140px 1fr; gap: var(--space-3); padding: var(--space-2) 0; font-size: var(--text-sm); line-height: 1.6; } .legal-data-row + .legal-data-row { border-top: 1px dashed var(--border); } .legal-data-row dt { font-weight: 700; color: var(--foreground-muted); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .03em; padding-top: 2px; } .legal-data-row dd { color: var(--foreground-secondary); } /* ─── TABELA PRAW (§8) – lista z ikoną zamiast kropki ─── */ .legal-rights-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-2) 0 var(--space-3); } .legal-rights-list li { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-sm); color: var(--foreground-secondary); line-height: 1.6; } .legal-rights-list li::before { content: ''; flex-shrink: 0; width: 18px; height: 18px; margin-top: 3px; border-radius: 50%; background: var(--accent-subtle); border: 1px solid var(--accent-subtle-border); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232cc590' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 10px; } /* ─── SIDEBAR: SPIS TREŚCI ─── */ .legal-toc-list a { position: relative; } .legal-toc-list a.is-active { color: var(--accent-dark); background: var(--accent-subtle); } .legal-toc-list a.is-active::before { opacity: 1; transform: translateX(0); } /* ─── SIDEBAR: KONTAKT RODO ─── */ .sidebar-rodo-email { display: flex; align-items: center; justify-content: center; gap: var(--space-2); font-weight: 800; font-size: var(--text-sm); color: var(--dark-foreground); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-md); padding: 10px 14px; margin-bottom: var(--space-5); word-break: break-all; } /* ─── RESPONSIVE ─── */ @media (max-width: 860px) { .legal-data-row { grid-template-columns: 1fr; gap: 2px; } }