This commit is contained in:
Flatlogic Bot 2026-03-24 12:44:03 +00:00
parent 09dd9742b5
commit 722b407fb7

View File

@ -113,28 +113,31 @@ function coaching_mvp_styles() {
$css = <<<'CSS' $css = <<<'CSS'
:root { :root {
--coach-primary: #5468ff; --coach-primary: #5f2dff;
--coach-secondary: #13c7b8; --coach-secondary: #00b8a9;
--coach-accent: #d7b267; --coach-accent: #ff9f1c;
--coach-background: #f6f4ef; --coach-background: #f3f0ff;
--coach-surface: #ffffff; --coach-surface: #ffffff;
--coach-surface-soft: rgba(255,255,255,.72); --coach-surface-soft: rgba(255,255,255,.84);
--coach-text: #142033; --coach-text: #111b33;
--coach-muted: #667085; --coach-muted: #566377;
--coach-deep: #0d1530; --coach-deep: #0b1530;
--coach-deeper: #091022; --coach-deeper: #060d1f;
--coach-border: rgba(20,32,51,.09); --coach-border: rgba(17,27,51,.11);
--coach-shadow: 0 30px 80px rgba(15,23,42,.12); --coach-shadow: 0 24px 64px rgba(9,18,40,.10);
--coach-shadow-lg: 0 50px 120px rgba(8,15,34,.22); --coach-shadow-lg: 0 40px 100px rgba(6,13,31,.22);
--coach-shadow-card: 0 18px 40px rgba(9,18,40,.09);
--coach-shadow-hover: 0 28px 60px rgba(9,18,40,.14);
--coach-radius: 28px; --coach-radius: 28px;
--coach-radius-sm: 18px; --coach-radius-sm: 18px;
--coach-spacing: 1.5rem; --coach-spacing: 1.5rem;
} }
body.coaching-mvp-active { body.coaching-mvp-active {
background: background:
radial-gradient(circle at top left, rgba(84,104,255,.10), transparent 28%), radial-gradient(circle at 10% 8%, rgba(95,45,255,.14), transparent 26%),
radial-gradient(circle at top right, rgba(215,178,103,.12), transparent 26%), radial-gradient(circle at 90% 10%, rgba(255,159,28,.12), transparent 22%),
linear-gradient(180deg, #f1f5ff 0%, #faf8f4 38%, #ffffff 100%); radial-gradient(circle at 58% 36%, rgba(0,184,169,.08), transparent 28%),
linear-gradient(180deg, #eef2ff 0%, #f7f2ff 26%, #fdf6ec 56%, #ffffff 100%);
color: var(--coach-text); color: var(--coach-text);
} }
body.coaching-mvp-active .wp-site-blocks, body.coaching-mvp-active .wp-site-blocks,
@ -217,9 +220,11 @@ body.coaching-mvp-active header.wp-block-template-part {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 30; z-index: 30;
backdrop-filter: blur(18px); backdrop-filter: blur(16px);
background: rgba(255,255,255,.78); -webkit-backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(20,32,51,.06); background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,255,.78));
border-bottom: 1px solid rgba(91,79,247,.10);
box-shadow: 0 10px 28px rgba(31,41,55,.08);
} }
body.coaching-mvp-active header.wp-block-template-part .wp-block-group.has-global-padding.is-layout-constrained { body.coaching-mvp-active header.wp-block-template-part .wp-block-group.has-global-padding.is-layout-constrained {
padding-left: var(--coach-page-gutter) !important; padding-left: var(--coach-page-gutter) !important;
@ -234,22 +239,48 @@ body.coaching-mvp-active header.wp-block-template-part .wp-block-group.alignwide
body.coaching-mvp-active .wp-block-site-title a, body.coaching-mvp-active .wp-block-site-title a,
body.coaching-mvp-active .wp-block-navigation a, body.coaching-mvp-active .wp-block-navigation a,
body.coaching-mvp-active .wp-block-navigation-item__content { body.coaching-mvp-active .wp-block-navigation-item__content {
color: var(--coach-text); color: rgba(17,24,39,.84);
text-decoration: none; text-decoration: none;
} }
body.coaching-mvp-active .wp-block-site-title a {
color: #111827;
}
body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content { body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content {
font-weight: 600; font-weight: 600;
transition: color .22s ease, opacity .22s ease;
}
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-color-primary);
} }
body.coaching-mvp-active .wp-block-navigation .current-menu-item > a, body.coaching-mvp-active .wp-block-navigation .current-menu-item > a,
body.coaching-mvp-active .wp-block-navigation .current_page_item > a { body.coaching-mvp-active .wp-block-navigation .current_page_item > a {
color: var(--coach-primary); color: #24135f;
} }
body.coaching-mvp-active .wp-block-button__link { body.coaching-mvp-active .wp-block-button__link {
border-radius: 999px; border-radius: 999px;
padding: .95rem 1.4rem; padding: .98rem 1.48rem;
font-weight: 700; font-weight: 800;
letter-spacing: -.01em;
text-decoration: none; text-decoration: none;
box-shadow: none; border: 1px solid rgba(95,45,255,.16);
box-shadow: 0 14px 30px rgba(95,45,255,.16);
transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, filter .22s ease;
}
body.coaching-mvp-active .wp-block-button__link:hover,
body.coaching-mvp-active .wp-block-button__link:focus-visible {
transform: translateY(-2px);
box-shadow: 0 20px 40px rgba(95,45,255,.20);
filter: saturate(1.03);
}
body.coaching-mvp-active .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
background: linear-gradient(135deg, #5f2dff 0%, #7b4dff 52%, #00b8a9 100%);
color: #fff;
}
body.coaching-mvp-active .wp-block-button.is-style-outline > .wp-block-button__link {
background: rgba(255,255,255,.94);
border-color: rgba(95,45,255,.16);
color: var(--coach-deep);
} }
body.coaching-mvp-active .wp-block-button.is-style-outline > .wp-block-button__link { body.coaching-mvp-active .wp-block-button.is-style-outline > .wp-block-button__link {
border-radius: 999px; border-radius: 999px;
@ -289,24 +320,54 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
margin-top: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(1.5rem, 3vw, 2.5rem);
} }
.coach-section { .coach-section {
position: relative;
margin-top: clamp(1.7rem, 4vw, 3rem); margin-top: clamp(1.7rem, 4vw, 3rem);
padding: clamp(1.35rem, 3vw, 2rem);
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,250,255,.88));
border: 1px solid rgba(255,255,255,.74);
box-shadow: 0 20px 52px rgba(9,18,40,.07);
backdrop-filter: blur(8px);
}
.coach-section::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(135deg, rgba(95,45,255,.05), rgba(255,159,28,.03) 55%, rgba(0,184,169,.04));
pointer-events: none;
}
.coach-section > * {
position: relative;
z-index: 1;
} }
.coach-hero { .coach-hero {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: clamp(2rem, 5vw, 4rem); padding: clamp(2.2rem, 5vw, 4.35rem);
background: background:
radial-gradient(circle at top right, rgba(215,178,103,.28), transparent 25%), radial-gradient(circle at 14% 18%, rgba(255,255,255,.12), transparent 14%),
radial-gradient(circle at left center, rgba(19,199,184,.18), transparent 30%), radial-gradient(circle at 88% 16%, rgba(255,159,28,.22), transparent 22%),
linear-gradient(135deg, #091022 0%, #15254c 45%, #293f7c 75%, #5468ff 100%); radial-gradient(circle at 20% 64%, rgba(0,184,169,.18), transparent 26%),
box-shadow: var(--coach-shadow-lg); radial-gradient(circle at 82% 78%, rgba(95,45,255,.22), transparent 28%),
linear-gradient(135deg, #081126 0%, #132a5f 40%, #24196b 72%, #5f2dff 100%);
border: 1px solid rgba(255,255,255,.08);
box-shadow: 0 26px 60px rgba(6,13,31,.20);
} }
.coach-hero::before { .coach-hero::before {
content: ""; content: "";
position: absolute; position: absolute;
inset: auto -10% -25% 45%; inset: auto -6% -20% 52%;
height: 360px; height: 320px;
background: radial-gradient(circle, rgba(255,255,255,.16), transparent 60%); background: radial-gradient(circle, rgba(255,255,255,.12), transparent 62%);
pointer-events: none;
}
.coach-hero::after {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
border: 1px solid rgba(255,255,255,.08);
background: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0));
pointer-events: none; pointer-events: none;
} }
.coach-hero h1, .coach-hero h1,
@ -330,10 +391,11 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: .5rem; gap: .5rem;
padding: .48rem .92rem; padding: .52rem .98rem;
border-radius: 999px; border-radius: 999px;
background: rgba(255,255,255,.10); background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
border: 1px solid rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.22);
box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(6,13,31,.10);
font-size: .8rem; font-size: .8rem;
letter-spacing: .08em; letter-spacing: .08em;
text-transform: uppercase; text-transform: uppercase;
@ -342,12 +404,14 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: .45rem; gap: .45rem;
padding: .42rem .8rem; padding: .46rem .88rem;
border-radius: 999px; border-radius: 999px;
background: rgba(84,104,255,.10); background: linear-gradient(135deg, rgba(95,45,255,.12), rgba(0,184,169,.08));
color: var(--coach-primary); border: 1px solid rgba(95,45,255,.12);
color: var(--coach-deep);
font-size: .84rem; font-size: .84rem;
font-weight: 800; font-weight: 800;
box-shadow: 0 8px 18px rgba(95,45,255,.08);
} }
.coach-badge.dark { .coach-badge.dark {
background: rgba(255,255,255,.12); background: rgba(255,255,255,.12);
@ -397,16 +461,33 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
.coach-blog-card, .coach-blog-card,
.coach-quote-card, .coach-quote-card,
.coach-visual-card { .coach-visual-card {
background: rgba(255,255,255,.92); background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(246,248,255,.95));
border: 1px solid var(--coach-border); border: 1px solid rgba(95,45,255,.08);
box-shadow: var(--coach-shadow); box-shadow: var(--coach-shadow-card);
padding: 1.35rem; padding: 1.35rem;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.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 {
transform: translateY(-3px);
box-shadow: var(--coach-shadow-hover);
border-color: rgba(95,45,255,.14);
} }
.coach-panel.soft, .coach-panel.soft,
.coach-quote-card, .coach-quote-card,
.coach-visual-card.dark { .coach-visual-card.dark {
background: rgba(255,255,255,.10); background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
border-color: rgba(255,255,255,.16); border-color: rgba(255,255,255,.14);
box-shadow: none; box-shadow: none;
} }
.coach-quote-card { .coach-quote-card {
@ -464,6 +545,22 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
.coach-photo-card-tall img { .coach-photo-card-tall img {
aspect-ratio: 4 / 5; aspect-ratio: 4 / 5;
} }
.coach-photo-feature {
align-items: center;
grid-template-columns: minmax(240px, .88fr) minmax(320px, 1.12fr);
}
.coach-photo-feature .coach-photo-card {
width: 100%;
max-width: 26rem;
justify-self: start;
align-self: center;
}
.coach-photo-feature .coach-photo-card img {
aspect-ratio: 6 / 5;
width: 100%;
height: auto;
max-height: 420px;
}
.coach-photo-copy { .coach-photo-copy {
align-self: center; align-self: center;
} }
@ -506,10 +603,10 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
max-width: 17rem; max-width: 17rem;
padding: 1rem 1.05rem; padding: 1rem 1.05rem;
border-radius: 22px; border-radius: 22px;
background: rgba(12, 21, 48, 0.88); background: rgba(12, 21, 48, 0.84);
border: 1px solid rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.12);
box-shadow: 0 22px 60px rgba(7, 12, 28, .28); box-shadow: 0 16px 38px rgba(7, 12, 28, .20);
backdrop-filter: blur(12px); backdrop-filter: blur(8px);
} }
.coach-hero-note strong, .coach-hero-note strong,
.coach-hero-note p { .coach-hero-note p {
@ -536,6 +633,16 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
margin-top: 1rem; margin-top: 1rem;
max-width: none; max-width: none;
} }
.coach-photo-feature {
grid-template-columns: 1fr;
}
.coach-photo-feature .coach-photo-card {
max-width: none;
}
.coach-photo-feature .coach-photo-card img {
max-height: none;
aspect-ratio: 4 / 3;
}
} }
@media (max-width: 781px) { @media (max-width: 781px) {
.coach-photo-row { .coach-photo-row {
@ -592,13 +699,14 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
width: 2.4rem; width: 2.4rem;
height: 2.4rem; height: 2.4rem;
border-radius: 50%; border-radius: 50%;
background: rgba(84,104,255,.11); background: linear-gradient(135deg, rgba(95,45,255,.20), rgba(255,159,28,.18) 55%, rgba(0,184,169,.16));
color: var(--coach-primary); color: var(--coach-deep);
box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 8px 18px rgba(95,45,255,.08);
font-weight: 800; font-weight: 800;
} }
.coach-form-wrap { .coach-form-wrap {
padding: 1.55rem; padding: 1.55rem;
background: rgba(255,255,255,.96); background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,245,255,.96));
} }
.coach-form-grid { .coach-form-grid {
display: grid; display: grid;
@ -624,16 +732,32 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
font-size: 1rem; font-size: 1rem;
background: #fff; background: #fff;
color: var(--coach-text); color: var(--coach-text);
box-shadow: inset 0 1px 2px rgba(13,21,48,.03);
transition: border-color .18s ease, box-shadow .18s ease;
}
.coach-form-wrap input:focus,
.coach-form-wrap textarea:focus,
.coach-form-wrap select:focus {
outline: none;
border-color: rgba(95,45,255,.42);
box-shadow: 0 0 0 3px rgba(95,45,255,.10), 0 8px 18px rgba(95,45,255,.06);
} }
.coach-form-wrap textarea { .coach-form-wrap textarea {
min-height: 140px; min-height: 140px;
} }
.coach-form-wrap button { .coach-form-wrap button {
border: 0; border: 0;
background: linear-gradient(135deg, var(--coach-primary), #7f56d9); background: linear-gradient(135deg, var(--coach-primary), #7b4dff 56%, var(--coach-secondary));
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
box-shadow: 0 18px 30px rgba(84,104,255,.24); box-shadow: 0 16px 30px rgba(95,45,255,.20);
transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.coach-form-wrap button:hover,
.coach-form-wrap button:focus-visible {
transform: translateY(-2px);
box-shadow: 0 22px 38px rgba(95,45,255,.22);
filter: saturate(1.03);
} }
.coach-alert { .coach-alert {
border-radius: 16px; border-radius: 16px;
@ -661,13 +785,15 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
margin-bottom: .7rem; margin-bottom: .7rem;
} }
.coach-cta-band { .coach-cta-band {
padding: 1.6rem; padding: 1.85rem;
background: background:
linear-gradient(135deg, rgba(84,104,255,.10), rgba(19,199,184,.10)), radial-gradient(circle at 86% 18%, rgba(255,159,28,.16), transparent 22%),
#fff; radial-gradient(circle at 14% 78%, rgba(0,184,169,.12), transparent 24%),
border: 1px solid rgba(84,104,255,.12); linear-gradient(135deg, rgba(95,45,255,.10), rgba(0,184,169,.07)),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,250,255,.96));
border: 1px solid rgba(95,45,255,.14);
border-radius: var(--coach-radius); border-radius: var(--coach-radius);
box-shadow: var(--coach-shadow); box-shadow: 0 22px 54px rgba(9,18,40,.08);
} }
.coach-stack > * + * { .coach-stack > * + * {
margin-top: 1rem; margin-top: 1rem;
@ -676,8 +802,17 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--coach-primary); color: var(--coach-deep);
background: rgba(84,104,255,.08); background: linear-gradient(135deg, rgba(95,45,255,.10), rgba(0,184,169,.08));
border: 1px solid rgba(95,45,255,.12);
box-shadow: 0 10px 22px rgba(95,45,255,.08);
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, filter .2s ease;
}
.coach-inline-link:hover,
.coach-inline-link:focus-visible {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(95,45,255,.10);
filter: saturate(1.03);
} }
.coach-admin-link { .coach-admin-link {
display: inline-flex; display: inline-flex;
@ -708,9 +843,9 @@ body.coaching-mvp-active .wp-block-post-template {
body.coaching-mvp-active .wp-block-post-template > li, body.coaching-mvp-active .wp-block-post-template > li,
body.coaching-mvp-active .wp-block-post { body.coaching-mvp-active .wp-block-post {
border-radius: var(--coach-radius); border-radius: var(--coach-radius);
background: rgba(255,255,255,.94); background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
border: 1px solid var(--coach-border); border: 1px solid var(--coach-border);
box-shadow: var(--coach-shadow); box-shadow: var(--coach-shadow-card);
padding: 1.25rem; padding: 1.25rem;
} }
body.coaching-mvp-active .wp-block-post-featured-image img { body.coaching-mvp-active .wp-block-post-featured-image img {