/* Mike Rohrig theme styles. Colors, fonts and sizes live in theme.json. */

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 1.5rem; }

.mr-eyebrow {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.mr-creds { letter-spacing: 0.02em; }

/* Header */
.mr-logo a { text-decoration: none; }
.mr-nav a { color: var(--wp--preset--color--cream); text-decoration: none; }
.mr-nav a:hover { color: var(--wp--preset--color--orange); }
.mr-nav .mr-nav-cta a { color: var(--wp--preset--color--orange); font-weight: 700; }
.mr-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--cream);
}

/* Outline button reads on navy */
.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--cream);
	border: 2px solid currentColor;
}
.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--navy);
}

/* Headshot */
.mr-headshot img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 8px;
	border-bottom: 8px solid var(--wp--preset--color--orange);
}

/* VISTA cards */
.mr-card-dark {
	padding: 2rem 1.75rem;
	border-radius: 8px;
}
.mr-card-dark > * { margin-block: 0; }
.mr-card-dark > * + * { margin-top: 0.5rem; }
.mr-letter {
	font-size: var(--wp--preset--font-size--letter);
	font-weight: 900;
	line-height: 1;
}

/* Speaking list card */
.mr-card-light {
	padding: 2.5rem;
	border-radius: 8px;
	border-top: 8px solid var(--wp--preset--color--orange);
}
.mr-checks { list-style: none; padding-left: 0; }
.mr-checks li {
	position: relative;
	padding: 0.75rem 0 0.75rem 2rem;
	border-bottom: 1px solid #E5E0D6;
	font-weight: 500;
}
.mr-checks li:last-child { border-bottom: 0; }
.mr-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.15rem;
	width: 0.9rem;
	height: 0.5rem;
	border-left: 3px solid var(--wp--preset--color--orange-text);
	border-bottom: 3px solid var(--wp--preset--color--orange-text);
	transform: rotate(-45deg);
}

/* Four doors */
.mr-door {
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
	border-radius: 8px;
	border-top: 8px solid var(--wp--preset--color--orange);
}
.mr-door > * { margin-block: 0; }
.mr-door > * + * { margin-top: 1rem; }
.mr-door h3 a { color: inherit; text-decoration: none; }
.mr-door h3 a:hover { color: var(--wp--preset--color--orange-text); }
.mr-door .has-serif-font-family { flex-grow: 1; font-size: 1.125rem; }
.mr-door-link a {
	color: var(--wp--preset--color--navy);
	font-weight: 700;
	text-decoration: none;
	word-break: break-word;
}
.mr-door-link a:hover { color: var(--wp--preset--color--orange-text); }

/* Links inside cream sections */
.has-cream-background-color a:not(.wp-element-button) { color: var(--wp--preset--color--orange-text); }
.has-cream-background-color .mr-door-link a,
.has-cream-background-color .mr-door h3 a { color: var(--wp--preset--color--navy); }

/* Footer */
.mr-footer p { margin: 0; }

/* Long-form pages */
.mr-prose { font-family: var(--wp--preset--font-family--serif); }
.mr-prose h2, .mr-prose h3 { font-family: var(--wp--preset--font-family--display); }

@media (max-width: 781px) {
	.mr-hero .wp-block-column:last-child { max-width: 420px; }
}

/* How coaching works */
.mr-step {
	font-size: var(--wp--preset--font-size--card-title);
	font-weight: 900;
	line-height: 1;
}

/* Testimonials */
.mr-quote {
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
	border-radius: 8px;
	border-top: 8px solid var(--wp--preset--color--orange);
}
.mr-quote > * { margin-block: 0; }
.mr-quote > * + * { margin-top: 1.25rem; }
.mr-quote > p:first-child { flex-grow: 1; }
.mr-quote-name { font-weight: 700; color: var(--wp--preset--color--orange-text); }

/* Speaking topics */
.mr-talk {
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
	border-radius: 8px;
	border-top: 8px solid var(--wp--preset--color--orange);
}
.mr-talk > * { margin-block: 0; }
.mr-talk > * + * { margin-top: 1rem; }
.mr-talk .has-serif-font-family { font-size: 1.125rem; }
.mr-talk-label { margin-top: 1.5rem !important; }
.mr-talk .mr-checks { margin-top: 0.25rem !important; }
.mr-card-note { margin-top: 1.25rem; color: var(--wp--preset--color--orange-text); font-weight: 700; }

/* Formats on navy */
.mr-formats .mr-card-dark { padding: 1.75rem 1.5rem; }