/*
Theme Name: PureFlow
Theme URI: https://example.com/pureflow
Author: PureFlow
Description: Block theme for PureFlow air duct and HVAC cleaning. Fully editable in the Site Editor; blog managed with the standard post editor.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pureflow
*/

:root{--pf-blue:#2563EB;--pf-orange:#F97316;--pf-navy:#1E293B;--pf-border:#E2E8F0;--pf-surface:#F8FAFC;--pf-muted:#64748B}
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:3px}
.wp-site-blocks>*{margin-block-start:0}
.wp-site-blocks>main{margin-block-start:0}

/* Header */
.pf-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--pf-border);padding:14px 24px}
.admin-bar .pf-header{top:32px}
.pf-header-inner{max-width:1120px;margin:0 auto}
.pf-header-right{gap:28px}
.pf-nav{font-size:.8125rem;font-weight:500}
.pf-nav a{color:var(--pf-navy);text-decoration:none}
.pf-nav .current-menu-item>a,.pf-nav a:hover{color:var(--pf-blue)}
.pf-btn-sm .wp-block-button__link{padding:10px 18px;font-size:.8125rem}
.pf-logo{margin:0;font-size:1.15rem}
.pf-logo a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--pf-blue);font-family:var(--wp--preset--font-family--heading);font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.pf-logo a::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c0-4 1-8 5-8 2 0 3 1 3 3 0 3-4 5-8 5zm0 0c4 0 8 1 8 5 0 2-1 3-3 3-3 0-5-4-5-8zm0 0c0 4-1 8-5 8-2 0-3-1-3-3 0-3 4-5 8-5zm0 0c-4 0-8-1-8-5 0-2 1-3 3-3 3 0 5 4 5 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c0-4 1-8 5-8 2 0 3 1 3 3 0 3-4 5-8 5zm0 0c4 0 8 1 8 5 0 2-1 3-3 3-3 0-5-4-5-8zm0 0c0 4-1 8-5 8-2 0-3-1-3-3 0-3 4-5 8-5zm0 0c-4 0-8-1-8-5 0-2 1-3 3-3 3 0 5 4 5 8z'/%3E%3C/svg%3E") center/contain no-repeat}
.pf-footer .pf-logo a{color:#fff}

/* Generic sections */
.pf-section{padding:80px 24px}
.pf-surface{background:var(--pf-surface)}
.pf-center{text-align:center}
.pf-sub{color:var(--pf-muted);max-width:560px;margin-left:auto;margin-right:auto}
.pf-kicker{display:inline-block;font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin:0 0 8px}
.pf-kicker--red{background:#FEE2E2;color:#DC2626}
.pf-kicker--blue{background:#DBEAFE;color:#2563EB}
.pf-list-bad,.pf-list-good{list-style:none;padding:0;margin:20px 0 0}
.pf-list-bad li,.pf-list-good li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.9rem}
.pf-list-bad li::before{content:"▲";color:#EF4444;font-size:.65rem}
.pf-list-good li::before{content:"✓";flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--pf-blue);color:#fff;font-size:.6rem}

/* Hero + availability bar */
.pf-hero{background:linear-gradient(135deg,#1E3A8A 0%,#2563EB 60%,#60A5FA 100%) center/cover;color:#fff;padding:110px 24px 48px;text-align:center}
.pf-hero h1,.pf-hero p{color:#fff}
.pf-hero p.pf-hero-sub{max-width:560px;margin:16px auto 40px;opacity:.92;font-size:1.125rem}
.pf-avail{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:end;background:#fff;padding:20px;border-radius:12px;box-shadow:0 20px 40px rgba(15,23,42,.18);text-align:left;max-width:1000px;margin:0 auto}

/* Forms */
.pf-form label{display:block;margin-bottom:6px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-muted)}
.pf-form input,.pf-form select,.pf-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--pf-border);border-radius:8px;background:var(--pf-surface);font:inherit;color:var(--pf-navy)}
.pf-form input:focus,.pf-form select:focus,.pf-form textarea:focus{outline:2px solid var(--pf-blue);outline-offset:1px;background:#fff}
.pf-form .pf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.pf-form .pf-field{margin-bottom:16px}
.pf-form .pf-row .pf-field{margin-bottom:0}
.pf-btn{display:inline-block;border:0;border-radius:8px;padding:14px 22px;background:var(--pf-blue);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}
.pf-btn:hover{background:#1D4ED8}
.pf-btn--accent{background:var(--pf-orange)}.pf-btn--accent:hover{background:#EA580C}
.pf-btn--block{width:100%}
.pf-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.pf-notice{padding:14px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}
.pf-notice.is-ok{background:#DCFCE7;color:#166534}.pf-notice.is-error{background:#FEE2E2;color:#991B1B}

/* Cards, steps, stats */
.pf-card{background:#fff;border:1px solid var(--pf-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04);height:100%}
.pf-card-body{padding:20px}
.pf-card:not(:has(img))::before{content:"";display:block;aspect-ratio:3/2;background:linear-gradient(135deg,#DBEAFE,#EFF6FF)}
.pf-card .wp-block-post-featured-image{margin:0}
.pf-card .wp-block-post-featured-image img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}
.pf-card-title{font-size:1.05rem;margin:6px 0 8px}
.pf-card-title a{color:var(--pf-navy);text-decoration:none}
.pf-card-excerpt{font-size:.85rem;color:var(--pf-muted);margin:0 0 12px}
.pf-more a{font-size:.8rem;font-weight:600;text-decoration:none}
.pf-cat{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0}
.pf-cat a{text-decoration:none;color:var(--pf-blue)}
.pf-cat a[href*="/category/health"]{color:#16A34A}
.pf-cat a[href*="/category/maintenance"]{color:#EA580C}
.pf-cat a[href*="/category/savings"]{color:#2563EB}
.pf-step{text-align:center;padding:24px 20px;background:#fff;border:1px solid var(--pf-border);border-radius:12px;height:100%;box-sizing:border-box}
.pf-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--pf-tint,#EFF6FF);color:var(--pf-blue);margin-bottom:10px}
.pf-step-n{font-size:.6875rem;letter-spacing:.08em;color:var(--pf-muted);margin:0}
.pf-step h3{font-size:1.05rem;margin:4px 0 8px}
.pf-step p:last-child{font-size:.85rem;color:var(--pf-muted);margin:0}
.pf-stats{background:var(--pf-blue);color:#fff;padding:56px 24px}
.pf-stats p{color:#fff;margin:0;text-align:center}
.pf-stat-n{font-family:var(--wp--preset--font-family--heading);font-weight:800;font-size:2.5rem;line-height:1.1}
.pf-stats .wp-block-column+.wp-block-column{border-left:1px solid rgba(255,255,255,.25)}
.pf-review{background:var(--pf-surface);border-radius:12px;padding:24px;height:100%;box-sizing:border-box}
.pf-stars{color:#FBBF24;letter-spacing:2px;margin:0 0 8px}
.pf-review-name{font-weight:700;color:var(--pf-navy);margin:0;font-size:.85rem}
.pf-review-role{font-size:.75rem;color:var(--pf-muted);margin:0}
.pf-perk h4{margin:0 0 2px;font-size:.95rem}
.pf-perk p{margin:0;font-size:.85rem;color:var(--pf-muted)}

/* Booking */
.pf-help{background:var(--pf-blue);color:#fff;border-radius:20px;padding:32px}
.pf-help h2,.pf-help h3,.pf-help p,.pf-help a{color:#fff}
.pf-help .pf-small{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin:0}
.pf-help .pf-big{font-size:1.25rem;font-weight:700;margin:0 0 16px}
.pf-help blockquote,.pf-help .pf-quote{font-size:.8rem;font-style:italic;opacity:.9;border-top:1px solid rgba(255,255,255,.25);padding-top:16px;margin-top:16px}
.pf-badge{background:#fff;border:1px solid var(--pf-border);border-radius:12px;padding:16px;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-navy);height:100%;box-sizing:border-box}
.pf-formcard{background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 40px rgba(15,23,42,.1)}
.pf-terms{font-size:.7rem;color:var(--pf-muted);text-align:center;margin:12px 0 0}

/* Article */
.pf-article-head{text-align:center;padding:64px 24px 32px}
.pf-pill{display:inline-block;margin:0 0 16px}
.pf-pill a{display:inline-block;background:#EFF6FF;color:var(--pf-blue);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;text-decoration:none}
.pf-meta{justify-content:center;gap:12px;font-size:.75rem;color:var(--pf-muted)}
.pf-meta>*+*::before{content:"•";margin-right:12px}
.pf-meta .wp-block-post-author{font-weight:600;color:var(--pf-navy)}
.pf-meta>*+*{margin:0}
.pf-hero-img img{border-radius:20px;box-shadow:0 20px 40px rgba(15,23,42,.15);width:100%;height:auto}
.pf-lead{font-size:1.125rem}
.wp-block-post-content h2{font-size:1.5rem;margin-top:2.25rem}
.pf-callout{border-left:4px solid var(--pf-blue);background:var(--pf-surface);border-radius:0 12px 12px 0;padding:20px 24px;margin:2rem 0}
.pf-callout h3{font-size:1rem;margin:0 0 6px}
.pf-callout p{font-style:italic;font-size:.9rem;margin:0}
.pf-tags{border-top:1px solid var(--pf-border);border-bottom:1px solid var(--pf-border);padding:20px 0;margin-top:2.5rem;font-size:.75rem}
.pf-tags a{display:inline-block;background:#F1F5F9;color:var(--pf-muted);border-radius:6px;padding:4px 10px;text-decoration:none;margin-right:6px}
.pf-page-title{padding:56px 24px 8px;text-align:center}

/* Footer */
.pf-footer{background:var(--pf-navy);color:#CBD5E1;padding:64px 24px 24px;font-size:.85rem}
.pf-footer p,.pf-footer li{color:#94A3B8}
.pf-footer h4{color:var(--pf-orange);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}
.pf-footer a{color:#94A3B8;text-decoration:none}.pf-footer a:hover{color:#fff}
.pf-footer ul{list-style:none;padding:0;margin:0}.pf-footer li{margin-bottom:10px}
.pf-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:24px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}
.pf-footer .wp-block-social-links .wp-social-link{background:#334155}

@media(max-width:781px){
  .pf-avail,.pf-form .pf-row{grid-template-columns:1fr}
  .pf-section{padding:56px 20px}
  .pf-stats .wp-block-column+.wp-block-column{border-left:0}
  .pf-header-right{gap:12px}
}
@media(max-width:600px){.admin-bar .pf-header{top:46px}}