/*
Theme Name: The Canopy Premier
Text Domain: the-canopy-premier
Description: High-end green, gold, and cream WordPress theme for The Canopy at Azalea Grove, designed around real community photography, hospitality, senior living services, and strong lead conversion.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html { scroll-behavior: smooth; }
main section[id] { scroll-margin-top: 6.5rem; }
main .wpcf7-form p { margin: 0 0 1rem; }
main .wpcf7-form p > br { display: none; }
main .wpcf7-form label { display:block; margin-bottom:1rem; color:#315c39; font-weight:600; font-size:1rem; }
main .wpcf7-form-control-wrap { display:block; min-width:0; }
main .wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
main .wpcf7 select, main .wpcf7 textarea {
 display:block; width:100%; max-width:100%; box-sizing:border-box; margin-top:.45rem;
 border:1px solid #b8c5ba; border-radius:.75rem; padding:.8rem 1rem;
 background:#fff; color:#243027; font-size:16px; line-height:1.5;
}
main .wpcf7 textarea.wpcf7-form-control { height:140px; min-height:120px; resize:vertical; }
main .wpcf7 .wpcf7-submit {
 display:inline-block; min-height:48px; padding:.9rem 1.4rem; border:0; border-radius:999px;
 background:#7d632f; color:#fff; font-size:1rem; font-weight:700; cursor:pointer;
}
main .wpcf7 .wpcf7-submit:disabled { opacity:.6; cursor:not-allowed; }
main .wpcf7 .wpcf7-submit:not(:disabled):hover { background:#604b22; }
main .wpcf7 .wpcf7-acceptance label { display:flex; gap:.65rem; align-items:flex-start; font-weight:400; line-height:1.5; }
main .wpcf7 input[type="checkbox"] { width:20px; height:20px; flex-shrink:0; margin-top:2px; accent-color:#315c39; }
main .wpcf7 input:focus-visible, main .wpcf7 select:focus-visible,
main .wpcf7 textarea:focus-visible { outline:3px solid #b89a57; outline-offset:2px; }
@media (max-width:767px) {
 header details > div { max-width:calc(100vw - 2rem); }
 main .wpcf7 .wpcf7-submit { width:100%; }
}
#availability [class~="text-[#efd992]"] { color:#fff; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }