/*
Theme Name: My Block Theme
Theme URI: https://myblocktheme.com/my-block-theme
Author: George Akaeze
Author URI: https://myblocktheme.com
Description: A clean, modern WordPress block theme built for DGL233 Project 1, designed for flexible layouts, strong typography, and accessible design. It includes a curated color system, fluid type scale, and block patterns that make it easy to build portfolios, landing pages, and content‑rich sites with a consistent visual voice.
Version: 1.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-block-theme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, site-editor, block-editor-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html {
  scroll-behavior: smooth;
}

.no-wrap {
  white-space: nowrap;
}

/* Contact Form 7 */
.wpcf7 {
  --cf7-primary: var(--wp--preset--color--primary, #00cc66);
  --cf7-primary-600: var(--wp--preset--color--primary-600, #004f00);
  --cf7-bg: var(--wp--preset--color--primary-50, #f8fcf8);
  max-width: 760px;
  margin-inline: auto;
  padding: 1.5rem;
  background: var(--cf7-bg);
  border: 1px solid #dfe7df;
  border-radius: 14px;
}

.wpcf7-form {
  display: grid;
  gap: 1rem;
}

.wpcf7-form p {
  margin: 0;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control {
  display: block;
  width: 100%;
}

.wpcf7-form label {
  display: grid;
  gap: 0.4rem;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  color: #1f2a1f;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="file"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 0.75rem 0.9rem;
  font-size: 1rem;
  line-height: 1.4;
  color: #1f2a1f;
  background: #ffffff;
  border: 1px solid #c9d3c9;
  border-radius: 10px;
}

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

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  outline: 2px solid var(--cf7-primary);
  outline-offset: 2px;
  border-color: var(--cf7-primary);
}

.wpcf7-form .wpcf7-list-item {
  margin: 0 0.8rem 0 0;
}

.wpcf7-form .wpcf7-list-item-label {
  margin-left: 0.3rem;
}

.wpcf7-form .wpcf7-acceptance label {
  font-weight: 500;
}

.wpcf7-form .wpcf7-submit {
  justify-self: start;
  padding: 0.85rem 1.6rem;
  font-weight: 700;
  color: #ffffff;
  background: var(--cf7-primary);
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.wpcf7-form .wpcf7-submit:hover {
  background: var(--cf7-primary-600);
}

.wpcf7-not-valid-tip {
  color: #b91c1c;
  font-size: 0.9rem;
}

.wpcf7-response-output {
  margin: 0;
  padding: 0.8rem 1rem;
  border-radius: 10px;
}