/*
Theme Name: Kwazi's Precision Floors
Author: Kwazi's Precision Floors
Description: One-page block theme for Kwazi's Precision Floors, expert wood flooring services. Every section is editable in the Site Editor.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kwazis
*/

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 84px; }
body { -webkit-font-smoothing: antialiased; }
p, h1, h2, h3 { text-wrap: pretty; }

header.wp-block-template-part { position: sticky; top: 0; z-index: 100; background: rgba(245,240,232,0.94); backdrop-filter: blur(8px); border-bottom: 1px solid #E2D8C8; }
body.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.wp-block-template-part { top: 46px; } }

.kwazis-brand img { display: block; }
.kwazis-brand-name { font-family: var(--wp--preset--font-family--serif); font-size: 23px; font-weight: 500; line-height: 1; letter-spacing: -0.01em; margin: 0; }
.kwazis-brand-name a { color: var(--wp--preset--color--ink); text-decoration: none; }
.kwazis-brand-sub { font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--muted); line-height: 1; margin: 0; }
.kwazis-call .wp-block-button__link { background: var(--wp--preset--color--ink); padding: 11px 16px; font-size: 14px; }
@media (max-width: 600px) { .kwazis-call { display: none; } }
.wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-family: var(--wp--preset--font-family--serif); font-size: 24px; }

.is-style-eyebrow { font-size: 12px !important; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
.has-walnut-background-color .is-style-eyebrow { color: var(--wp--preset--color--amber); }
.is-style-service-card { background: var(--wp--preset--color--cream); border-radius: 6px; padding: 26px 24px; }
.is-style-service-card .wp-block-image { margin: 0; }
.is-style-service-card h3 { margin: 0; }
.is-style-service-card p { margin: 0; font-size: 14.5px; line-height: 1.5; color: #5A4A3C; }
.is-style-area-item { font-family: var(--wp--preset--font-family--serif); font-size: clamp(26px, 3.4vw, 34px); line-height: 1.15; border-top: 1px solid #4A3B30; padding: 18px 16px 0 0; margin: 0; }
.kwazis-grid-3 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(250px, calc(33.34% - 22px))), 1fr)); gap: 16px; }
.kwazis-grid-3 > * { margin: 0 !important; }
.kwazis-rounded img { border-radius: 6px; aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.kwazis-portrait img { border-radius: 6px; width: 100%; max-width: 400px; display: block; margin: 0 auto; }
.kwazis-hero img { border-radius: 6px; width: 100%; aspect-ratio: 4/5; max-height: 620px; object-fit: cover; }

.kwazis-stats { border-top: 1px solid #E2D8C8; padding-top: 14px; }
.kwazis-stat { font-family: var(--wp--preset--font-family--serif); font-size: 36px; line-height: 1.1; margin: 0; }
.kwazis-contact { border-top: 1px solid #E2D8C8; padding: 18px 0; margin: 0 !important; }
.kwazis-contact:last-child { border-bottom: 1px solid #E2D8C8; }
.kwazis-label { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin: 0; }
.kwazis-contact-value { font-family: var(--wp--preset--font-family--serif); font-size: 24px; margin: 0; word-break: break-word; }
.kwazis-contact-value a { color: var(--wp--preset--color--ink); }

.kwazis-form-card { background: var(--wp--preset--color--paper); border: 1px solid #E2D8C8; border-radius: 6px; padding: 28px 22px; }
.kwazis-form { display: flex; flex-direction: column; gap: 16px; position: relative; }
.kwazis-form .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 16px; }
.kwazis-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: #4A3C30; }
.kwazis-form input, .kwazis-form select, .kwazis-form textarea { font: inherit; font-size: 16px; color: #231A13; background: #fff; border: 1px solid #CDBFA9; border-radius: 4px; padding: 0 14px; height: 48px; width: 100%; box-sizing: border-box; }
.kwazis-form textarea { height: auto; padding: 12px 14px; resize: vertical; }
.kwazis-form button { height: 52px; border: 0; border-radius: 999px; background: #8A4F22; color: #FBF8F3; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; }
.kwazis-form button:hover { background: #6F3E19; }
.kwazis-form .hp { position: absolute; left: -9999px; }
.kwazis-form-msg { text-align: center; padding: 24px 0; }
.kwazis-form-msg strong { display: block; font-family: var(--wp--preset--font-family--serif); font-weight: 400; font-size: 30px; margin-bottom: 8px; }
