/* TutorsHive · finishing touches on top of theme.json. Classes are added to blocks under Advanced › Additional CSS class. */

:root {
	--th-shadow: 0 18px 44px rgba(15, 61, 92, 0.12);
	--th-shadow-sm: 0 8px 22px rgba(15, 61, 92, 0.08);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }

/* Header */
.th-header { position: sticky; top: 0; z-index: 50; backdrop-filter: saturate(160%) blur(10px); background: rgba(255, 255, 255, 0.9) !important; border-bottom: 1px solid var(--wp--preset--color--line); }
.th-header .wp-block-navigation a { font-weight: 500; }
.th-header .wp-block-navigation a:hover { color: var(--wp--preset--color--green); }
.th-logo { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; }
.th-topbar { font-size: 0.8125rem; }
.th-topbar a { color: inherit; text-decoration: none; }

/* Eyebrow pill */
.th-eyebrow { display: inline-block; width: fit-content; padding: 0.45rem 0.9rem; border-radius: 999px; font-size: 0.75rem !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.th-kicker { font-size: 0.8125rem !important; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }

/* Hero */
.th-hero { position: relative; overflow: hidden; }
.th-hero::before { content: ""; position: absolute; width: 560px; height: 560px; right: -160px; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(46, 163, 196, 0.16), rgba(46, 163, 196, 0) 70%); pointer-events: none; }
.th-hero h1 .th-accent, .th-accent { color: var(--wp--preset--color--green); }
.th-hero-art img { animation: th-float 7s ease-in-out infinite; }
.th-stats { gap: 2rem !important; }
.th-stat-num { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: clamp(1.6rem, 2.6vw, 2rem) !important; line-height: 1.1; margin: 0 !important; }
.th-stat-label { font-size: 0.875rem !important; color: var(--wp--preset--color--muted); margin: 0.2rem 0 0 !important; }

/* Outline button */
.wp-block-button.is-style-outline > .wp-block-button__link { border: 1.5px solid var(--wp--preset--color--navy); color: var(--wp--preset--color--navy); background: transparent; padding: calc(0.9rem - 1.5px) calc(1.5rem - 1.5px); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--navy); color: #fff; }
.th-btn-saffron .wp-block-button__link { background: var(--wp--preset--color--saffron) !important; color: var(--wp--preset--color--navy) !important; }
.th-btn-saffron .wp-block-button__link:hover { background: #FFFFFF !important; }
.wp-block-button__link { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); }

/* University marquee */
.th-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.th-marquee > .wp-block-group__inner-container, .th-marquee-track { display: flex; flex-wrap: nowrap !important; width: max-content; gap: 1rem !important; animation: th-marquee 36s linear infinite; }
.th-marquee:hover .th-marquee-track { animation-play-state: paused; }
.th-uni { white-space: nowrap; padding: 0.85rem 1.4rem; border-radius: 14px; background: #fff; border: 1px solid var(--wp--preset--color--line); font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.05rem !important; margin: 0 !important; }

/* Cards */
.th-card { border-radius: 22px; transition: transform .25s ease, box-shadow .25s ease; height: 100%; }
.th-card:hover { transform: translateY(-4px); box-shadow: var(--th-shadow); }
.th-card-line { border: 1px solid var(--wp--preset--color--line); background: #fff; }
.th-pillar { border-radius: 28px; height: 100%; }
.th-pillar img { border-radius: 24px; }
.th-link-arrow a { font-weight: 700; text-decoration: none; }
.th-link-arrow a:hover { text-decoration: underline; }
.wp-block-columns.th-equal > .wp-block-column > * { height: 100%; }

/* Chips */
.th-chips { gap: 0.6rem !important; }
.th-chips .wp-block-button__link { background: #fff !important; color: var(--wp--preset--color--navy) !important; border: 1px solid var(--wp--preset--color--line); font-weight: 500; font-size: 0.9375rem; padding: 0.6rem 1.05rem; }
.th-chips .wp-block-button__link:hover { background: var(--wp--preset--color--saffron-tint) !important; border-color: var(--wp--preset--color--saffron); }
.th-chips.th-chips-dark .wp-block-button__link { background: rgba(255,255,255,0.08) !important; color: #fff !important; border-color: rgba(255,255,255,0.22); }
.th-chips.th-chips-dark .wp-block-button__link:hover { background: var(--wp--preset--color--saffron) !important; color: var(--wp--preset--color--navy) !important; }

/* Differentiators */
.th-diff-num { font-family: var(--wp--preset--font-family--display); font-size: 1.5rem !important; font-weight: 600; color: var(--wp--preset--color--saffron); margin: 0 !important; }

/* Steps */
.th-steps { counter-reset: step; }
.th-step { position: relative; border-radius: 20px; padding: 1.4rem !important; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); height: 100%; }
.th-step-num { width: 2.6rem; height: 2.6rem; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--saffron); color: var(--wp--preset--color--navy) !important; font-weight: 700; margin: 0 !important; }

/* Stories and testimonials */
.th-story-tag { font-size: 0.75rem !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 !important; }
.th-quote-mark { font-family: var(--wp--preset--font-family--display); font-size: 3.5rem !important; line-height: 0.6 !important; color: var(--wp--preset--color--saffron); margin: 0 !important; }
.th-avatar { width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: #fff; background: var(--wp--preset--color--green); margin: 0 !important; flex-shrink: 0; }
.th-pending { border: 1.5px dashed var(--wp--preset--color--saffron); background: var(--wp--preset--color--saffron-tint); color: #7A4A05; border-radius: 12px; padding: 0.6rem 0.9rem; font-size: 0.8125rem !important; }

/* Payment tags */
.th-pay { padding: 0.55rem 1rem; border-radius: 10px; background: #fff; border: 1px solid var(--wp--preset--color--line); font-weight: 700; margin: 0 !important; }

/* FAQ */
.th-faq .wp-block-details { border-bottom: 1px solid var(--wp--preset--color--line); padding: 1.15rem 0; }
.th-faq .wp-block-details summary { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.2rem; cursor: pointer; list-style: none; position: relative; padding-right: 2.5rem; }
.th-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.th-faq .wp-block-details summary::after { content: "+"; position: absolute; right: 0.25rem; top: -0.2rem; font-size: 1.6rem; color: var(--wp--preset--color--green); transition: transform .25s ease; }
.th-faq .wp-block-details[open] summary::after { transform: rotate(45deg); }
.th-faq .wp-block-details p { color: var(--wp--preset--color--muted); margin-top: 0.75rem; }

/* CTA band */
.th-cta { position: relative; overflow: hidden; border-radius: 32px; }
.th-cta::after { content: ""; position: absolute; width: 340px; height: 340px; right: -90px; bottom: -150px; border-radius: 50%; background: var(--wp--preset--color--saffron); opacity: 0.9; pointer-events: none; }
.th-cta::before { content: ""; position: absolute; width: 160px; height: 160px; right: 180px; top: -70px; border-radius: 50%; background: var(--wp--preset--color--sky); opacity: 0.85; pointer-events: none; }
.th-cta > * { position: relative; z-index: 1; }

/* Footer */
.th-footer a { color: #D5E1EA; text-decoration: none; }
.th-footer a:hover { color: var(--wp--preset--color--saffron); }
.th-footer .wp-block-list { list-style: none; padding: 0; }
.th-footer .wp-block-list li { margin: 0.45rem 0; }

/* Motion */
.th-motion .th-reveal, .th-motion .th-stagger > * { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.th-motion .th-reveal.is-in, .th-motion .th-stagger > .is-in { opacity: 1; transform: none; }
@keyframes th-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes th-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.th-hero-art img, .th-marquee-track { animation: none !important; }
	.wp-block-button__link:hover, .th-card:hover { transform: none; }
}

/* Small screens */
@media (max-width: 781px) {
	.th-hide-mobile { display: none !important; }
	.th-stats { gap: 1.25rem !important; }
	.th-cta::after { width: 200px; height: 200px; right: -80px; bottom: -110px; }
	.th-cta::before { display: none; }
}

/* Section rhythm: full-width bands sit flush against each other */
.wp-block-post-content > *, .wp-site-blocks > * { margin-block-start: 0 !important; }
mark.has-inline-color { background: transparent !important; }
.th-sticky { position: sticky; top: 7rem; align-self: flex-start; }
@media (max-width: 781px) { .th-sticky { position: static; } }
.wp-block-image img[src$=".svg"] { width: 100%; height: auto; }

/* Elementor version: let Elementor sections run full width inside the page template */
.wp-block-post-content > .elementor { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.wp-block-post-content:has(> .elementor) { padding-left: 0 !important; padding-right: 0 !important; }
.th-marquee-track > .elementor-element { flex-shrink: 0 !important; width: auto !important; }
.th-marquee-track .elementor-heading-title { white-space: nowrap; }
.elementor .th-uni { padding: 0; border: 0; background: none; }
.elementor .th-uni .elementor-heading-title { padding: 0.85rem 1.4rem; border-radius: 14px; background: #fff; border: 1px solid var(--wp--preset--color--line); }
.elementor .th-pay { padding: 0; border: 0; background: none; }
.elementor .th-pay .elementor-heading-title { padding: 0.55rem 1rem; border-radius: 10px; background: #fff; border: 1px solid var(--wp--preset--color--line); }
.th-el-stats .elementor-counter .elementor-counter-number-wrapper { justify-content: flex-start; }
.th-el-faq .elementor-tab-title { border-bottom: 1px solid var(--wp--preset--color--line) !important; }
.th-el-faq .elementor-toggle-item { border: 0 !important; }
.elementor .th-card:hover { transform: translateY(-4px); box-shadow: var(--th-shadow); }
.elementor .th-sticky { position: sticky; top: 7rem; }
.th-eq > .e-con { align-self: stretch !important; }

/* ---------- Photography ---------- */
.th-photo img { border-radius: 28px; width: 100%; height: auto; display: block; box-shadow: 0 24px 50px rgba(15, 61, 92, 0.16); }
.th-photo { margin: 0; }
.th-pillar .th-photo img { border-radius: 20px; box-shadow: none; }
.th-photo-round img { border-radius: 50%; border: 8px solid var(--wp--preset--color--saffron); box-shadow: 0 0 0 10px rgba(46, 163, 196, 0.35); }
.th-photo-tilt img { transform: rotate(-2deg); }
.th-photo img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.th-photo:hover img { transform: scale(1.015); }
.th-photo-tilt:hover img { transform: rotate(0deg) scale(1.015); }

/* Hero photo with floating badges */
.th-hero-photo { position: relative; padding: 18px 24px 30px 30px; }
.th-hero-photo::before { content: ""; position: absolute; width: 62%; aspect-ratio: 1; right: -4%; top: -2%; border-radius: 50%; background: var(--wp--preset--color--sky); opacity: .9; z-index: 0; }
.th-hero-photo::after { content: ""; position: absolute; width: 30%; aspect-ratio: 1; left: -2%; bottom: 2%; border-radius: 50%; background: var(--wp--preset--color--saffron); z-index: 0; }
.th-hero-photo > * { position: relative; z-index: 1; }
.th-hero-photo .th-photo img { border-radius: 200px 200px 28px 28px; }
.th-badge { position: absolute !important; z-index: 2; background: #fff; border-radius: 18px; padding: 12px 16px !important; box-shadow: 0 16px 36px rgba(15, 61, 92, 0.18); margin: 0 !important; animation: th-float 6s ease-in-out infinite; }
.th-badge p { margin: 0 !important; }
.th-badge-a { left: -8px; top: 34%; }
.th-badge-b { right: -10px; bottom: 16%; gap: 10px; align-items: center; animation-delay: -2s; }
.th-badge-c { left: 10%; bottom: -6px; animation-delay: -4s; background: var(--wp--preset--color--navy); color: #fff; }
.th-badge-num { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.6rem !important; line-height: 1.1; color: var(--wp--preset--color--navy); }
.th-badge-label { font-size: .8125rem !important; line-height: 1.35; color: var(--wp--preset--color--muted); }
.th-badge-label strong { color: var(--wp--preset--color--navy); }
.th-badge-c .th-badge-label, .th-badge-c .th-badge-label strong { color: #fff; }
.th-badge-c .th-badge-label strong { color: var(--wp--preset--color--saffron); }
.th-badge-tick { width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--green); color: #fff; font-weight: 700; flex-shrink: 0; }
.th-hero-art img { animation: none; }

/* CTA with photo: no decorative circles */
.th-cta-photo::before, .th-cta-photo::after { display: none; }
.th-cta-photo .th-photo-round { max-width: 360px; margin-left: auto; }

@media (prefers-reduced-motion: reduce) { .th-badge { animation: none; } .th-photo img { transition: none; } }
@media (max-width: 781px) {
	.th-hero-photo { padding: 12px 12px 24px; margin-top: 1rem; }
	.th-badge-a { left: 0; top: 26%; }
	.th-badge-b { right: 0; }
	.th-cta-photo .th-photo-round { max-width: 240px; margin: 0 auto; }
}
.th-sticky .th-photo { margin-top: 1.75rem !important; }

/* Elementor version: photo ratios, badges and stacking */
.elementor .th-photo img { width: 100% !important; height: auto !important; object-fit: cover; }
.elementor .th-ar-45 img { aspect-ratio: 4 / 5; }
.elementor .th-ar-1610 img { aspect-ratio: 16 / 10; }
.elementor .th-ar-43 img { aspect-ratio: 4 / 3; }
.elementor .th-ar-1 img { aspect-ratio: 1; }
.elementor .th-hero-photo { position: relative; }
.elementor .th-hero-photo .th-photo img { border-radius: 200px 200px 28px 28px; }
.elementor .e-con.th-badge { width: auto !important; max-width: max-content; --width: auto; --padding-top: 12px; --padding-bottom: 12px; --padding-left: 16px; --padding-right: 16px; gap: 2px !important; }
.elementor .th-badge .elementor-widget { width: auto; margin: 0 !important; }
.elementor .th-badge .elementor-heading-title, .elementor .th-badge p { margin: 0; }
.elementor .th-badge-num .elementor-heading-title { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.6rem; line-height: 1.1; color: var(--wp--preset--color--navy); }
.elementor .th-badge-label .elementor-heading-title, .elementor .th-badge-label p { font-size: .8125rem; line-height: 1.35; color: var(--wp--preset--color--muted); font-family: var(--wp--preset--font-family--body); font-weight: 400; }
.elementor .th-badge-label strong { color: var(--wp--preset--color--navy); }
.elementor .th-badge-c .elementor-heading-title { color: #fff; font-weight: 700; }
.elementor .th-badge-tick .elementor-heading-title { width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--green); color: #fff; font-weight: 700; font-size: 1rem; }
.elementor .th-badge-tick, .elementor .th-badge-num, .elementor .th-badge-label { background: none; border: 0; padding: 0; box-shadow: none; animation: none; }
.elementor .th-cta-photo .th-photo-round { max-width: 360px; margin-left: auto; }
@media (max-width: 767px) { .elementor .th-cta-photo .th-photo-round { max-width: 240px; margin: 0 auto; } }

/* ---- v2 additions ---- */
.th-chain-pill { flex: 0 0 auto !important; width: auto !important; max-width: 100%; }
.th-crumbs, .th-crumbs a { font-size: .85rem; color: #3D5568; text-decoration: none; }
.th-crumbs a:hover { color: #1E5A3E; text-decoration: underline; }
.th-hero-inner { position: relative; overflow: hidden; }
.th-hero-land { position: relative; }
.th-hero-land .th-photo img { border-radius: 28px 140px 28px 140px; }
.th-illus-wrap { width: 100%; display: flex; justify-content: center; }
.th-illus, .th-illus img { width: 100%; max-width: 520px; height: auto; filter: drop-shadow(0 24px 40px rgba(15,61,92,.14)); }
.th-tiles { margin-top: 8px; }
.th-tile { transition: transform .3s, box-shadow .3s; box-shadow: 0 6px 20px rgba(15,61,92,.06); }
.th-tile:hover, .th-card:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(15,61,92,.12); }
.th-step-card { position: relative; }
.th-photo-card { overflow: hidden; }
.th-photo-card .th-photo img { border-radius: 0; box-shadow: none; aspect-ratio: 16/9; object-fit: cover; }
.th-legal-sec { scroll-margin-top: 110px; border-bottom: 1px solid #DCE6EE; }
.th-toc ol { margin: 0; padding-left: 1.2rem; display: grid; gap: .55rem; }
.th-toc a { color: #0F3D5C; text-decoration: none; }
.th-toc a:hover { color: #1E5A3E; text-decoration: underline; }
.th-sticky { position: sticky; top: 110px; }
.th-eq > .e-con { height: 100%; }
@media (max-width: 767px) { .th-sticky { position: static; } .th-hero-land .th-photo img { border-radius: 24px; } }
.th-form { display: grid; gap: 16px; position: relative; }
.th-f-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.th-f { display: grid; gap: 6px; font-size: .9rem; color: #0F3D5C; font-weight: 600; }
.th-f em { font-weight: 400; color: #3D5568; }
.th-f input, .th-f select, .th-f textarea { font: inherit; font-weight: 400; padding: 13px 15px; border: 1.5px solid #DCE6EE; border-radius: 14px; background: #F4F8FB; color: #0F3D5C; width: 100%; }
.th-f input:focus, .th-f select:focus, .th-f textarea:focus { outline: none; border-color: #2EA3C4; box-shadow: 0 0 0 4px rgba(46,163,196,.18); background: #fff; }
.th-note { font-size: .85rem; color: #3D5568; margin: 0; }
.th-check { font-size: .9rem; color: #3D5568; display: flex; gap: 10px; align-items: flex-start; }
.th-submit { background: #1E5A3E; color: #fff; border: 0; border-radius: 999px; padding: 16px 30px; font: 700 16px 'DM Sans', sans-serif; cursor: pointer; justify-self: start; transition: transform .2s, background .2s; }
.th-submit:hover { background: #0F3D5C; transform: translateY(-2px); }
.th-form-ok { background: #E2F2F7; border-radius: 18px; padding: 24px; color: #0F3D5C; }
@media (max-width: 640px) { .th-f-grid { grid-template-columns: 1fr; } }
.wp-block-navigation__submenu-container { border-radius: 18px !important; border: 1px solid #DCE6EE !important; box-shadow: 0 20px 44px rgba(15,61,92,.14); padding: 10px !important; min-width: 250px !important; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content { border-radius: 10px; padding: 8px 12px !important; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #E2F2F7; color: #1E5A3E; }
.wp-block-navigation__submenu-container li:first-child .wp-block-navigation-item__content { font-weight: 700; color: #1E5A3E; }
footer a[href^="mailto"], .wp-block-template-part a[href^="mailto"] { white-space: nowrap; font-size: .88rem; }
.th-accent { color: #1E5A3E; }
.th-hero-home { max-width: 520px; margin-left: auto; }
.th-hero-home .th-photo img { object-fit: cover; object-position: 50% 30%; }
.th-stats .th-stat { width: auto !important; }
.th-stats { flex-wrap: nowrap !important; }
@media (max-width: 1024px) { .th-stats { flex-wrap: wrap !important; } }

/* ---- v3 family layer ---- */
.elementor .th-photo img { object-fit: cover; width: 100%; }
.elementor .th-fx-0 img { object-position: 0% 50%; }
.elementor .th-fx-5 img { object-position: 5% 50%; }
.elementor .th-fx-10 img { object-position: 10% 50%; }
.elementor .th-fx-15 img { object-position: 15% 50%; }
.elementor .th-fx-20 img { object-position: 20% 50%; }
.elementor .th-fx-25 img { object-position: 25% 50%; }
.elementor .th-fx-30 img { object-position: 30% 50%; }
.elementor .th-fx-35 img { object-position: 35% 50%; }
.elementor .th-fx-40 img { object-position: 40% 50%; }
.elementor .th-fx-45 img { object-position: 45% 50%; }
.elementor .th-fx-50 img { object-position: 50% 50%; }
.elementor .th-fx-55 img { object-position: 55% 50%; }
.elementor .th-fx-60 img { object-position: 60% 50%; }
.elementor .th-fx-65 img { object-position: 65% 50%; }
.elementor .th-fx-70 img { object-position: 70% 50%; }
.elementor .th-fx-75 img { object-position: 75% 50%; }
.elementor .th-fx-80 img { object-position: 80% 50%; }
.elementor .th-fx-85 img { object-position: 85% 50%; }
.elementor .th-fx-90 img { object-position: 90% 50%; }
.elementor .th-fx-95 img { object-position: 95% 50%; }
.elementor .th-fx-100 img { object-position: 100% 50%; }

.th-hero-home { width: 100%; max-width: 500px; margin-left: auto; }
.th-hero-sub .th-badge-a { left: -44px; top: 4%; }
.th-hero-sub .th-badge-b { right: -40px; bottom: 9%; }
.th-hero-sub .th-badge-c { left: 50%; transform: translateX(-50%); bottom: -14px; white-space: nowrap; }
.th-hero-home .th-badge-c { left: 50%; transform: translateX(-50%); bottom: -14px; white-space: nowrap; }
@media (max-width: 1024px) { .th-hero-sub .th-badge-a { left: -8px; } .th-hero-sub .th-badge-b { right: -8px; } }
@media (max-width: 767px) { .th-hero-home { max-width: 400px; margin: 8px auto 0; } .th-hero-sub .th-badge-a, .th-hero-home .th-badge-a { left: -4px; top: 2%; } .th-hero-sub .th-badge-b, .th-hero-home .th-badge-b { right: -4px; bottom: 8%; } }
.th-num .elementor-heading-title { letter-spacing: .02em; }
.th-facts .th-fact { border-left: 2px solid rgba(244,166,42,.55); padding-left: 16px; }
.th-trust { border-bottom: 1px solid #DCE6EE; }
.th-pillar-img img { border-radius: 18px !important; box-shadow: none !important; aspect-ratio: 16/10; object-fit: cover; }
.th-pillar { height: 100%; }
.th-shield img { max-width: 320px; margin: 0 auto; display: block; }
.th-photo-card .th-photo img { border-radius: 0 !important; aspect-ratio: 16/10; }
.th-eq > .e-con, .th-eq > .e-con-inner > .e-con { height: 100%; }
.th-cta-photo .th-photo-round img { border: 8px solid #F4A62A; box-shadow: 0 0 0 12px rgba(46,163,196,.35); border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.th-cta-photo .th-photo-round { max-width: 340px; margin: 0 auto; }
.th-card { box-shadow: 0 2px 0 rgba(15,61,92,.02); }
.e-con.th-card[style*="rgba(255,255,255,0.06)"]:hover { box-shadow: none; }
.th-photo-tilt img { transform: rotate(-2deg); }
.th-hero-sub .th-badge-b { right: -44px; bottom: -22px; }
.th-hero-sub { padding-bottom: 40px !important; }
.th-cta-photo .th-photo-round { width: 100%; }
.th-cta-photo .th-photo-round img { width: 100%; height: auto; }
.th-founder-mono { width: 132px; height: 132px; border-radius: 50%; background: #1E5A3E; color: #fff; display: grid; place-items: center; font-family: Fraunces, serif; font-size: 46px; font-weight: 600; box-shadow: 0 0 0 10px #FDEBCB; }
@media (max-width: 767px) { .th-hero-home, .th-hero-sub { max-width: 340px !important; width: 100%; margin: 12px auto 0 !important; padding: 14px 18px 34px !important; } }
.th-logo { display: inline-flex; line-height: 0; }
.th-logo img { height: 58px; width: auto; display: block; }
.th-logo-white img { height: 64px; }
@media (max-width: 767px) { .th-logo img { height: 42px; } }
.th-uni-img { background: #fff; border: 1px solid #DCE6EE; border-radius: 14px; padding: 12px 22px !important; width: auto !important; flex: 0 0 auto !important; height: 64px; }
.th-uni-logo img { height: 38px !important; width: auto !important; max-width: none !important; }
.th-marquee-track { align-items: center !important; }
.th-founder-mono { width: 132px !important; height: 132px; border-radius: 50%; background: #1E5A3E; box-shadow: 0 0 0 10px #FDEBCB; display: flex; }
.th-founder-mark img { width: 64px !important; height: auto; }
.th-pay-chip { width: auto !important; flex: 0 0 auto !important; background: #fff; border: 1px solid #DCE6EE; border-radius: 999px; padding: 8px 16px !important; }
.th-pay-logo img { height: 20px !important; width: auto !important; }
.elementor .e-con.th-uni-img { background: #fff !important; border: 1px solid #DCE6EE !important; border-radius: 14px !important; padding: 10px 22px !important; height: 66px !important; min-width: 0 !important; --width: auto; }
.elementor .th-uni-img .th-uni-logo img { height: 40px !important; }
.elementor .e-con.th-pay-chip { background: #fff !important; border: 1px solid #DCE6EE !important; border-radius: 999px !important; padding: 9px 18px !important; --width: auto; }

/* =================== v4: navigation, header, mobile bar =================== */
.wp-site-blocks > .wp-block-template-part:first-child { position: sticky; top: 0; z-index: 1000; }
.th-header { background: rgba(255,255,255,.94); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); transition: box-shadow .25s ease, padding .25s ease; border-bottom: 1px solid rgba(220,230,238,.7); }
.th-header.is-scrolled { box-shadow: 0 10px 30px rgba(15,61,92,.10); }
.admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: 32px; }
.th-nav { display: flex; }
.th-nav-top { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.th-nav-top > li { position: static; }
.th-top { white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; padding: 10px 11px; border-radius: 10px; color: #0F3D5C; text-decoration: none; font: 500 15px/1 'DM Sans', sans-serif; transition: background .2s, color .2s; }
.th-top:hover, .is-open > .th-top, .th-top:focus-visible { background: #F4F8FB; color: #1E5A3E; outline: none; }
.th-chev { transition: transform .2s; }
.is-open > .th-top .th-chev { transform: rotate(180deg); }
.th-header .wp-block-group { position: relative; }
.th-mega { position: absolute; left: 50%; top: calc(100% + 14px); transform: translate(-50%, 8px); width: min(1080px, calc(100vw - 48px)); opacity: 0; visibility: hidden; transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 1001; }
.th-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.is-open > .th-mega { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.th-mega-inner { display: grid; grid-template-columns: 1.35fr .9fr 1.05fr; gap: 28px; background: #fff; border: 1px solid #DCE6EE; border-radius: 24px; padding: 28px; box-shadow: 0 30px 70px rgba(15,61,92,.18); }
.th-mega-col.th-wide { grid-column: span 2; }
.th-mega-h { margin: 0 0 12px; font: 700 12px/1 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #1E5A3E; }
.th-mega-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.th-mega-list.th-two { grid-template-columns: 1fr 1fr; column-gap: 12px; }
.th-mega-list a { display: block; padding: 8px 10px; border-radius: 10px; color: #0F3D5C; text-decoration: none; font: 500 15px/1.3 'DM Sans', sans-serif; transition: background .15s, color .15s, padding .15s; }
.th-mega-list a:hover, .th-mega-list a:focus-visible, .th-mega-list a[aria-current] { background: #E2F2F7; color: #1E5A3E; padding-left: 14px; outline: none; }
.th-mega-feature { display: flex; flex-direction: column; gap: 6px; text-decoration: none; background: #0F3D5C; color: #fff; border-radius: 18px; padding: 12px 12px 18px; }
.th-mega-feature img { width: 100%; height: 150px; object-fit: cover; border-radius: 12px; margin-bottom: 6px; }
.th-mega-kicker { font: 700 11px/1 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #F4A62A; padding: 0 6px; }
.th-mega-feature strong { font: 600 19px/1.2 'Fraunces', serif; padding: 0 6px; }
.th-mega-desc { font: 400 13px/1.5 'DM Sans', sans-serif; color: #C9D7E3; padding: 0 6px; }
.th-mega-go { font: 700 13px/1 'DM Sans', sans-serif; color: #F4A62A; padding: 4px 6px 0; }
.th-has-drop { position: relative !important; }
.th-drop { position: absolute; right: 0; top: calc(100% + 12px); min-width: 240px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .2s; z-index: 1001; }
.th-drop::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.is-open > .th-drop { opacity: 1; visibility: visible; transform: none; }
.th-drop ul { list-style: none; margin: 0; padding: 10px; background: #fff; border: 1px solid #DCE6EE; border-radius: 18px; box-shadow: 0 24px 60px rgba(15,61,92,.16); }
.th-drop a { display: block; padding: 9px 12px; border-radius: 10px; color: #0F3D5C; text-decoration: none; font: 500 15px/1.3 'DM Sans', sans-serif; }
.th-drop a:hover, .th-drop a:focus-visible { background: #E2F2F7; color: #1E5A3E; outline: none; }
.th-burger, .th-drawer { display: none; }
@media (max-width: 1240px) {
  .th-nav { display: none; }
  .th-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 46px; height: 46px; border: 1px solid #DCE6EE; border-radius: 12px; background: #fff; cursor: pointer; padding: 0 12px; }
  .th-burger span { display: block; height: 2px; background: #0F3D5C; border-radius: 2px; transition: transform .25s, opacity .25s; }
  .th-drawer-open .th-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .th-drawer-open .th-burger span:nth-child(2) { opacity: 0; }
  .th-drawer-open .th-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .th-drawer:not([hidden]) { display: block; position: fixed; left: 0; right: 0; top: 76px; bottom: 0; background: #fff; overflow-y: auto; z-index: 999; border-top: 1px solid #DCE6EE; }
  .th-drawer-open { overflow: hidden; }
  .th-drawer-inner { padding: 12px 20px 120px; }
  .th-drawer details { border-bottom: 1px solid #DCE6EE; }
  .th-drawer summary { list-style: none; cursor: pointer; padding: 18px 4px; font: 600 20px/1.2 'Fraunces', serif; color: #0F3D5C; display: flex; justify-content: space-between; }
  .th-drawer summary::after { content: "+"; color: #1E5A3E; font-family: 'DM Sans'; }
  .th-drawer details[open] summary::after { content: "–"; }
  .th-drawer details ul, .th-drawer-links { list-style: none; margin: 0; padding: 0 0 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; }
  .th-drawer details a, .th-drawer-links a { display: block; padding: 9px 4px; color: #0F3D5C; text-decoration: none; font: 500 15px/1.3 'DM Sans', sans-serif; }
  .th-drawer-links { padding-top: 14px; }
  .th-drawer-links a { font: 600 17px/1.3 'DM Sans', sans-serif; }
  .th-drawer-cta, .th-drawer-wa { display: block; text-align: center; margin-top: 14px; padding: 15px; border-radius: 999px; font: 700 16px/1 'DM Sans', sans-serif; text-decoration: none; }
  .th-drawer-cta { background: #1E5A3E; color: #fff; }
  .th-drawer-wa { border: 1.5px solid #0F3D5C; color: #0F3D5C; }
}
@media (max-width: 600px) { .th-drawer details ul, .th-drawer-links { grid-template-columns: 1fr; } .th-drawer:not([hidden]) { top: 68px; } }
/* mobile quick-action bar */
.th-mbar { display: none; }
@media (max-width: 767px) {
  .th-mbar { display: grid; grid-template-columns: 1fr 1.25fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 998; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid #DCE6EE; box-shadow: 0 -8px 24px rgba(15,61,92,.08); }
  .th-mbar a { text-align: center; padding: 13px 10px; border-radius: 999px; font: 700 15px/1 'DM Sans', sans-serif; text-decoration: none; }
  .th-mbar-wa { border: 1.5px solid #1E5A3E; color: #1E5A3E; }
  .th-mbar-cta { background: #F4A62A; color: #0F3D5C; }
  body { padding-bottom: 72px; }
  .th-hide-mobile { display: none !important; }
}
.th-top-btn { position: fixed; right: 20px; bottom: 24px; width: 46px; height: 46px; border-radius: 50%; background: #0F3D5C; color: #fff; display: grid; place-items: center; text-decoration: none; font: 700 18px/1 'DM Sans'; box-shadow: 0 10px 24px rgba(15,61,92,.25); opacity: 0; pointer-events: none; transform: translateY(10px); transition: all .25s; z-index: 997; }
.th-show-top .th-top-btn { opacity: 1; pointer-events: auto; transform: none; }
@media (max-width: 767px) { .th-top-btn { bottom: 86px; right: 14px; } }
/* form states */
.th-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.th-form-err { background: #FDECEC; border: 1px solid #F3C2C2; color: #7A1F1F; border-radius: 16px; padding: 16px 18px; margin-bottom: 16px; }
.th-form-err ul { margin: 6px 0 0 18px; }
/* photo bands */
.th-photo-band { position: relative; }
.th-integrity-pic .th-photo img { border-radius: 200px 200px 28px 28px !important; box-shadow: 0 30px 60px rgba(0,0,0,.25); }
/* focus visibility everywhere */
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #F4A62A; outline-offset: 3px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .th-mega, .th-drop, .th-top-btn, .th-header { transition: none !important; } }

.th-header .wp-block-button__link { white-space: nowrap; }
.th-drawer:not([hidden]) { z-index: 1002; }
@media (max-width: 1240px) { .th-header .wp-block-buttons { margin-left: auto; margin-right: 12px; } }
@media (max-width: 767px) { .th-drawer:not([hidden]) { top: 70px; } }
.th-header .wp-block-group > p { margin: 0; }
.th-header .wp-block-group > p:has(.th-burger) { order: 10; display: flex; align-items: center; }
@media (max-width: 1100px) { .th-topbar { display: none !important; } }
.th-pay-text .elementor-heading-title { display: inline-block; padding: 8px 16px; border: 1px solid #DCE6EE; border-radius: 999px; background: #fff; }
.th-pay-text { width: auto !important; }

/* v5 · integrity boundary line under service-page buttons (Service Architecture v1.4 rule) */
.th-boundary { border-left: 3px solid #1E5A3E; padding: 2px 0 2px 12px !important; margin-top: 2px; }
.th-boundary a, .th-boundary a strong { color: #1E5A3E !important; font-weight: 600; font-size: 15px; text-decoration: none; }
.th-boundary a:hover strong { text-decoration: underline; }

/* v6 · client feedback (31 Oct): homepage quick form · floating WhatsApp (left) · social icons in top bar · editable privacy */
.th-hero-form { border-radius: 32px; padding: 28px !important; min-height: 560px; position: relative; overflow: hidden; }
.th-hero-form::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,61,92,.05), rgba(15,61,92,.45)); pointer-events: none; }
.th-quick-card { position: relative; z-index: 1; }
.th-quick { background: #fff; border-radius: 22px; padding: 26px 26px 22px; box-shadow: 0 24px 60px rgba(15,61,92,.22); max-width: 440px; margin-left: auto; }
.th-quick-h { font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: 24px; color: #0F3D5C; margin: 0 0 2px !important; }
.th-quick-sub { font-size: 14px; color: #3D5568; margin: 0 0 14px !important; }
.th-quick .th-form { display: grid; gap: 10px; }
.th-quick .th-f span { font-size: 13px; }
.th-quick .th-f input, .th-quick .th-f select, .th-quick .th-f textarea { padding: 10px 12px; font-size: 15px; }
.th-quick .th-check { font-size: 12.5px; }
.th-quick .th-submit { width: 100%; }
@media (max-width: 1024px) { .th-hero-form { min-height: 0; padding: 18px !important; } .th-quick { margin: 0 auto; } }
.th-wa-float { position: fixed; left: 22px; bottom: 22px; z-index: 9990; display: inline-flex; align-items: center; gap: 10px; background: #25D366; color: #fff !important; text-decoration: none !important; font-weight: 700; font-size: 15px; padding: 12px 18px 12px 14px; border-radius: 999px; box-shadow: 0 10px 28px rgba(0,0,0,.22); transition: transform .2s; }
.th-wa-float:hover, .th-wa-float:focus-visible { transform: translateY(-2px); }
@media (max-width: 860px) { .th-wa-float { bottom: 84px; left: 14px; padding: 12px; } .th-wa-float span { display: none; } }
.th-social { list-style: none; display: flex; gap: 8px; margin: 0; padding: 0; align-items: center; }
.th-social a { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(255,255,255,.12); color: #fff !important; transition: background .2s; }
.th-social a:hover, .th-social a:focus-visible { background: #F4A62A; color: #0F3D5C !important; }
.th-legal-body h2 { font-family: Fraunces, Georgia, serif; color: #0F3D5C; font-size: 26px; margin: 34px 0 10px; }
.th-legal-body h3 { color: #0F3D5C; font-size: 19px; margin: 20px 0 8px; }
.th-legal-body ul { padding-left: 1.2em; }
.th-topbar > .wp-block-group { flex-wrap: nowrap !important; align-items: center; gap: 18px; }
.th-topbar > .wp-block-group > p:first-child { flex: 1 1 auto; }
.th-topbar .th-social a { width: 24px; height: 24px; }
.th-topbar .th-social svg { width: 13px; height: 13px; }
.th-quick { padding: 22px 24px 20px; }
.th-quick .th-form { gap: 8px; }
.th-quick .th-f { gap: 4px; }
.th-quick .th-f input, .th-quick .th-f select { padding: 8px 12px; }
.th-quick .th-f textarea { padding: 8px 12px; min-height: 64px; }
.th-hero-form { min-height: 0; }
@media (max-width: 767px) { .th-wa-float { display: none; } }
/* v7 · homepage horizontal enquiry strip below the banner */
.th-quick-band { position: relative; z-index: 3; }
.th-quick-band .th-quick-card { margin-top: -44px; }
.th-quick-band .th-quick { max-width: 1200px; margin: 0 auto; padding: 22px 28px 16px; border: 1px solid #DCE6EE; box-shadow: 0 18px 50px rgba(15,61,92,.14); display: grid; grid-template-columns: 190px 1fr; column-gap: 26px; align-items: center; }
.th-quick-band .th-quick-h { grid-column: 1; grid-row: 1; align-self: end; font-size: 22px; line-height: 1.2; }
.th-quick-band .th-quick > .th-form { grid-column: 2; grid-row: 1 / span 2; }
.th-quick-band .th-quick-sub { grid-column: 1; grid-row: 2; align-self: start; margin: 4px 0 0 !important; font-size: 13.5px; }
.th-quick-band .th-form-err, .th-quick-band .th-form-ok { grid-column: 1 / -1; }
.th-quick-band .th-form-err { grid-row: 3; margin-top: 10px; }
.th-quick-band .th-form { grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr); gap: 10px 12px; align-items: end; }
.th-quick-band .th-f { min-width: 0; }
.th-quick-band .th-f input, .th-quick-band .th-f select, .th-quick-band .th-f textarea { width: 100%; min-width: 0; box-sizing: border-box; height: 44px; min-height: 44px; padding: 10px 12px; }
.th-quick-band .th-f textarea { resize: none; overflow: hidden; line-height: 1.4; }
.th-quick-band .th-submit { grid-column: 5; grid-row: 2; justify-self: end; width: auto; height: 44px; padding: 0 26px; white-space: nowrap; }
.th-quick-band .th-f span { white-space: nowrap; font-size: 12.5px; }
.th-quick-band .th-check { grid-column: 1 / 5; grid-row: 2; align-self: center; margin-top: 2px; }
@media (max-width: 1180px) { .th-quick-band .th-quick { grid-template-columns: 1fr; row-gap: 6px; } .th-quick-band .th-quick-h, .th-quick-band .th-quick-sub, .th-quick-band .th-quick > .th-form { grid-column: 1; grid-row: auto; } .th-quick-band .th-quick > .th-form { margin-top: 10px; } .th-quick-band .th-form { grid-template-columns: repeat(3, minmax(0,1fr)); } .th-quick-band .th-f:nth-of-type(5) { grid-column: span 2; } .th-quick-band .th-check { grid-column: 1 / 3; grid-row: 3; } .th-quick-band .th-submit { grid-column: 3; grid-row: 3; } }
@media (max-width: 767px) { .th-quick-band .th-quick-card { margin-top: -28px; } .th-quick-band .th-quick { padding: 20px 18px 16px; } .th-quick-band .th-form { grid-template-columns: 1fr; } .th-quick-band .th-f:nth-of-type(5) { grid-column: auto; } .th-quick-band .th-check, .th-quick-band .th-submit { grid-column: auto; grid-row: auto; } .th-quick-band .th-submit { width: 100%; justify-self: stretch; } .th-quick-band .th-f span { white-space: normal; } }
/* v7b · homepage form strip in TutorsHive green */
.th-quick-band .th-quick { background: #1E5A3E; border-color: #1E5A3E; box-shadow: 0 18px 50px rgba(30,90,62,.30); }
.th-quick-band .th-quick-h { color: #FFFFFF; }
.th-quick-band .th-quick-sub, .th-quick-band .th-f span, .th-quick-band .th-f em, .th-quick-band .th-check { color: #E3EFE8; }
.th-quick-band .th-check a { color: #FFFFFF; text-decoration: underline; }
.th-quick-band .th-f input, .th-quick-band .th-f select, .th-quick-band .th-f textarea { background: #FFFFFF; border-color: #FFFFFF; color: #0F3D5C; }
.th-quick-band .th-f input:focus, .th-quick-band .th-f select:focus, .th-quick-band .th-f textarea:focus { outline: 3px solid #F4A62A; outline-offset: 1px; }
.th-quick-band .th-check input { accent-color: #F4A62A; }
.th-quick-band .th-submit { background: #F4A62A; color: #0F3D5C; border-color: #F4A62A; }
.th-quick-band .th-submit:hover, .th-quick-band .th-submit:focus-visible { background: #FFFFFF; color: #1E5A3E; border-color: #FFFFFF; }
.th-quick-band .th-form-ok { background: #FFFFFF; }