/*
Theme Name: DataFidelis
Theme URI: https://datafidelis.com
Author: DataFidelis
Description: A dark, premium one-page theme for a Power BI analytics & reporting studio. Full-screen video hero, services, process, and a working contact form (sends email via WordPress).
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: datafidelis
*/

/* ---------- Base ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body {
  margin: 0;
  padding: 0;
  background: #070a0d;
  color: #fff;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
::selection { background: #46c9e0; color: #070a0d; }

@keyframes df-glow {
  0%, 100% { opacity: .5; }
  50% { opacity: .78; }
}

/* ---------- Responsive helpers ---------- */
@media (max-width: 880px) { .df-desktop { display: none !important; } }
@media (min-width: 881px) { .df-mobileonly { display: none !important; } }

/* ---------- Hover / focus states ---------- */
.df-navlink { transition: color .2s; }
.df-navlink:hover { color: #46c9e0; }

.df-contact-pill { transition: all .2s; }
.df-contact-pill:hover { background: #46c9e0; color: #070a0d; border-color: #46c9e0; }

.df-cta { transition: transform .18s ease, box-shadow .18s ease; }
.df-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(70,201,224,0.35); }

.df-card { transition: border-color .2s, transform .2s; }
.df-card:hover { border-color: rgba(70,201,224,0.45); transform: translateY(-3px); }

.df-email:hover { color: #46c9e0; }

.df-field { transition: border-color .2s; }
.df-field:focus { border-color: #46c9e0; }
.df-field::placeholder { color: rgba(255,255,255,0.4); }

/* ---------- Mobile menu overlay ---------- */
.df-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: rgba(7,10,13,0.97);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
.df-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}