/* regulamin.css — stylowanie dedykowane dla podstrony "Regulamin" (Werch SMP) Umieść plik w katalogu: css/regulamin.css W reguilamin.html dodaj w (po styles.css): */ /* Główne opakowanie strony regulaminu */ .legal-page { padding: 36px 0 56px; background: transparent; } .legal-card { width: 100%; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 12px; padding: 30px; box-shadow: 0 22px 48px rgba(0,0,0,0.06); box-sizing: border-box; border: 1px solid rgba(0,0,0,0.02); } /* Nagłówek regulaminu */ .legal-header h1 { font-family: "Poppins", sans-serif; font-size: 24px; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.6px; color: #0f1720; } .legal-header .legal-sub { color: var(--shop-dark); display: inline-block; margin-left: 8px; font-weight: 900; } .legal-meta { color: #666; font-size: 13px; margin-bottom: 16px; } /* Spis treści */ .legal-toc { margin: 10px 0 22px; padding: 12px; background: #fbfbfb; border-radius: 8px; border: 1px solid rgba(0,0,0,0.03); } .legal-toc h2 { font-size: 16px; margin: 0 0 8px 0; } .legal-toc ol { margin: 0 0 0 18px; padding: 0; } .legal-toc li { margin: 6px 0; } .legal-toc a { text-decoration: none; color: var(--accent); font-weight: 700; } /* Sekcje treści */ .clause { margin: 20px 0; padding-bottom: 12px; border-bottom: 1px dashed rgba(0,0,0,0.06); } .clause h3 { font-size: 18px; margin: 0 0 10px 0; color: #111; font-weight: 700; } .clause p, .clause li, .clause dd { font-size: 15px; color: #333; line-height: 1.55; margin: 6px 0; } .clause ul, .clause ol { margin-left: 18px; } .clause dl { margin-left: 6px; } /* stopka wewnątrz artykułu */ .legal-foot { margin-top: 20px; text-align: center; color: #666; font-size: 13px; } .legal-foot .small { margin: 4px 0; } /* drobne poprawki dostępnościowe */ .legal-card a { word-break: break-word; } /* Przyciski TOC: hover & focus */ .legal-toc a:focus, .legal-toc a:hover { text-decoration: underline; outline: none; } /* Smooth scroll for anchor links */ html { scroll-behavior: smooth; } /* RESPONSYWNOŚĆ */ @media (max-width: 920px) { .legal-card { padding: 22px; border-radius: 10px; } .legal-header h1 { font-size: 20px; } .legal-toc { font-size: 14px; } .clause h3 { font-size: 16px; } } @media (max-width: 480px) { .legal-card { padding: 16px; box-shadow: 0 12px 24px rgba(0,0,0,0.05); } .legal-header h1 { font-size: 18px; } .legal-meta { font-size: 12px; } .clause p, .clause li { font-size: 14px; } .legal-toc { padding: 10px; } } /* Delikatne dopasowanie kontrastu w trybie prefer-reduced-motion */ @media (prefers-reduced-motion: reduce) { .legal-card { transition: none !important; } }