/*
Theme Name: KCG Corporate Group
Theme URI: https://kcgcorporategroup.com
Author: KCG Digital
Author URI: https://kcgcorporategroup.com
Description: Official WordPress theme for KCG Corporate Group — faithfully recreated from the Loveable-generated site. Uses the exact CSS and layout from kcgcorporategroup.com.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Proprietary
Text Domain: kcg-corporate
Tags: landing-page, business, consulting, custom-colors, responsive-layout
*/

/* ── Scroll-aware nav: always show bg on WP (no JS scroll state in static HTML) ── */
header.site-header {
  background: hsl(222 47% 11% / 0.95) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* ── Ensure hero occupies full viewport height ── */
.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* ── bg-gold-light Tailwind custom class not in purged bundle ── */
.hover\:bg-gold-light:hover {
  background-color: hsl(42 90% 68%) !important;
}

/* ── animate-fade-up for hero elements ── */
@keyframes fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fade-up 0.8s ease-out forwards;
}

/* ── CF7 form overrides ── */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  display: block;
  width: 100%;
  background: hsl(220 30% 18%);
  border: 1px solid hsl(220 30% 25%);
  padding: 12px 16px;
  font-size: 0.95rem;
  color: hsl(45 100% 96%);
  margin-bottom: 12px;
  transition: border-color 0.2s;
  border-radius: 0;
}
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: hsl(40 80% 55%);
}
.wpcf7-form input[type="submit"] {
  background: hsl(40 80% 55%);
  color: hsl(222 47% 11%);
  font-weight: 600;
  padding: 14px 28px;
  border: none;
  width: 100%;
  cursor: pointer;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 0;
  transition: background 0.2s;
}
.wpcf7-form input[type="submit"]:hover {
  background: hsl(42 90% 68%);
}