/*
Theme Name: Long Island Psychotherapy
Description: Site theme for Long Island Psychotherapy (Robert Margolis, LCSW-R). A child of Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Text Domain: lip-harbor
*/

/* Only what theme.json cannot express. */

:where(a, button, .wp-block-button__link, .wp-block-navigation-item__content):focus-visible {
	outline: 3px solid var(--wp--preset--color--pine);
	outline-offset: 2px;
}
.lip-on-pine :where(a, button, .wp-block-button__link, .wp-block-navigation-item__content):focus-visible {
	outline-color: var(--wp--preset--color--peach);
}

.wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; }

/* Portrait: peach offset block, overlapping the pine band above it. */
.lip-portrait img {
	border-radius: 28px;
	box-shadow: 14px 14px 0 var(--wp--preset--color--peach);
	max-width: 300px;
	width: 100%;
	height: auto;
}
.lip-overlap { margin-top: -90px !important; position: relative; z-index: 1; }

/* Cards */
.lip-card { border-radius: 26px; height: 100%; }
.lip-card::before {
	content: "";
	display: block;
	width: 46px; height: 46px;
	border-radius: 50%;
	background: var(--wp--preset--color--pine);
	margin-bottom: 1.25rem;
}
.lip-card.is-peach::before { background: var(--wp--preset--color--peach); }
.lip-card.is-sage::before { background: var(--wp--preset--color--sage); }
.lip-rounded { border-radius: 26px; }

/* Header: practice name over the person's name, never more than two lines. */
.lip-brand { line-height: 1.15; }
.lip-brand .wp-block-site-title { margin: 0; }
.lip-brand p { margin: 0; }
.lip-brand .wp-block-site-title,
.lip-brand p { white-space: nowrap; }

/* The consultation link in the menu is for small screens, where the header button is hidden. */
.wp-block-navigation .wp-block-navigation-item.lip-nav-book { display: none; }

/* Below 960px the menu collapses behind the toggle (WordPress does this at 600px by default). */
@media (max-width: 960px) {
	.wp-block-buttons.lip-header-button { display: none !important; }
	.wp-block-navigation .wp-block-navigation-item.lip-nav-book { display: flex; }
	.lip-on-pine .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.lip-on-pine .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
}
@media (max-width: 600px) {
	.lip-brand .wp-block-site-title { font-size: 1.15rem; }
	.lip-overlap { margin-top: -60px !important; }
	/* The page body already has the theme's side padding; do not double it on phones. */
	.lip-page-body { padding-left: 0 !important; padding-right: 0 !important; }
}

.lip-on-pine a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--peach); }
.lip-on-pine .wp-block-site-title a,
.lip-on-pine .wp-block-navigation a { color: inherit; }
.lip-card h3 a { text-decoration: none; }
.lip-card h3 a:hover { text-decoration: underline; }

/* No sand gap between the page's last band and the footer, or under the header. */
.wp-site-blocks > main,
.wp-site-blocks > footer { margin-block-start: 0; }

/* First-person accounts in the guides. */
.wp-block-quote {
	border-left: 4px solid var(--wp--preset--color--peach);
	background: var(--wp--preset--color--cream);
	border-radius: 0 18px 18px 0;
	padding: 1.25rem 1.5rem;
	margin: 0 0 1.5rem;
	font-style: italic;
}