/*
Theme Name: EinsteinED
Theme URI: https://einsteined.co.uk
Description: Einstein Education Consult's small layer on the Gradespace Tutor theme (Bright Minds design): the logo on its own, larger, in the header, a Log in link to the Sign in page, the white logo in the footer, a hero heading whose highlight sits clear of the line above, programme tabs in the subject colours, and footer links for the pages EinsteinED uses. Everything else comes from the parent theme, so its updates apply here.
Author: Gradespace
Author URI: https://thegradespace.com
Template: gradespace-tutor-theme
Version: 0.1.9
Update URI: false
Requires at least: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: einsteined-child
*/

/* Only what differs from the parent theme (Bright Minds). Bump Version on every change. */

/* Header: the logo on its own (it carries the name and strapline), larger. */
.gstut-brand .wp-block-site-logo img { width: auto; max-height: 80px; }

/* Header: Log in beside the main button. */
.eec-login { margin: 0; font-weight: 700; white-space: nowrap; }
.eec-login a { color: var(--ink); text-decoration: none; }
.eec-login a:hover { text-decoration: underline; }
.gstut-header__actions { display: flex; align-items: center; gap: 18px; }

/* Footer: the white logo stands alone (it carries the name and strapline). */
.eec-footer-logo { display: block; width: 190px; max-width: 100%; height: auto; }
.gstut-footer__lockup .gstut-footer__name, .gstut-footer__brand > .gstut-footer__tag { display: none; }

/* Home hero: the yellow highlight on "excellence." sits behind the whole
   heading, so the tails of the p and g in "Inspiring" hang onto it, drawn on
   top (the parent drew the highlight over them). Also overrides the parent
   theme's :has(mark) spacing (Tutor theme 0.1.12). */
.gstut-display, .gstut-display:has(mark) { line-height: 1.04; position: relative; z-index: 0; }
.gstut-display mark { position: relative; z-index: -1; display: inline-block; padding: 0.06em 0.26em 0.1em; border-radius: 0.26em; line-height: 1; }

/* Programmes: every tab in its subject colour (coral, yellow, teal as the
   course cards), the open one still lifted; three across, filling the row. */
.gstut-stage__btn--1 { background: var(--t1); color: var(--on-t1); }
.gstut-stage__btn--2 { background: var(--t2); color: var(--on-t2); }
.gstut-stage__btn--3 { background: var(--t3); color: var(--on-t3); }
.gstut-stage__btn--4 { background: var(--t4); color: var(--on-t4); }
.gstut-stages__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Sign in (/sign-in/): the student portal, the staff portal or the website editor. */
.eec-signin .gstut-wrap { max-width: 1040px; }
.eec-signin__lead { margin: 0 0 32px; color: var(--muted); text-align: center; }
.eec-signin__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px; }
.eec-signin__card { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; padding: 28px; border: 2px solid var(--ink); border-radius: 22px; background: var(--surface, #fff); }
.eec-signin__card h2 { margin: 0; font-size: 1.4rem; }
.eec-signin__card p { margin: 0; color: var(--muted); }
.eec-signin__card .wp-block-buttons { margin-top: auto; padding-top: 12px; }
.eec-signin__btn, .eec-signin__btn .wp-block-button__link { width: 100%; text-align: center; }
.eec-signin__help { margin: 28px 0 0; color: var(--muted); font-size: 0.9rem; text-align: center; }

/* Log in in the menu only on phones (the header has its own on wider screens). */
@media (min-width: 761px) { .eec-nav-login { display: none !important; } }

/* Two tabs a row on smaller screens; the third takes the full row. */
@media (max-width: 1100px) {
	.gstut-stages__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gstut-stages__tabs > :nth-child(3):last-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
	.gstut-brand .wp-block-site-logo img { max-height: 60px; }
	.gstut-header .gstut-header__actions .eec-login, .gstut-header .gstut-header__actions .gstut-header__buttons { display: none; } /* Both are in the phone menu instead. */
}