/*
Theme Name: AerialDroneAcademy
Theme URI: https://aerialdroneacademy.com
Description: Custom theme for AerialDroneAcademy — Dark tactical design with crimson red accent.
Version: 1.0
Author: Drones Inbound LLC
Template: hello-elementor
Text Domain: ada-theme
*/

/* ─── GLOBAL VARIABLES ─────────────────────────────── */
:root {
  --ada-bg:        #1c1c1f;
  --ada-surface:   #242428;
  --ada-elevated:  #2c2c30;
  --ada-red:       #e02d42;
  --ada-red-dark:  #be2438;
  --ada-white:     #ffffff;
  --ada-gray-1:    #a8b0bc;
  --ada-gray-2:    #7c8490;
  --ada-gray-3:    #606472;
  --ada-border:    rgba(224,45,66,0.18);
  --font-display:  'Bebas Neue', sans-serif;
  --font-body:     'Rajdhani', sans-serif;
  --font-mono:     'Space Mono', monospace;
}

/* ─── BASE ─────────────────────────────────────────── */
body {
  background-color: var(--ada-bg) !important;
  color: var(--ada-white) !important;
  font-family: var(--font-body) !important;
}

a { color: var(--ada-red); text-decoration: none; }
a:hover { color: var(--ada-red-dark); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  letter-spacing: 2px;
  color: var(--ada-white);
}

/* ─── ELEMENTOR OVERRIDES ──────────────────────────── */
.elementor-section,
.e-con,
.e-con-inner {
  background-color: transparent;
}

.elementor-widget-text-editor p {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ada-gray-1);
}

/* ─── BUTTONS ──────────────────────────────────────── */
.elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: var(--font-mono) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  border-radius: 0 !important;
}

.elementor-button.ada-primary {
  background: var(--ada-red) !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.elementor-button.ada-primary:hover {
  background: var(--ada-red-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(224,45,66,0.3);
}

.elementor-button.ada-secondary {
  background: transparent !important;
  color: var(--ada-gray-1) !important;
  border: 1px solid rgba(168,176,188,0.3) !important;
}
.elementor-button.ada-secondary:hover {
  border-color: var(--ada-red) !important;
  color: var(--ada-red) !important;
}

/* ─── CARDS ────────────────────────────────────────── */
.ada-card {
  background: var(--ada-surface);
  border: 1px solid var(--ada-border);
  padding: 28px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.ada-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 3px; height: 0;
  background: var(--ada-red);
  transition: height 0.3s;
}
.ada-card:hover {
  background: var(--ada-elevated);
  border-color: rgba(224,45,66,0.3);
}
.ada-card:hover::before { height: 100%; }

/* ─── GRID BACKGROUND ──────────────────────────────── */
.ada-grid-bg {
  background-image:
    linear-gradient(rgba(224,45,66,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(224,45,66,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
}

/* ─── LAUNCH WATERMARK ─────────────────────────────── */
#ada-launch-watermark {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ada-watermark-text {
  position: absolute;
  width: 120%;
  text-align: center;
  transform: rotate(-25deg);
}
.ada-watermark-text span {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(60px, 10vw, 130px);
  letter-spacing: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  user-select: none;
}
.ada-watermark-text span:nth-child(1) { color: rgba(224,45,66,0.12); }
.ada-watermark-text span:nth-child(2) { color: rgba(224,45,66,0.06); margin-top: 20px; }

.ada-watermark-badge {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(224,45,66,0.6);
  padding: 18px 48px;
  text-align: center;
  background: rgba(28,28,31,0.85);
  backdrop-filter: blur(8px);
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
  box-shadow: 0 0 40px rgba(224,45,66,0.15), inset 0 0 40px rgba(224,45,66,0.05);
  white-space: nowrap;
}
.ada-watermark-badge .eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 5px;
  color: var(--ada-red);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ada-watermark-badge .date {
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 48px);
  letter-spacing: 6px;
  color: var(--ada-white);
  line-height: 1;
}
.ada-watermark-badge .domain {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 3px;
  color: var(--ada-gray-2);
  text-transform: uppercase;
  margin-top: 10px;
}