/*
Theme Name: Anthem Me
Author: Anthem Me
Description: Individual Anthem Me design from the owner's Horizons export. Original design and questionnaires; optional local WooCommerce checkout via Anthem Me Orders. No page builder required.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anthem-me
*/
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-latin.woff2') format('woff2')}
[hidden]{display:none!important}
html{scroll-padding-top:85px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:'⌄';font-size:20px;flex-shrink:0;transition:transform .2s}
details[open]>summary:after{transform:rotate(180deg)}
summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #e63946;outline-offset:4px}
.btn-primary:disabled{cursor:not-allowed;transform:none}
#how-it-works .group:hover{border-color:hsl(var(--gentle-amber))!important;background-color:hsl(var(--soft-ivory))!important}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100000;background:#fff;padding:12px 20px;color:#0d1b2a}
.skip-link:focus{top:12px}
.admin-bar header.sticky{top:32px}
.anthem-standard{max-width:72rem;margin:auto;padding:80px 24px;min-height:70vh}
.anthem-standard h1{font-size:40px;margin-bottom:24px}
.anthem-standard p{margin-bottom:20px}
#anthem-questionnaire dd{overflow-wrap:anywhere}
#anthem-questionnaire input:focus-visible,#anthem-questionnaire textarea:focus-visible{outline:2px solid #e63946!important;outline-offset:2px}
@media(max-width:782px){.admin-bar header.sticky{top:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#anthem-step-heading:focus { outline: none; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form select {font:inherit; padding:12px; border:1px solid #ccd5dd; border-radius:4px; background:#fff;}
.woocommerce .woocommerce-checkout {max-width:100%;} .woocommerce table {overflow-wrap:anywhere;}