/*
Theme Name: THiNQ Eco Homes
Theme URI: https://thinqecohomes.com/
Author: THiNQ Eco Homes
Author URI: https://thinqecohomes.com/
Description: Custom WordPress theme for THiNQ Eco Homes — beautiful prefabricated modular homes. Includes Home, Homeowners, Investors, Developers and Get Started page templates.
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: thinq-eco-homes
*/

/* THiNQ Eco Homes — brand styles */
:root {
  --thinq-navy: #131313;
  --thinq-green: #76A855;
  --thinq-green-dark: #5E8A42;
  --thinq-offwhite: #F8F9FA;
  --thinq-gray-blue: #E9ECEF;
  --thinq-body: #343A40;
  --thinq-muted: #495057;
  --thinq-border-light: #DEE2E6;
  --thinq-border-mid: #CED4DA;
}

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: var(--thinq-body);
  background: #ffffff;
  margin: 0;
}

.font-display { font-family: "Fraunces", Georgia, serif; }

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal; font-style: normal; font-size: 24px; line-height: 1;
  letter-spacing: normal; text-transform: none; display: inline-block;
  white-space: nowrap; word-wrap: normal; direction: ltr;
  -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Reveal-on-scroll */
.reveal {
  opacity: 0; transform: translateY(32px);
  transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);
  will-change: opacity, transform;
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Green underline accent */
.accent-bar {
  display: block; width: 64px; height: 4px; border-radius: 9999px;
  background: var(--thinq-green); margin: 1.25rem auto 0;
}
.accent-bar-left { margin-left: 0; margin-right: 0; }

/* Radial green glow */
.glow-bg { position: relative; }
.glow-bg::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(118,168,85,0.08), transparent 70%);
  pointer-events: none;
}

/* WP custom nav menu styling — Get Started button class */
.btn-get-started > a,
a.btn-get-started {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  background: #76A855 !important;
  color: #ffffff !important;
  border-radius: 9999px;
  padding: 0.625rem 1.25rem !important;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background 0.2s;
}
.btn-get-started > a:hover,
a.btn-get-started:hover { background: #5E8A42 !important; }