/*
Theme Name: White Top Foundation
Theme URI: https://example.com/
Author: Agency of None
Description: Minimal, modern block theme for The White Top Foundation. Designed for Gutenberg pages and Contact Form 7.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: white-top-foundation
*/

:root{
  --wptf-accent:#da07d3;
  --wptf-text:#111;
  --wptf-muted:#5a5a5a;
  --wptf-border:#e8e8e8;
  --wptf-radius:12px;
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

header.wp-block-template-part{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--wptf-border);
}

.wp-site-blocks{
  padding-left:20px;
  padding-right:20px;
}

a{overflow-wrap:anywhere}

.wp-block-button__link{
  border-radius:var(--wptf-radius);
  border:1px solid var(--wptf-border);
  padding:12px 16px;
  font-weight:600;
  font-size:14px;
  line-height:1.2;
}

.wp-block-button.is-style-fill .wp-block-button__link{
  background:var(--wptf-accent);
  border-color:transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link{
  background:#fff;
  color:var(--wptf-text);
}

h1,h2,h3{letter-spacing:-0.02em}

.wptf-section{
  border-top:1px solid var(--wptf-border);
  padding-top:40px;
  padding-bottom:40px;
}

.wptf-card{
  border:1px solid var(--wptf-border);
  border-radius:var(--wptf-radius);
  padding:18px;
  background:#fff;
}

.wptf-preline{white-space:pre-line}

/* Contact Form 7 */
.wpcf7 form{display:grid; gap:12px; margin:0}
.wpcf7 label{font-size:13px; color:var(--wptf-muted); display:block; margin-bottom:6px}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select{
  width:100%;
  padding:12px 12px;
  border:1px solid var(--wptf-border);
  border-radius:10px;
  font:inherit;
  background:#fff;
}

.wpcf7 textarea{min-height:140px; resize:vertical}

.wpcf7 input[type="file"]{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--wptf-border);
  border-radius:10px;
  background:#fff;
  font:inherit;
}

.wpcf7 .wpcf7-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:var(--wptf-radius);
  border:1px solid transparent;
  background:var(--wptf-accent);
  color:#fff;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
}

.wpcf7 .wpcf7-not-valid-tip{font-size:13px; color:#b00020}
.wpcf7 .wpcf7-response-output{
  margin:12px 0 0;
  border-radius:10px;
  border:1px solid var(--wptf-border);
  padding:12px;
}

@media (max-width:700px){
  .wp-site-blocks{padding-left:16px; padding-right:16px}
}