/* Theme Name: Kadence Child Author: eVolpe Author URI: https://evolpe.ai Description: Child theme motywu Kadence dla evolpe.ai. Customizacje CSS (Klasa B) i szablony (Klasa C) zarzadzane przez repo marketing/evolpe-ai-wp-code. Migracja Astra->Kadence — Faza 3 frameworku claude-wp-framework. Version: 0.5.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: kadence-child Template: kadence */ /* ========================================================================= Customizacje CSS evolpe.ai wchodza tutaj jako Klasa B (Faza 3). Reguly dodawaj sekcjami z komentarzem [X.Y.Z] zgodnym z CHANGELOG. ========================================================================= */ /* ------------------------------------------------------------------------- [0.4.1] Kadence content-bg override (Night -> Paper) Kadence renderuje na sztywno w dynamic CSS: .content-bg, body.content-style-unboxed .site { background: var(--global-palette9); } palette9 = #0E0B1C (Night) => cale tlo contentu ciemne, tekst ink-900 nieczytelny. To NIE theme_mod (theme_mods_kadence pusty) — regula wbudowana w dynamic CSS. Content ma byc Paper (palette7 = #FAFAF7). Przebijamy wyzsza specyficznoscia (body .content-bg) — wygrywa niezaleznie od kolejnosci w kaskadzie. Footer zostaje Night (osobna regula Kadence — nie ruszamy). ------------------------------------------------------------------------- */ body .content-bg { background-color: var(--global-palette7); } /* ------------------------------------------------------------------------- [0.4.2] Unboxed content background — paruje z theme_mod page_content_style/post_content_style = unboxed (ustawiane wp-cli). Override [0.4.1] dotyka tylko `.content-bg`; w trybie unboxed Kadence maluje element `.site` (regula `body.content-style-unboxed .site { ... palette9 }`), wiec bez tej reguly flip na unboxed dalby ciemne tlo strony. [0.4.3]: prefiks `html` => `html body...site` (0,2,2) > Kadence (0,2,1) — wygrana specyficznoscia, niezaleznie od kolejnosci enqueue (wczesniej decydowala tylko kolejnosc). ------------------------------------------------------------------------- */ html body.content-style-unboxed .site { background-color: var(--global-palette7); } /* ------------------------------------------------------------------------- [0.4.2] Typografia naglowkow — wartosci kanoniczne (kadence-global-settings.json). Selektor `body hN` (0,0,2) przebija plain `hN{}` (0,0,1) z theme.json global-styles ORAZ Kadence dynamic CSS — niezaleznie od kolejnosci w . Nizszy niz `.evolpe-dark hN` (0,1,1) => sekcje dark zachowuja jasne naglowki. Domyka letter-spacing, line-height i uppercase h5/h6 (Kadence ich nie emituje); rozmiar/rodzina/kolor pokrywaja sie z theme_mod Kadence. Zastepuje rozjazdowe wartosci z additional.css §3 (-0.012em / lh 1.05). Parytet w theme.json: [0.4.3]. ------------------------------------------------------------------------- */ body h1 { font-family: var(--ev-font-display); font-weight: 600; font-size: 72px; line-height: 1.02; letter-spacing: -0.022em; color: var(--ev-ink-900); } body h2 { font-family: var(--ev-font-display); font-weight: 600; font-size: 48px; line-height: 1.08; letter-spacing: -0.018em; color: var(--ev-ink-900); } body h3 { font-family: var(--ev-font-sans); font-weight: 600; font-size: 28px; line-height: 1.15; letter-spacing: -0.012em; color: var(--ev-ink-900); } body h4 { font-family: var(--ev-font-sans); font-weight: 600; font-size: 20px; line-height: 1.20; color: var(--ev-ink-900); } body h5 { font-family: var(--ev-font-mono); font-weight: 500; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ev-ink-500); } body h6 { font-family: var(--ev-font-mono); font-weight: 500; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ev-ink-500); } @media (max-width: 1024px) { body h1 { font-size: 56px; } body h2 { font-size: 38px; } body h3 { font-size: 24px; } } @media (max-width: 767px) { body h1 { font-size: 40px; } body h2 { font-size: 30px; } body h3 { font-size: 22px; } } /* ------------------------------------------------------------------------- [0.4.2] Pola formularzy — DS forms-specification.md. Kadence Form, natywne pola WP (search/comment), Gravity. Mautic embed renderuje sie w iframe (cross-origin) — te reguly go nie obejmuja. ------------------------------------------------------------------------- */ input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="date"], textarea, select { background-color: var(--ev-paper-50); border: 1px solid var(--ev-paper-line); border-radius: 6px; padding: 12px 14px; font-family: var(--ev-font-sans); font-size: 15px; color: var(--ev-ink-900); } body input:focus, body textarea:focus, body select:focus { border-color: var(--ev-brand-violet); box-shadow: 0 0 0 3px rgba(139, 71, 219, 0.32); outline: none; } label, .gfield_label, .kadence-blocks-form .kadence-label { font-family: var(--ev-font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ev-ink-500); } /* ------------------------------------------------------------------------- [0.4.2] Reduced motion — DS accessibility (reduced_motion_respect). Neutralizuje transition sticky-header (is-scrolled) i animacje buttonow. ------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }