/*
Theme Name: Tidewater Acupuncture & Wellness
Theme URI: https://tidewateracupuncture.com
Author: Tidewater Acupuncture & Wellness
Description: Custom block theme for Tidewater Acupuncture & Wellness. Brand colors, self-hosted fonts, Schedule Now call to action linked to AcuSimple.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taw-2026
*/

/* Visible keyboard focus everywhere */
:where(a, button, input, select, textarea, summary, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--navy);
	outline-offset: 3px;
}
.has-navy-background-color :where(a, .wp-element-button):focus-visible {
	outline-color: var(--wp--preset--color--cyan);
}

/* Arched photo frame (hero) */
.taw-arch {
	aspect-ratio: 4 / 5;
	border-radius: 999px 999px 24px 24px !important;
	overflow: hidden;
}
.taw-arch img { width: 100%; height: 100%; object-fit: cover; }

/* Placeholder boxes until photos and map exist */
.taw-placeholder {
	border: 1px dashed #8FD3E8;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* Credentials list: hairlines between rows */
.taw-creds > * + * { border-top: 1px solid var(--wp--preset--color--line); }

/* Header: keep the button from wrapping */
.taw-header .wp-block-button__link { white-space: nowrap; }

/* No gaps between header, main, and footer */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Header: keep the menu on one line */
.taw-header .wp-block-navigation__container { flex-wrap: nowrap; }
.taw-header .wp-block-navigation-item__content,
.taw-header .taw-hide-mobile { white-space: nowrap; }

/* Patient Portal: header text link on wide screens, footer always, menu overlay on phones */
@media (max-width: 1099px) {
	.taw-hide-mobile { display: none !important; }
}
@media (min-width: 600px) {
	.taw-portal-mobile-only { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}