/*
Theme Name: TTC
Description: The Teacher Training Course site - one branded page holding the TTC v3 interest form. A cut-down copy of the Maharishi Foundation block theme (course-management/marketing-site): its colours, type and spacing, without the pages this site does not have.
Requires at least: 6.5
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: ttc-site
*/

/* theme.json carries the colours, type and spacing; this is only what it can't express. */

:root {
  --ttc-shadow-sm: 0 2px 8px rgba(61, 79, 94, 0.07);
  --ttc-shadow-md: 0 10px 30px rgba(61, 79, 94, 0.09);
  --ttc-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html { scroll-behavior: smooth; }

/* Header, page and footer meet edge to edge, as do the page's full-width bands. */
.wp-site-blocks > *,
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

em, i, cite { font-family: var(--wp--preset--font-family--display); font-style: italic; }
::selection { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink-900); }
h1, h2, h3 { text-wrap: balance; }

:where(a, button):focus-visible {
  outline: 2px solid var(--wp--preset--color--teal);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Uppercase label above a heading */
.ttc-eyebrow {
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
}

/* Sticky translucent header */
.ttc-site-header {
  position: sticky; top: 0; z-index: 100;
  backdrop-filter: saturate(1.1) blur(12px);
  -webkit-backdrop-filter: saturate(1.1) blur(12px);
  background: rgba(251, 248, 241, 0.86);
  border-bottom: 1px solid var(--wp--preset--color--line);
}

/* On a phone the hero's own button is the way in; the header keeps just the name. */
@media (max-width: 600px) { .ttc-site-header .wp-block-buttons { display: none; } }

/* The wordmark disc */
.ttc-disc { width: 26px; height: 26px; flex: none; border-radius: 999px; background: linear-gradient(160deg, #4F9AA3 0%, #C4B96D 55%, #F4D455 100%); }

.wp-block-button .wp-block-button__link {
  box-shadow: var(--ttc-shadow-sm);
  transition: transform 160ms var(--ttc-ease), background 280ms var(--ttc-ease);
}
.wp-block-button .wp-block-button__link:hover { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) { .wp-block-button .wp-block-button__link:hover { transform: none; } }

/* How it works: one card per step, numbered because the order is real */
.ttc-steps { counter-reset: ttc-step; }
.ttc-step {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 20px;
  box-shadow: var(--ttc-shadow-sm);
  padding: 28px !important;
}
.ttc-step > :first-child::before {
  counter-increment: ttc-step;
  content: counter(ttc-step);
  display: grid; place-items: center;
  width: 34px; height: 34px; margin-bottom: 14px;
  border-radius: 999px;
  background: var(--wp--preset--color--cream-100);
  border: 1px solid var(--wp--preset--color--line);
  font-family: var(--wp--preset--font-family--display);
  font-size: 18px; color: var(--wp--preset--color--teal-dark);
}

/* The interest form's frame */
.ttc-interest { scroll-margin-top: 80px; }
.ttc-eoi-frame { display: block; width: 100%; border: 0; }

/* Dashed divider, the brand motif */
.wp-block-separator.is-style-ttc-dashed { border: none; border-top: 1px dashed var(--wp--preset--color--divider); background: none; height: 0; opacity: 1; max-width: 100%; }