/*
Theme Name: Sunny View Landscaping
Theme URI: https://sunnyviewlandscaping.com
Author: Sunny View Landscaping Team
Author URI: https://sunnyviewlandscaping.com
Description: Premium, 100% pixel-perfect responsive WordPress theme for Sunny View Landscaping, featuring deep forest green tones, gold accents, elegant display typography, a complete projects showcase with location tags, and ready-to-use Contact Form 7 integration styled exactly like our custom quote form.
Version: 1.0.0
License: GNU GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunnyview
*/

/* Custom Reset and Scrollbar Styles for premium look */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Outfit", "Inter", sans-serif;
  background-color: #fcfdfc;
  color: #111a12;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f1;
}
::-webkit-scrollbar-thumb {
  background: #2d5a27;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1a331e;
}

/* Perfect Styling for Contact Form 7 integration to look exactly like the design */
.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.wpcf7-form .grid-cols-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .wpcf7-form .grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }
}

.wpcf7-form label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1a331e;
  display: block;
  margin-bottom: 0.5rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  background-color: rgba(245, 247, 245, 0.4);
  color: #111a12;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #2d5a27;
  box-shadow: 0 0 0 4px rgba(45, 90, 39, 0.15);
}

.wpcf7-form textarea {
  resize: none;
}

.wpcf7-submit {
  width: 100%;
  background-color: #2d5a27;
  color: #ffffff;
  padding: 1rem;
  font-weight: 700;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}

.wpcf7-submit:hover {
  background-color: #1e3e1a;
}

.wpcf7-submit:active {
  transform: scale(0.98);
}

.wpcf7-not-valid-tip {
  color: #f43f5e;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

.wpcf7-response-output {
  margin: 1.5rem 0 0 0 !important;
  padding: 1rem !important;
  border-radius: 0.75rem !important;
  border: 2px solid #2d5a27 !important;
  background-color: #f0fdf4 !important;
  color: #166534 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: center !important;
}

.wpcf7-form.invalid .wpcf7-response-output {
  border-color: #f43f5e !important;
  background-color: #fef2f2 !important;
  color: #991b1b !important;
}