/*
Theme Name: Evergreen — Bricks Child
Description: Evergreen Veterinary Clinic with six native Bricks pages and editable site-wide header and footer templates.
Author: Evergreen Veterinary Clinic
Template: bricks
Version: 2.0.1
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: evergreen-bricks
*/

/* The reference uses a 16px rem. Bricks defaults to a different root scale. */
html { font-size: 100%; scroll-behavior: smooth; scroll-padding-top: 115px; }
body { font-size: 16px; line-height: 1.5; }
#brx-content, #brx-header, #brx-footer { font-family: 'DM Sans', sans-serif; color: var(--color-foreground); }
#brx-header { z-index: 50; }
.eg-header-inner { position: static; }
span.brxe-text-basic { width: auto; }
span.brxe-text-basic:not(.block):not(.grid):not(.flex):not(.inline-flex) { display: inline; }
.brxe-div { min-width: 0; }
.brxe-svg { flex-shrink: 0; }
.brxe-image { vertical-align: middle; }
.eg-mobile-menu { display: none; padding: 1rem; border-top: 1px solid var(--color-border); background: var(--color-background); }
.eg-mobile-menu[data-eg-menu-open="true"] { display: block; }
.eg-mobile-menu > a { display: flex; margin: 0; padding: .8rem 1rem; }
.eg-mobile-menu a[aria-current="page"] { font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.eg-map-frame { display: block; width: 100%; border: 0; }
.eg-charter-form { max-width: 48rem; margin: 2.5rem auto 0; text-align: left; gap: .75rem; }
.eg-charter-form .form-group { width: 100%; padding: 0; margin: 0; }
.eg-charter-form .submit-button-wrapper { width: 100%; }
.eg-charter-form select option { color: var(--color-foreground); background: var(--color-card); }
.eg-appointment-form { margin-top: 2rem; gap: 1rem; }
.eg-appointment-form .form-group { padding: 0; margin: 0; }
.eg-appointment-form label { margin-bottom: .5rem; }
.eg-charter-form button[type="submit"], .eg-appointment-form button[type="submit"] { padding: .875rem 1.75rem; transition: transform .2s; }
.eg-charter-form button[type="submit"]:hover, .eg-appointment-form button[type="submit"]:hover { transform: translateY(-2px); }
.eg-appointment-form .submit-button-wrapper { width: auto; }
.eg-appointment-form textarea { min-height: 128px; }
.eg-charter-form .message, .eg-appointment-form .message { width: 100%; font-size: .875rem; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
@media (min-width:640px) { .eg-charter-form .form-group { width: calc(50% - .375rem); } }
@media (min-width:1024px) { .eg-charter-form .form-group { width: calc(25% - .5625rem); } }
@media (min-width:768px) { .eg-mobile-menu { display: none; } .eg-mobile-menu[data-eg-menu-open="true"] { display: none; } }
/* Native elements stay selectable while editing. */
.bricks-is-builder .eg-mobile-menu { display: block; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }

#brx-content .eg-appointment-form button[type="submit"].bricks-button {
    background-color: var(--accent);
    color: var(--accent-foreground);
    font-size: .875rem;
    font-weight: 600;
    border-radius: 999px;
    box-shadow: 0 14px 30px -14px oklch(55% .13 45 / .5);
}