/*
Theme Name:        CYP Directory
Description:       Block theme for the regional church business directory run by Arch Network Services. Pairs with the CYP Church Business Directory plugin.
Version:           0.2.0
Requires at least: 6.4
Requires PHP:      8.0
Author:            Arch Network Services, Inc.
Text Domain:       cyp-theme
*/

/* Most styling lives in theme.json; these are the few things it can't express. */
:where(body) { -webkit-font-smoothing: antialiased; }
.cyp-hero-search { display: flex; flex-wrap: wrap; gap: .5rem; max-width: 40rem; }
.cyp-hero-search input { flex: 1 1 16rem; padding: .85rem 1rem; border: 1px solid var(--wp--preset--color--line); border-radius: 999px; font: inherit; font-size: 1.05rem; background: #fff; color: var(--wp--preset--color--ink); }
.cyp-hero-search button { padding: .85rem 1.5rem; border: 0; border-radius: 999px; background: var(--wp--preset--color--warm); color: var(--wp--preset--color--ink); font: inherit; font-weight: 700; cursor: pointer; }
.cyp-hero-search button:focus-visible, .cyp-hero-search input:focus-visible { outline: 3px solid var(--wp--preset--color--warm); outline-offset: 2px; }
.wp-block-site-logo img { height: auto; }

/* Header, footer, front page */
.cyp-site-header { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--cream); }
.cyp-site-header .wp-block-site-logo + .wp-block-site-title { display: none; } /* logo carries the wordmark */
.cyp-main { padding-top: 2.5rem; padding-bottom: 4rem; }
.cyp-site-footer { padding-top: 2.5rem; padding-bottom: 2.5rem; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--cream); }
.cyp-site-footer a, .cyp-site-footer .wp-block-site-title a { color: var(--wp--preset--color--cream); }
.cyp-site-footer p { max-width: 36rem; opacity: .9; }
.cyp-front { padding-top: 0; }
.cyp-hero { padding-top: clamp(3rem, 8vw, 6rem); padding-bottom: clamp(3rem, 8vw, 6rem); background: var(--wp--preset--color--tint); }
.cyp-eyebrow { margin: 0; font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
.cyp-section { padding-top: 3.5rem; }
.cyp-cta .wp-block-column { padding: 1.75rem; border: 1px solid var(--wp--preset--color--line); border-radius: 16px; background: var(--wp--preset--color--surface); }
.cyp-cta h3 { margin-top: 0; }
.cyp-contact-link { display: inline-block; padding: .65rem 1.25rem; border: 2px solid var(--wp--preset--color--accent); border-radius: 999px; font-weight: 600; text-decoration: none; }
.cyp-contact-link:hover { background: var(--wp--preset--color--accent); color: #fff; }