/*
Theme Name: Oztek Construction
Theme URI: https://oztekconstruction.com
Author: Oztek Construction
Author URI: https://oztekconstruction.com
Description: Bold, modern marketing theme for Oztek Construction — Residential, Commercial & Industrial builders based in Cincinnati, Ohio. Built with the brand's red, black, and charcoal palette.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
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: oztek
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; margin: 0; }
.font-display { font-family: 'Oswald', sans-serif; }

/* ---------- Hero / CTA backgrounds ---------- */
.hero-bg {
  background:
    linear-gradient(180deg, rgba(13,13,15,.82) 0%, rgba(13,13,15,.72) 45%, rgba(13,13,15,.92) 100%),
    url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2000&q=80') center/cover no-repeat;
}
.cta-bg {
  background:
    linear-gradient(90deg, rgba(13,13,15,.94) 0%, rgba(34,38,46,.86) 100%),
    url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=2000&q=80') center/cover no-repeat;
}

/* ---------- Accent underline ---------- */
.accent-line::after {
  content: ''; display: block; width: 46px; height: 4px;
  background: #E11B22; margin-top: 14px;
}
.accent-line.center::after { margin-left: auto; margin-right: auto; }

/* ---------- Reveal on scroll ---------- */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }

/* ---------- Service card image zoom ---------- */
.svc-card img { transition: transform .6s ease; }
.svc-card:hover img { transform: scale(1.07); }

/* ---------- Navbar scrolled state ---------- */
#navbar.scrolled { background: rgba(13,13,15,.95); backdrop-filter: blur(8px); box-shadow: 0 1px 0 rgba(255,255,255,.06); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .svc-card img { transition: none; }
}

/* ---------- WPForms branding (scoped to the contact card) ---------- */
.oztek-form .wpforms-container { margin: 0; }
.oztek-form .wpforms-field { padding: 0 0 1.1rem; }
.oztek-form .wpforms-field-label {
  font-family: 'Inter', sans-serif; font-weight: 600; color: #22262E;
  font-size: .875rem; margin-bottom: .5rem;
}
.oztek-form .wpforms-field input[type=text],
.oztek-form .wpforms-field input[type=email],
.oztek-form .wpforms-field input[type=tel],
.oztek-form .wpforms-field textarea,
.oztek-form .wpforms-field select {
  width: 100%; border: 1px solid #E3E5E8; border-radius: 2px;
  padding: .75rem 1rem; font-family: 'Inter', sans-serif; font-size: 1rem;
  background: #fff; color: #0D0D0F; box-shadow: none;
}
.oztek-form .wpforms-field input:focus,
.oztek-form .wpforms-field textarea:focus,
.oztek-form .wpforms-field select:focus {
  outline: none; border-color: #E11B22; box-shadow: 0 0 0 2px rgba(225,27,34,.35);
}
.oztek-form .wpforms-required-label { color: #E11B22; }
.oztek-form .wpforms-submit {
  width: 100%; background: #E11B22 !important; color: #fff !important;
  font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1rem;
  border: 0; border-radius: 2px; padding: 1rem 1.5rem; cursor: pointer;
  transition: background .2s ease; text-transform: none;
}
.oztek-form .wpforms-submit:hover { background: #B4141A !important; }