diff --git a/wp-content/mu-plugins/coaching-mvp.php b/wp-content/mu-plugins/coaching-mvp.php index 06607bf..0c4401b 100644 --- a/wp-content/mu-plugins/coaching-mvp.php +++ b/wp-content/mu-plugins/coaching-mvp.php @@ -1831,6 +1831,439 @@ body.coaching-mvp-active .wp-block-query-pagination a { .coach-hero { padding: 1.5rem; } body.coaching-mvp-active header.wp-block-template-part { position: static; } } + +/* Clean / flat redesign pass */ +:root { + --coach-primary: #111827; + --coach-secondary: #111827; + --coach-accent: #111827; + --coach-background: #f7f7f5; + --coach-surface: #ffffff; + --coach-surface-soft: #fbfbfa; + --coach-text: #111827; + --coach-muted: #5f6773; + --coach-deep: #111827; + --coach-deeper: #111827; + --coach-border: rgba(17,24,39,.10); + --coach-shadow: none; + --coach-shadow-lg: none; + --coach-shadow-card: none; + --coach-shadow-hover: none; + --coach-radius: 8px; + --coach-radius-sm: 6px; + --coach-spacing: 1.25rem; +} +body.coaching-mvp-active { + background: var(--coach-background) !important; + color: var(--coach-text); +} +body.coaching-mvp-active .wp-site-blocks { + overflow-x: clip; +} +body.coaching-mvp-active header.wp-block-template-part { + backdrop-filter: none; + -webkit-backdrop-filter: none; + background: rgba(255,255,255,.94) !important; + border-bottom: 1px solid var(--coach-border); + box-shadow: none; +} +body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content, +body.coaching-mvp-active .wp-block-site-title a, +body.coaching-mvp-active .wp-block-navigation a { + color: var(--coach-text); +} +body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content:hover, +body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content:focus { + color: var(--coach-text); + opacity: .7; +} + +.coach-hero, +.coach-section, +.coach-panel, +.coach-service-card, +.coach-testimonial-card, +.coach-stat, +.coach-process-card, +.coach-mini-card, +.coach-faq-card, +.coach-story-card, +.coach-form-wrap, +.coach-system-card, +.coach-blog-card, +.coach-visual-card, +.coach-work-together-section, +.coach-ways-section, +.coach-ways-stage, +.coach-ways-copy, +.coach-ways-mini-grid, +.coach-video-frame, +.coach-cta-band, +.coach-proof-band, +.coach-audience-card, +body.coaching-mvp-active .wp-block-post-template > li, +body.coaching-mvp-active .wp-block-post { + background: var(--coach-surface) !important; + border: 1px solid var(--coach-border) !important; + border-radius: var(--coach-radius) !important; + box-shadow: none !important; + backdrop-filter: none !important; +} +.coach-hero::before, +.coach-hero::after, +.coach-section::after, +.coach-proof-band::before, +.coach-audience-card::before, +.coach-audience-card::after, +.coach-work-together-section::before, +.coach-work-grid .coach-system-card::after, +.coach-ways-section::after, +.coach-ways-stage::before, +.coach-ways-section .coach-service-card::after, +.coach-ways-mini-grid .coach-mini-card::before, +.coach-ways-ambient { + display: none !important; + content: none !important; +} +.coach-panel:hover, +.coach-service-card:hover, +.coach-testimonial-card:hover, +.coach-stat:hover, +.coach-process-card:hover, +.coach-mini-card:hover, +.coach-faq-card:hover, +.coach-story-card:hover, +.coach-form-wrap:hover, +.coach-system-card:hover, +.coach-blog-card:hover, +.coach-visual-card:hover, +.coach-work-grid .coach-system-card:hover, +.coach-ways-section .coach-service-card:hover, +body.coaching-mvp-active .wp-block-button__link:hover, +body.coaching-mvp-active .wp-block-button__link:focus-visible, +.coach-inline-link:hover, +.coach-inline-link:focus-visible, +.coach-final-cta .coach-inline-link:hover, +.coach-final-cta .coach-inline-link:focus-visible, +.coach-final-cta .coach-inline-link.is-primary:hover, +.coach-final-cta .coach-inline-link.is-primary:focus-visible { + transform: none !important; + box-shadow: none !important; + filter: none !important; +} +.coach-panel, +.coach-service-card, +.coach-testimonial-card, +.coach-stat, +.coach-process-card, +.coach-mini-card, +.coach-faq-card, +.coach-story-card, +.coach-form-wrap, +.coach-system-card, +.coach-blog-card, +.coach-visual-card, +body.coaching-mvp-active .wp-block-button__link, +.coach-inline-link, +.coach-final-cta .coach-inline-link, +.coach-final-cta .coach-inline-link.is-primary { + transition: border-color .16s ease, background-color .16s ease, color .16s ease, opacity .16s ease !important; +} +.coach-hero, +.coach-final-cta, +.coach-ways-section, +.coach-ways-stage, +.coach-proof-band, +.coach-video-frame { + color: var(--coach-text) !important; +} +.coach-hero h1, +.coach-hero h2, +.coach-hero h3, +.coach-hero p, +.coach-hero li, +.coach-hero strong, +.coach-hero .coach-quote-card, +.coach-final-cta h2, +.coach-final-cta h3, +.coach-final-cta p, +.coach-final-cta li, +.coach-final-cta .coach-badge, +.coach-ways-section .wp-block-heading, +.coach-ways-section .coach-service-card h3, +.coach-ways-section .coach-service-card p, +.coach-ways-section .coach-service-card li, +.coach-ways-section .coach-mini-card h3, +.coach-ways-section .coach-mini-card p, +.coach-ways-copy p, +.coach-ways-kicker, +.coach-ways-signal-bar span { + color: var(--coach-text) !important; +} +.coach-section, +.coach-hero, +.coach-work-together-section, +.coach-ways-section, +.coach-final-cta, +.coach-cta-band { + padding: clamp(1.2rem, 2vw, 1.8rem) !important; +} +.coach-hero { + background: transparent !important; + border: 1px solid var(--coach-border) !important; +} +.coach-badge, +.coach-audience-index, +.coach-ways-signal-bar span, +.coach-ways-section .coach-service-card li, +.coach-final-cta .coach-badge, +.coach-proof-list li, +.coach-inline-link, +body.coaching-mvp-active .wp-block-button__link { + border-radius: 6px !important; +} +body.coaching-mvp-active .wp-block-button__link, +.coach-inline-link, +.coach-final-cta .coach-inline-link, +.coach-final-cta .coach-inline-link.is-primary, +.coach-final-cta .coach-inline-link.is-secondary { + padding: .78rem 1rem !important; + background: #ffffff !important; + color: var(--coach-text) !important; + border: 1px solid var(--coach-border) !important; + box-shadow: none !important; +} +body.coaching-mvp-active .wp-block-button__link.is-style-outline, +.coach-final-cta .coach-inline-link.is-secondary { + background: transparent !important; +} +body.coaching-mvp-active .wp-block-button__link:hover, +body.coaching-mvp-active .wp-block-button__link:focus-visible, +.coach-inline-link:hover, +.coach-inline-link:focus-visible, +.coach-final-cta .coach-inline-link:hover, +.coach-final-cta .coach-inline-link:focus-visible { + background: #f3f4f6 !important; + border-color: rgba(17,24,39,.16) !important; + color: var(--coach-text) !important; +} +.coach-badge, +.coach-audience-index, +.coach-ways-signal-bar span, +.coach-ways-section .coach-service-card li, +.coach-final-cta .coach-badge { + background: #f7f7f5 !important; + border: 1px solid var(--coach-border) !important; + box-shadow: none !important; +} +.coach-icon-dot, +.coach-audience-icon, +.coach-work-grid .coach-icon-dot, +.coach-ways-section .coach-service-card .coach-icon-dot, +.coach-ways-mini-icon { + width: 2.25rem !important; + height: 2.25rem !important; + border-radius: 6px !important; + background: #f3f4f6 !important; + border: 1px solid var(--coach-border) !important; + box-shadow: none !important; + color: var(--coach-text) !important; +} +.coach-proof-band { + position: relative; + overflow: clip; + background: #f3f4f6 !important; + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; +} +.coach-proof-band > * { + position: relative; + z-index: 1; +} +.coach-proof-list, +.coach-audience-card ul, +.coach-ways-section .coach-service-card ul { + gap: .45rem; +} +.coach-audience-card, +.coach-work-grid .coach-system-card, +.coach-ways-section .coach-service-card, +.coach-ways-mini-grid .coach-mini-card, +.coach-faq-item, +.coach-video-note, +.coach-form-wrap, +.coach-cta-band { + padding: 1rem !important; +} +.coach-audience-card { + min-height: 0; +} +.coach-audience-head { + gap: .75rem; + align-items: center; +} +.coach-audience-card h3, +.coach-work-grid .coach-system-card h3, +.coach-ways-section .coach-service-card h3, +.coach-faq-card h3 { + letter-spacing: -.01em; +} +.coach-audience-card p, +.coach-audience-card li, +.coach-work-grid .coach-system-card p, +.coach-ways-section .coach-service-card p, +.coach-ways-section .coach-service-card li, +.coach-faq-card p, +.coach-faq-answer, +.coach-section p { + color: var(--coach-muted) !important; +} +.coach-audience-card li::before { + width: .34rem; + height: .34rem; + top: .5rem; + border-radius: 999px; + background: #9ca3af !important; + box-shadow: none !important; +} +.coach-work-together-section, +.coach-ways-section, +.coach-final-cta, +.coach-video-frame, +.coach-form-wrap, +.coach-cta-band { + background: var(--coach-surface) !important; +} +.coach-work-grid .coach-system-card::before, +.coach-ways-section .coach-service-card::before { + height: 1px !important; + background: rgba(17,24,39,.10) !important; +} +.coach-ways-copy, +.coach-ways-mini-grid .coach-mini-card, +.coach-final-cta .coach-mini-card { + background: #fafaf9 !important; + border: 1px solid var(--coach-border) !important; +} +.coach-ways-section .coach-service-card ul { + padding-top: .75rem; +} +.coach-faq-stack, +.coach-faq-card, +.coach-faq-item, +.coach-faq-item summary, +.coach-faq-answer, +.coach-faq-question { + width: 100% !important; + max-width: 100% !important; + min-width: 0 !important; + box-sizing: border-box !important; +} +.coach-faq-item, +.coach-faq-card { + overflow: clip !important; + border-radius: 8px !important; +} +.coach-faq-item summary { + gap: .8rem; + align-items: flex-start; + overflow-wrap: anywhere; +} +.coach-faq-question, +.coach-faq-answer, +.coach-faq-answer * { + overflow-wrap: anywhere; + word-break: break-word; +} +.coach-faq-item summary::after { + width: 1.65rem; + height: 1.65rem; + border-radius: 4px; + background: #f3f4f6 !important; + border: 1px solid var(--coach-border); + color: var(--coach-text) !important; + font-size: 1rem; +} +.coach-faq-answer { + margin-top: .8rem; + padding-top: .8rem; + border-top: 1px solid var(--coach-border) !important; +} +.coach-video-frame iframe { + min-height: 0; +} + +/* Contrast recovery pass */ +:root { + --coach-muted: #424b57; +} +body.coaching-mvp-active .coach-section p, +body.coaching-mvp-active .coach-section li, +.coach-panel p, +.coach-panel li, +.coach-service-card p, +.coach-service-card li, +.coach-testimonial-meta, +.coach-cta-band p, +.coach-audience-card p, +.coach-audience-card li, +.coach-work-grid .coach-system-card p, +.coach-work-grid .coach-system-card li, +.coach-ways-copy p, +.coach-ways-section .coach-service-card p, +.coach-ways-section .coach-service-card li, +.coach-ways-mini-grid .coach-mini-card p, +.coach-faq-card p, +.coach-faq-answer, +.coach-faq-answer p, +.coach-faq-answer li, +.coach-final-cta .coach-mini-card p { + color: var(--coach-muted) !important; +} +.coach-proof-band, +.coach-proof-band h2, +.coach-proof-band h3, +.coach-proof-band strong, +.coach-proof-band p, +.coach-proof-band li, +.coach-proof-band .coach-badge, +.coach-proof-band .coach-logo-chip, +.coach-proof-band .coach-proof-stack p, +.coach-proof-band > .wp-block-group__inner-container > p, +.coach-proof-band .coach-proof-list, +.coach-proof-band .coach-proof-list li { + color: var(--coach-text) !important; +} +.coach-proof-band .coach-badge, +.coach-proof-band .coach-logo-chip { + border-color: var(--coach-border) !important; +} +.coach-faq-question, +.coach-audience-card h3, +.coach-work-grid .coach-system-card h3, +.coach-ways-section .coach-service-card h3, +.coach-ways-mini-grid .coach-mini-card h3, +.coach-final-cta h2, +.coach-final-cta h3, +.coach-cta-band h2, +.coach-cta-band h3 { + color: var(--coach-text) !important; +} +body.coaching-mvp-active .wp-block-post-featured-image img, +.coach-hero-image-wrap .coach-photo-card, +.coach-hero-image-wrap .coach-photo-card img, +.coach-hero-note { + border-radius: 8px !important; + box-shadow: none !important; +} +@media (max-width: 960px) { + .coach-ways-grid, + .coach-video-layout, + .coach-form-grid { + grid-template-columns: 1fr; + } +} CSS; wp_add_inline_style('coaching-mvp-inline', $css);