third
This commit is contained in:
Flatlogic Bot
parent
09dd9742b5
commit
722b407fb7
@ -113,28 +113,31 @@ function coaching_mvp_styles() {
|
||||
|
||||
$css = <<<'CSS'
|
||||
:root {
|
||||
--coach-primary: #5468ff;
|
||||
--coach-secondary: #13c7b8;
|
||||
--coach-accent: #d7b267;
|
||||
--coach-background: #f6f4ef;
|
||||
--coach-primary: #5f2dff;
|
||||
--coach-secondary: #00b8a9;
|
||||
--coach-accent: #ff9f1c;
|
||||
--coach-background: #f3f0ff;
|
||||
--coach-surface: #ffffff;
|
||||
--coach-surface-soft: rgba(255,255,255,.72);
|
||||
--coach-text: #142033;
|
||||
--coach-muted: #667085;
|
||||
--coach-deep: #0d1530;
|
||||
--coach-deeper: #091022;
|
||||
--coach-border: rgba(20,32,51,.09);
|
||||
--coach-shadow: 0 30px 80px rgba(15,23,42,.12);
|
||||
--coach-shadow-lg: 0 50px 120px rgba(8,15,34,.22);
|
||||
--coach-surface-soft: rgba(255,255,255,.84);
|
||||
--coach-text: #111b33;
|
||||
--coach-muted: #566377;
|
||||
--coach-deep: #0b1530;
|
||||
--coach-deeper: #060d1f;
|
||||
--coach-border: rgba(17,27,51,.11);
|
||||
--coach-shadow: 0 24px 64px rgba(9,18,40,.10);
|
||||
--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-sm: 18px;
|
||||
--coach-spacing: 1.5rem;
|
||||
}
|
||||
body.coaching-mvp-active {
|
||||
background:
|
||||
radial-gradient(circle at top left, rgba(84,104,255,.10), transparent 28%),
|
||||
radial-gradient(circle at top right, rgba(215,178,103,.12), transparent 26%),
|
||||
linear-gradient(180deg, #f1f5ff 0%, #faf8f4 38%, #ffffff 100%);
|
||||
radial-gradient(circle at 10% 8%, rgba(95,45,255,.14), transparent 26%),
|
||||
radial-gradient(circle at 90% 10%, rgba(255,159,28,.12), transparent 22%),
|
||||
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);
|
||||
}
|
||||
body.coaching-mvp-active .wp-site-blocks,
|
||||
@ -217,9 +220,11 @@ body.coaching-mvp-active header.wp-block-template-part {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 30;
|
||||
backdrop-filter: blur(18px);
|
||||
background: rgba(255,255,255,.78);
|
||||
border-bottom: 1px solid rgba(20,32,51,.06);
|
||||
backdrop-filter: blur(16px);
|
||||
-webkit-backdrop-filter: blur(16px);
|
||||
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 {
|
||||
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-navigation a,
|
||||
body.coaching-mvp-active .wp-block-navigation-item__content {
|
||||
color: var(--coach-text);
|
||||
color: rgba(17,24,39,.84);
|
||||
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 {
|
||||
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_page_item > a {
|
||||
color: var(--coach-primary);
|
||||
color: #24135f;
|
||||
}
|
||||
body.coaching-mvp-active .wp-block-button__link {
|
||||
border-radius: 999px;
|
||||
padding: .95rem 1.4rem;
|
||||
font-weight: 700;
|
||||
padding: .98rem 1.48rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -.01em;
|
||||
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 {
|
||||
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);
|
||||
}
|
||||
.coach-section {
|
||||
position: relative;
|
||||
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 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: clamp(2rem, 5vw, 4rem);
|
||||
padding: clamp(2.2rem, 5vw, 4.35rem);
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(215,178,103,.28), transparent 25%),
|
||||
radial-gradient(circle at left center, rgba(19,199,184,.18), transparent 30%),
|
||||
linear-gradient(135deg, #091022 0%, #15254c 45%, #293f7c 75%, #5468ff 100%);
|
||||
box-shadow: var(--coach-shadow-lg);
|
||||
radial-gradient(circle at 14% 18%, rgba(255,255,255,.12), transparent 14%),
|
||||
radial-gradient(circle at 88% 16%, rgba(255,159,28,.22), transparent 22%),
|
||||
radial-gradient(circle at 20% 64%, rgba(0,184,169,.18), transparent 26%),
|
||||
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 {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: auto -10% -25% 45%;
|
||||
height: 360px;
|
||||
background: radial-gradient(circle, rgba(255,255,255,.16), transparent 60%);
|
||||
inset: auto -6% -20% 52%;
|
||||
height: 320px;
|
||||
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;
|
||||
}
|
||||
.coach-hero h1,
|
||||
@ -330,10 +391,11 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: .5rem;
|
||||
padding: .48rem .92rem;
|
||||
padding: .52rem .98rem;
|
||||
border-radius: 999px;
|
||||
background: rgba(255,255,255,.10);
|
||||
border: 1px solid rgba(255,255,255,.18);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
|
||||
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;
|
||||
letter-spacing: .08em;
|
||||
text-transform: uppercase;
|
||||
@ -342,12 +404,14 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: .45rem;
|
||||
padding: .42rem .8rem;
|
||||
padding: .46rem .88rem;
|
||||
border-radius: 999px;
|
||||
background: rgba(84,104,255,.10);
|
||||
color: var(--coach-primary);
|
||||
background: linear-gradient(135deg, rgba(95,45,255,.12), rgba(0,184,169,.08));
|
||||
border: 1px solid rgba(95,45,255,.12);
|
||||
color: var(--coach-deep);
|
||||
font-size: .84rem;
|
||||
font-weight: 800;
|
||||
box-shadow: 0 8px 18px rgba(95,45,255,.08);
|
||||
}
|
||||
.coach-badge.dark {
|
||||
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-quote-card,
|
||||
.coach-visual-card {
|
||||
background: rgba(255,255,255,.92);
|
||||
border: 1px solid var(--coach-border);
|
||||
box-shadow: var(--coach-shadow);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(246,248,255,.95));
|
||||
border: 1px solid rgba(95,45,255,.08);
|
||||
box-shadow: var(--coach-shadow-card);
|
||||
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-quote-card,
|
||||
.coach-visual-card.dark {
|
||||
background: rgba(255,255,255,.10);
|
||||
border-color: rgba(255,255,255,.16);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
|
||||
border-color: rgba(255,255,255,.14);
|
||||
box-shadow: none;
|
||||
}
|
||||
.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 {
|
||||
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 {
|
||||
align-self: center;
|
||||
}
|
||||
@ -506,10 +603,10 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
max-width: 17rem;
|
||||
padding: 1rem 1.05rem;
|
||||
border-radius: 22px;
|
||||
background: rgba(12, 21, 48, 0.88);
|
||||
border: 1px solid rgba(255,255,255,.14);
|
||||
box-shadow: 0 22px 60px rgba(7, 12, 28, .28);
|
||||
backdrop-filter: blur(12px);
|
||||
background: rgba(12, 21, 48, 0.84);
|
||||
border: 1px solid rgba(255,255,255,.12);
|
||||
box-shadow: 0 16px 38px rgba(7, 12, 28, .20);
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
.coach-hero-note strong,
|
||||
.coach-hero-note p {
|
||||
@ -536,6 +633,16 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
margin-top: 1rem;
|
||||
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) {
|
||||
.coach-photo-row {
|
||||
@ -592,13 +699,14 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
width: 2.4rem;
|
||||
height: 2.4rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(84,104,255,.11);
|
||||
color: var(--coach-primary);
|
||||
background: linear-gradient(135deg, rgba(95,45,255,.20), rgba(255,159,28,.18) 55%, rgba(0,184,169,.16));
|
||||
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;
|
||||
}
|
||||
.coach-form-wrap {
|
||||
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 {
|
||||
display: grid;
|
||||
@ -624,16 +732,32 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
font-size: 1rem;
|
||||
background: #fff;
|
||||
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 {
|
||||
min-height: 140px;
|
||||
}
|
||||
.coach-form-wrap button {
|
||||
border: 0;
|
||||
background: linear-gradient(135deg, var(--coach-primary), #7f56d9);
|
||||
background: linear-gradient(135deg, var(--coach-primary), #7b4dff 56%, var(--coach-secondary));
|
||||
color: #fff;
|
||||
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 {
|
||||
border-radius: 16px;
|
||||
@ -661,13 +785,15 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
margin-bottom: .7rem;
|
||||
}
|
||||
.coach-cta-band {
|
||||
padding: 1.6rem;
|
||||
padding: 1.85rem;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(84,104,255,.10), rgba(19,199,184,.10)),
|
||||
#fff;
|
||||
border: 1px solid rgba(84,104,255,.12);
|
||||
radial-gradient(circle at 86% 18%, rgba(255,159,28,.16), transparent 22%),
|
||||
radial-gradient(circle at 14% 78%, rgba(0,184,169,.12), transparent 24%),
|
||||
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);
|
||||
box-shadow: var(--coach-shadow);
|
||||
box-shadow: 0 22px 54px rgba(9,18,40,.08);
|
||||
}
|
||||
.coach-stack > * + * {
|
||||
margin-top: 1rem;
|
||||
@ -676,8 +802,17 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--coach-primary);
|
||||
background: rgba(84,104,255,.08);
|
||||
color: var(--coach-deep);
|
||||
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 {
|
||||
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 {
|
||||
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);
|
||||
box-shadow: var(--coach-shadow);
|
||||
box-shadow: var(--coach-shadow-card);
|
||||
padding: 1.25rem;
|
||||
}
|
||||
body.coaching-mvp-active .wp-block-post-featured-image img {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user