/* 50-fixes.css — coordinator overrides, loads after every worker stylesheet. */
/* Secondary (outline) buttons on light backgrounds: green text, transparent fill.
10-chrome.css pins .wp-element-button text to white at (0,3,0); match and beat it. */
.at-btn--secondary .wp-block-button__link.wp-element-button:not(:hover):not(:focus),
.at-btn--ghost .wp-block-button__link.wp-element-button:not(:hover):not(:focus) {
background: transparent;
color: var(--at-green, #005A39);
border: 2px solid var(--at-green, #005A39);
}
.at-btn--secondary .wp-block-button__link.wp-element-button:hover,
.at-btn--secondary .wp-block-button__link.wp-element-button:focus,
.at-btn--ghost .wp-block-button__link.wp-element-button:hover,
.at-btn--ghost .wp-block-button__link.wp-element-button:focus {
background: var(--at-green, #005A39);
color: #ffffff;
border-color: var(--at-green, #005A39);
}
/* …but inside the dark final CTA band the outline button stays white-on-green. */
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:not(:hover):not(:focus) {
color: #ffffff;
border-color: rgba(255, 255, 255, .75);
}
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:hover,
.at-cta--final .at-btn--secondary .wp-block-button__link.wp-element-button:focus {
background: #ffffff;
color: var(--at-green, #005A39);
}
/* Footer link columns: two-up on phones instead of a 1,000px stack. */
@media (max-width: 781px) {
.att-footer__cols {
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 1.25rem;
row-gap: 1.5rem;
}
.att-footer__cols > .wp-block-column { flex-basis: auto; width: auto; min-width: 0; }
.att-footer__cols > .wp-block-column:first-child { grid-row: 1 / span 2; }
.att-footer__cols a { overflow-wrap: anywhere; }
}
/* Footer form: field hints must be readable on the green footer. */
.att-footer__form .wpforms-field-description,
.att-footer__form .wpforms-field-sublabel { color: rgba(255, 255, 255, .85) !important; }
/* ---- 2026-10-08 client round 1 (CJ) ---- */
/* Pricing is hidden, not deleted: remove the at-hidden class in the block editor to bring it back. */
.at-hidden { display: none !important; }
/* "Read on Substack" button in Substack orange (brand #FF6719). */
.at-btn--substack .wp-block-button__link.wp-element-button:not(:hover):not(:focus) { background: #FF6719; color: #ffffff; border: 2px solid #FF6719; }
.at-btn--substack .wp-block-button__link.wp-element-button:hover,
.at-btn--substack .wp-block-button__link.wp-element-button:focus { background: #d9530f; color: #ffffff; border-color: #d9530f; }
/* Standalone FAQ page: accordion spans the full content width, flush with the heading. */
.at-faq--page .at-faq__list { max-width: var(--wp--style--global--content-size, 1200px); }
.at-faq--page .at-details--faq p { max-width: none; }
/* Services hero now uses a landscape photo (Tim on the exercise ball): show it 3:2, not 4:5. */
.at-pagehero__media .at-photo--wide img { aspect-ratio: 3 / 2; }
@media (min-width: 782px) { .at-pagehero__media:has(.at-photo--wide) { max-width: 460px; } }
/* Mobile overlay menu: the nfd-gap-lg class gave the column list a 24px gap on top of 64px rows
(88px per item). Tighten to ~48px rows with a hairline gap; the CTA keeps its own breathing room. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.att-nav { gap: 2px; row-gap: 2px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.att-nav .wp-block-navigation-item__content { padding: 6px 12px !important; min-height: 44px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.att-nav .att-nav-cta { margin-top: 1rem; }
/* ---- Mobile menu as a dropdown below the header (CJ, 2026-10-08) ----
Keeps the Active Tahoe / Dr. Tim Schroeder wordmark visible while the menu is open.
Companion script: assets/js/15-nav.js (sets --att-header-h, hamburger becomes the close control). */
@media (max-width: 833px) {
.wp-block-navigation__responsive-container.is-menu-open {
top: var(--att-header-h, 72px);
bottom: auto;
height: auto;
max-height: calc(100vh - var(--att-header-h, 72px));
max-height: calc(100dvh - var(--att-header-h, 72px));
overflow-y: auto;
padding: 0.75rem 1.25rem 1.5rem;
border-top: 1px solid #e3e8e5;
box-shadow: 0 16px 28px rgba(0, 0, 0, 0.10);
}
/* core's own close button is redundant now; the hamburger toggles */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0; }
/* hamburger shows an X while the menu is open */
.att-menu-open .wp-block-navigation__responsive-container-open { position: relative; z-index: 2; }
.att-menu-open .wp-block-navigation__responsive-container-open svg { display: none; }
.att-menu-open .wp-block-navigation__responsive-container-open::before {
content: "";
display: block;
width: 22px;
height: 22px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
}
@media (max-width: 833px) {
/* core reserves ~2rem+24px above the list for its close button; not needed in the dropdown */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 0.25rem !important; }
}
/* 2026-10-09 client: stats band labels bigger and easier to read (were .78rem at 85% opacity). */
.at-stat__label { font-size: clamp(0.95rem, 2.6vw, 1.05rem) !important; line-height: 1.3; opacity: 1 !important; font-weight: 500; margin-top: 0.3rem; }
/* About: single portrait photo beside the bio instead of two cropped 4:3 photos. */
.at-prose__photos .at-photo--portrait img { aspect-ratio: 3 / 4; object-fit: cover; }