/*
Theme Name: Attentive Space
Template: twentytwentythree
Description: Laura's own clean white design for Attentive Space, with simple tweaks (Orange Wombat, 2026-11-10). Child of Twenty Twenty-Three.
Version: 1.0.2
Author: Orange Wombat
Text Domain: attentivespace
*/

/* Small finishing touches the block settings can't express. Everything else is in theme.json. */
::selection { background: var(--wp--preset--color--blush); color: var(--wp--preset--color--ink); }
a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
:where(a, button, .wp-element-button):focus-visible { outline: 2px solid var(--wp--preset--color--moss); outline-offset: 3px; }
h1, h2, h3 { text-wrap: balance; }
.wp-block-post-content > h2.wp-block-heading { margin-top: 3.6rem; }
.wp-block-post-content > .as-actions + h2.wp-block-heading { margin-top: 3rem; }

/* Header */
.as-header { padding-top: 1.6rem; padding-bottom: 1.6rem; }
.as-header .wp-block-navigation a:hover,
.as-header .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--moss); text-decoration: underline; }

/* Banner photo (the page's featured image), in the same place as her fruit banner */
.as-banner img { width: 100%; aspect-ratio: 2.6 / 1; object-fit: cover; display: block; }

/* Under the heading */
.as-motto { font-size: var(--wp--preset--font-size--large); margin-top: .9rem !important; }
.as-where { color: var(--wp--preset--color--muted); }
.as-actions { align-items: center; gap: .6rem 1.4rem; }
.as-actions p { margin: 0; }
.as-actions p a { display: inline-block; padding-block: .5rem; }

/* Intro: headshot beside the words */
.as-intro { margin-top: 2.6rem !important; gap: 1.75rem; }

/* Services: plain linked rows */
.as-services { border-top: 1px solid var(--wp--preset--color--line); gap: 0 !important; }
.as-services > * { border-bottom: 1px solid var(--wp--preset--color--line); padding: 1rem 0; margin-top: 0 !important; margin-bottom: 0 !important; }
.as-services h3 { margin: 0 0 .25rem; }
.as-services h3 a { color: var(--wp--preset--color--moss); text-decoration-thickness: 1px; text-underline-offset: .2em; }
.as-services h3 a:hover { text-decoration-thickness: 2px; }
.as-services p { margin: 0; color: var(--wp--preset--color--muted); }

/* Lists */
.as-concerns li { margin-bottom: .45rem; }
.as-concerns li::marker { color: var(--wp--preset--color--moss); }
.as-credentials { list-style: none; padding-left: 0; }
.as-credentials li { margin-bottom: .3rem; }

/* Quotes */
.wp-block-quote cite { font-style: normal; font-size: .95rem; color: var(--wp--preset--color--muted); }
.wp-block-quote p { margin-bottom: .5rem; }

/* Contact: the one soft panel */
.as-contact { padding: 2.2rem 2rem 2rem !important; margin-top: 3.6rem !important; }
.as-contact h2 { margin-top: 0; }
.as-contact .wp-block-columns { margin-top: 1.4rem; gap: 1.25rem 2rem; }
.as-contact .wp-block-columns p { margin: 0 0 1.25rem; }
.as-label { font-weight: 600; }

/* Footer */
.as-footer { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.5rem; padding-bottom: 3rem; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.as-footer p { margin-top: 0 !important; margin-bottom: .4rem !important; }

@media (max-width: 781px) {
	.as-header { padding-top: 1rem; padding-bottom: 1rem; }
	.as-banner img { aspect-ratio: 3 / 2; }
	.as-intro .wp-block-column:first-child { max-width: 9rem; }
	.as-actions .wp-block-button, .as-actions .wp-block-button__link { width: 100%; text-align: center; }
	.as-contact { padding: 1.75rem 1.25rem !important; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }