/* TVC Dark Glassmorphism Theme 2026 */
:root {
  --tvc-bg-primary: #1a1a2e;
  --tvc-bg-secondary: #16213e;
  --tvc-bg-card: rgba(255, 255, 255, 0.05);
  --tvc-border: rgba(255, 255, 255, 0.1);
  --tvc-text: #e2e8f0;
  --tvc-text-muted: #94a3b8;
  --tvc-orange: #f97316;
  --tvc-cyan: #06b6d4;
  --tvc-green: #22c55e;
  --tvc-purple: #8b5cf6;
  --tvc-glow: 0 0 20px rgba(249, 115, 22, 0.3);
}

body, html {
  background: linear-gradient(135deg, var(--tvc-bg-primary) 0%, var(--tvc-bg-secondary) 50%, #0f0f23 100%) !important;
  color: var(--tvc-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  min-height: 100vh;
}

/* Glassmorphism cards */
.wp-block-group,
.wp-block-column,
.wp-block-cover,
.entry-content > .wp-block-group {
  background: var(--tvc-bg-card) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid var(--tvc-border) !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  margin-bottom: 1.5rem !important;
}

/* Nested groups no double-glass */
.wp-block-group .wp-block-group,
.wp-block-column .wp-block-column {
  background: transparent !important;
  backdrop-filter: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

h1 { font-size: clamp(2.5rem, 5vw, 4rem) !important; }
h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important; }
h3 { font-size: clamp(1.3rem, 2.5vw, 1.8rem) !important; }

/* Paragraphs */
p, .wp-block-paragraph {
  color: var(--tvc-text-muted) !important;
  line-height: 1.7 !important;
  font-size: 1.05rem !important;
}

/* Links */
a { color: var(--tvc-cyan) !important; text-decoration: none !important; transition: color 0.3s; }
a:hover { color: var(--tvc-orange) !important; }

/* Buttons - Orange glow CTA */
.wp-block-button__link,
.wp-block-button a,
button[type="submit"],
input[type="submit"] {
  background: linear-gradient(135deg, var(--tvc-orange), #ea580c) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  box-shadow: var(--tvc-glow) !important;
  transition: all 0.3s ease !important;
  cursor: pointer;
}

.wp-block-button__link:hover,
.wp-block-button a:hover,
button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(249, 115, 22, 0.5) !important;
}

/* Outline buttons */
.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 2px solid var(--tvc-cyan) !important;
  color: var(--tvc-cyan) !important;
  box-shadow: none !important;
}

.is-style-outline .wp-block-button__link:hover {
  background: var(--tvc-cyan) !important;
  color: var(--tvc-bg-primary) !important;
}

/* Lists */
ul li, ol li { color: var(--tvc-text) !important; margin-bottom: 0.5rem; }
ul li::marker { color: var(--tvc-orange) !important; }

/* Separators */
.wp-block-separator, hr { border-color: var(--tvc-border) !important; opacity: 0.5; }

/* Header/Navigation */
.site-header, header, nav, .wp-block-navigation {
  background: rgba(26, 26, 46, 0.9) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--tvc-border) !important;
  border-radius: 0 !important;
}

.wp-block-navigation a, .site-header a, nav a {
  color: var(--tvc-text) !important;
  font-weight: 500 !important;
}

.wp-block-navigation a:hover, nav a:hover { color: var(--tvc-orange) !important; }

/* Footer */
.site-footer, footer {
  background: rgba(15, 15, 35, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid var(--tvc-border) !important;
  border-radius: 0 !important;
  color: var(--tvc-text-muted) !important;
}

/* WPForms dark styling */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea,
.wpforms-container select {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--tvc-border) !important;
  border-radius: 10px !important;
  color: var(--tvc-text) !important;
  padding: 12px 16px !important;
}

.wpforms-container input:focus, .wpforms-container textarea:focus {
  border-color: var(--tvc-cyan) !important;
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.2) !important;
  outline: none !important;
}

.wpforms-container label { color: var(--tvc-text) !important; font-weight: 500 !important; }

/* Responsive columns */
@media (max-width: 768px) {
  .wp-block-columns { flex-direction: column !important; }
  .wp-block-column { flex-basis: 100% !important; margin-bottom: 1rem !important; }
}

/* Accents */
strong, b { color: #ffffff !important; }
em { color: var(--tvc-cyan) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--tvc-bg-primary); }
::-webkit-scrollbar-thumb { background: var(--tvc-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--tvc-orange); }

/* Fade-in animation */
.wp-block-group, .wp-block-column {
  animation: fadeInUp 0.6s ease-out;
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}