/* PROTRENEROV HOME LIGHT FINAL — consolidated runtime layer 2026-09-29 */ /* ===== home-light-readability-v20-1-5.css ===== */ /* ProTrenerov 20.1.5 Light-theme homepage readability only. Does not change layout, spacing, cards, navigation, or dark theme. */ html[data-theme="light"] body.home-page.cinematic-bg18 { --pt-light-ink: #102019; --pt-light-muted: #263a31; --pt-light-accent: #2d651f; } /* Keep the cinematic character, but make the video slightly less washed out so dark typography has a cleaner visual field. */ html[data-theme="light"] .site-cinematic-bg18 .cinematic-video18 { filter: blur(5px) brightness(.60) saturate(.84) contrast(1.04) !important; } /* A very soft neutral veil: enough separation without turning the page into opaque white panels. */ html[data-theme="light"] .site-cinematic-bg18 .cinematic-vignette18 { background: linear-gradient( 180deg, rgba(250,252,248,.47) 0%, rgba(247,250,246,.34) 38%, rgba(244,248,243,.43) 100% ) !important; } /* Main homepage typography over the cinematic layer. The pale shadow is intentionally tight and subtle: it creates a clean light halo around dark glyphs without changing the site's visual language. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .section-head-v4 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .section-intro, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-catalog-head18 p, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .link-arrow { color: var(--pt-light-ink) !important; text-shadow: 0 1px 0 rgba(255,255,255,.88), 0 0 10px rgba(247,250,246,.58) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 p, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .map-preview-card p, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .direction-category-copy18 small { color: var(--pt-light-muted) !important; text-shadow: 0 1px 0 rgba(255,255,255,.90), 0 0 9px rgba(247,250,246,.62) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow.clean, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .direction-category-index18 { color: var(--pt-light-accent) !important; text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 8px rgba(247,250,246,.70) !important; } /* The three-step strip at the top of the screenshot. */ html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article > span, html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article b, html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article p { color: var(--pt-light-ink) !important; text-shadow: 0 1px 0 rgba(255,255,255,.88), 0 0 9px rgba(247,250,246,.58) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article > span { color: var(--pt-light-accent) !important; } /* Do not alter dark theme. */ @media (prefers-reduced-motion: reduce) { html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-video18 { filter: blur(5px) brightness(.60) saturate(.84) contrast(1.04) !important; } } /* ===== home-light-contrast-v20-1-6.css ===== */ /* ProTrenerov FIX 20.1.6 Light-theme homepage contrast rebuild. Purpose: readable text without glow/halo. Does not alter layout, spacing, cards, navigation or dark theme. */ /* Load after 20.1.5 and deliberately neutralize its glow. */ html[data-theme="light"] body.home-page.cinematic-bg18 { --pt-light-ink-206: #111714; --pt-light-body-206: #24332c; --pt-light-accent-206: #4f780e; } /* Keep the video, but make its luminance calmer and more even. This is a page-level veil, not a text box or card overlay. */ html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-video18 { filter: blur(5px) brightness(.58) saturate(.72) contrast(1.02) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18 { background: linear-gradient( 180deg, rgba(248,250,246,.64) 0%, rgba(246,249,244,.56) 42%, rgba(244,248,242,.63) 100% ) !important; backdrop-filter: blur(4px) !important; } /* Main headings: solid dark ink, no glow. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .section-head-v4 h2 { color: var(--pt-light-ink-206) !important; text-shadow: none !important; } /* Body and supporting copy: neutral deep green-gray, not muddy dark green. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 p, html[data-theme="light"] body.home-page.cinematic-bg18 .section-intro, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-catalog-head18 p, html[data-theme="light"] body.home-page.cinematic-bg18 .map-preview-card p, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-category-copy18 small { color: var(--pt-light-body-206) !important; text-shadow: none !important; } /* Small labels and interactive accents retain the brand green. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow.clean, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-category-index18, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .link-arrow { color: var(--pt-light-accent-206) !important; text-shadow: none !important; } /* Three-step strip: same hierarchy, stronger light-theme contrast. */ html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article > span, html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article b { color: var(--pt-light-ink-206) !important; text-shadow: none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article > span { color: var(--pt-light-accent-206) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-steps article p { color: var(--pt-light-body-206) !important; text-shadow: none !important; } /* No artificial glow anywhere in the light homepage text layer. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 a, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 strong, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 small { text-shadow: none !important; } @media (max-width: 760px) { html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18 { background: linear-gradient( 180deg, rgba(248,250,246,.67) 0%, rgba(246,249,244,.59) 44%, rgba(244,248,242,.66) 100% ) !important; } } /* ===== home-light-contrast-final-v20-1-7.css ===== */ /* ProTrenerov FIX 20.1.7 Light-theme contrast corrections after 20.1.6. 1) Restores the intentionally dark "three steps" panel typography. 2) Brightens the small green accent labels used on the light homepage. 3) Keeps the previous clean, shadow-free light-theme treatment. 4) Does not alter layout, spacing, cards or dark theme. */ /* --------------------------------------------------------- DARK SURFACE EXCEPTION .pt-dark-home-panel1907 is intentionally dark even in light theme. 20.1.6's generic light rules must not turn its text dark. --------------------------------------------------------- */ html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 { color: #f4f7f1 !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .how-v4-steps b { color: #f4f7f1 !important; text-shadow: none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 p { color: #aebcb4 !important; text-shadow: none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .how-v4-steps article > span { color: #c8f23a !important; text-shadow: none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .button, html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .button-primary { background: #c8f23a !important; color: #11170f !important; border-color: #c8f23a !important; text-shadow: none !important; box-shadow: none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .button:hover, html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .button-primary:hover { background: #d7ff57 !important; color: #11170f !important; } /* --------------------------------------------------------- LIGHT HOMEPAGE BRAND GREEN Brighter olive/lime green for small labels and links. This is intentionally NOT a global site color replacement. --------------------------------------------------------- */ html[data-theme="light"] body.home-page.cinematic-bg18 { --pt-light-accent-207: #668f12; } /* The three principles directly visible in the second screenshot. */ html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > span { color: var(--pt-light-accent-207) !important; text-shadow: none !important; } /* Similar small numbered/eyebrow accents on the light homepage. */ html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow.clean, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-category-index18, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .link-arrow { color: var(--pt-light-accent-207) !important; text-shadow: none !important; } /* Keep principle descriptions readable without changing their hierarchy. */ html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > p { color: #34433b !important; text-shadow: none !important; } /* Do not let the generic light-theme rules affect the dark panel's labels. */ html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .pt-dark-home-panel1907 .how-v4-steps article > span { color: #c8f23a !important; } /* Mobile: same colors, no extra glow. */ @media (max-width: 760px) { html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > span { color: #668f12 !important; } } /* ===== home-light-clean-v20-1-22.css ===== */ /* ProTrenerov FIX 20.1.22 Surgical light-home cleanup based on the actual 20.1.20 result. Does not replace markup or cinematic files. */ /* 1) Bright CTA: keep the existing Volt surface, restore dark readable ink. */ html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 h2 *, html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 .cta-v4-title { color:#111714 !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 p { color:#34433b !important; opacity:1 !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 .eyebrow { color:#263a12 !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 .button, html[data-theme="light"] body.home-page.cinematic-bg18 .cta-card-v4.pt-dark-home-panel1907 .button-accent { background:#111714 !important; color:#c8f23a !important; border-color:#111714 !important; text-shadow:none !important; box-shadow:none !important; } /* 2) Right advertising slot: make its light panel visibly distinct from the page. Geometry remains controlled by the existing 20.1.20 ad CSS. */ html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt { background:rgba(248,250,246,.94) !important; border:1px solid rgba(23,35,29,.18) !important; border-radius:20px !important; box-shadow:0 18px 50px rgba(23,35,29,.12) !important; overflow:hidden !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-kicker { color:#7da91a !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt h2 { color:#111714 !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt p { color:#34433b !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-action { color:#405d13 !important; text-shadow:none !important; } /* 3) The small numbered green labels on the light homepage were too dark. Brighten only these accents, not the site's global green. */ html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > span, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .eyebrow.clean, html[data-theme="light"] body.home-page.cinematic-bg18 .direction-category-index18, html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4 .link-arrow { color:#7da91a !important; text-shadow:none !important; } /* 4) Restore visibility of the cinematic background in the light theme. Do not change the videos themselves; only reduce the white wash/blur veil. */ html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18 { background:linear-gradient( 180deg, rgba(247,250,245,.18) 0%, rgba(244,248,242,.12) 40%, rgba(240,245,238,.18) 100% ) !important; backdrop-filter:blur(2px) !important; -webkit-backdrop-filter:blur(2px) !important; } /* ===== home-light-rollback-v20-1-24.css ===== */ /* ProTrenerov FIX 20.1.24 Roll back only the two visual changes from 20.1.22. */ /* Restore the original light-theme veil from cinematic18-v21.css. */ html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18 { background:linear-gradient(180deg,rgba(247,250,245,.34) 0%,rgba(244,248,242,.24) 40%,rgba(240,245,238,.34) 100%) !important; backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important; } /* Restore the original 20.0.9 free-slot surface; keep current 190px geometry. */ html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt { background:linear-gradient(135deg,rgba(245,249,240,.90),rgba(255,255,255,.80)) !important; border:1px solid color-mix(in srgb,var(--line) 88%,var(--volt) 12%) !important; border-radius:24px !important; box-shadow:0 18px 50px rgba(20,35,20,.08) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; overflow:hidden !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-kicker { color:var(--volt-ink) !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt h2 { color:inherit !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt p { color:var(--muted) !important; text-shadow:none !important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-action { background:var(--volt) !important; color:#151914 !important; border-color:transparent !important; text-shadow:none !important; } @media(max-width:760px){ html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt { border-radius:20px !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } } /* ===== home-light-restore-v20-1-38.css ===== */ /* FIX 20.1.38 - targeted only */ /* LIGHT: readable descriptions inside the existing dark "three steps" panel. */ html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-grid .how-v4-intro p, html[data-theme="light"] body.home-page.cinematic-bg18 .how-v4-grid .how-v4-steps p{ color:#aebdb5 !important; text-shadow:none !important; } /* DARK: restore visible free-slot card surface, without changing its content/size. */ html[data-theme="dark"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt{ background:linear-gradient(135deg,rgba(13,25,21,.78),rgba(19,32,27,.64)) !important; border:1px solid rgba(132,170,151,.22) !important; border-radius:24px !important; color:#f2f6ef !important; box-shadow:0 18px 50px rgba(20,35,20,.16) !important; -webkit-backdrop-filter:blur(12px) !important; backdrop-filter:blur(12px) !important; } html[data-theme="dark"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-kicker{ color:#c8f46a !important; } html[data-theme="dark"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt h2{ color:#f5f7f2 !important; } html[data-theme="dark"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt p{ color:rgba(235,242,235,.70) !important; } html[data-theme="dark"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-action{ display:inline-flex !important; width:auto !important; min-width:0 !important; max-width:max-content !important; align-self:flex-start !important; min-height:42px !important; margin-top:20px !important; padding:0 15px !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:12px !important; background:var(--volt) !important; color:#10150f !important; box-shadow:0 10px 24px rgba(122,160,25,.18) !important; } /* LIGHT: use the known-good 20.1.28 light veil, not a new global treatment. */ html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18{ background:linear-gradient( 180deg, rgba(250,252,248,.53) 0%, rgba(247,250,246,.39) 38%, rgba(244,248,243,.49) 100% ) !important; opacity:1 !important; backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important; } @media(max-width:760px){ html[data-theme="light"] body.home-page.cinematic-bg18 .site-cinematic-bg18 .cinematic-vignette18{ background:linear-gradient( 180deg, rgba(250,252,248,.57) 0%, rgba(247,250,246,.45) 42%, rgba(244,248,243,.53) 100% ) !important; } } /* ===== home-light-fix-v20-1-39.css ===== */ /* FIX 20.1.39 - LIGHT HOMEPAGE ONLY Surgical readability fix. Does not touch dark theme, cinematic veil, video JS, Cloud Design ad, layout geometry, or other sections. */ html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-action{ display:inline-flex!important; width:auto!important; min-width:0!important; max-width:max-content!important; align-self:flex-start!important; min-height:42px!important; margin-top:20px!important; padding:0 15px!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:12px!important; background:var(--volt)!important; color:#10150f!important; box-shadow:0 10px 24px rgba(122,160,25,.18)!important; text-decoration:none!important; } html[data-theme="light"] body.home-page.cinematic-bg18 .ad-slot18.ad-slot18-alt .ad-slot18-action:hover{ background:#d7ff57!important; color:#10150f!important; } /* The three-item principles strip: keep the original structure, only increase foreground contrast over the light cinematic background. */ html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > span{ color:#78a51a!important; text-shadow:0 1px 1px rgba(255,255,255,.34)!important; } html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles > .shell > div > p{ color:#26352e!important; text-shadow:0 1px 1px rgba(255,255,255,.28)!important; } /* Trainer and direction section copy visible on the same light-video area. */ html[data-theme="light"] body.home-page.cinematic-bg18 .home-coaches .section-head-v4 .eyebrow, html[data-theme="light"] body.home-page.cinematic-bg18 .home-directions .section-head-v4 .eyebrow{ color:#78a51a!important; text-shadow:0 1px 1px rgba(255,255,255,.34)!important; } html[data-theme="light"] body.home-page.cinematic-bg18 .home-coaches .section-head-v4 h2, html[data-theme="light"] body.home-page.cinematic-bg18 .home-directions .section-head-v4 h2{ color:#101914!important; text-shadow:0 1px 2px rgba(255,255,255,.32)!important; } html[data-theme="light"] body.home-page.cinematic-bg18 .home-coaches .section-head-v4 .section-intro, html[data-theme="light"] body.home-page.cinematic-bg18 .home-directions .section-head-v4 > p{ color:#26352e!important; text-shadow:0 1px 1px rgba(255,255,255,.30)!important; } html[data-theme="light"] body.home-page.cinematic-bg18 .home-coaches .section-head-v4 .link-arrow{ color:#78a51a!important; text-shadow:0 1px 1px rgba(255,255,255,.34)!important; }