/**
 * Global Elementor Button Override - Axionova Theme
 * This file overrides Elementor's default button colors to match Axionova branding
 */

/* ============================================
   GLOBAL BUTTON OVERRIDES
   ============================================ */

/* Override all Elementor buttons globally */
.elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-xl,
.elementor-widget-button .elementor-button {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

/* Button hover states */
.elementor-button:hover,
.elementor-button:focus,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

/* ============================================
   DOWNLOAD PDF BUTTON SPECIFIC
   ============================================ */

[data-download-pdf],
[data-download-pdf].elementor-button,
.elementor-widget-container [data-download-pdf] {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

[data-download-pdf]:hover,
[data-download-pdf]:focus,
[data-download-pdf].elementor-button:hover,
[data-download-pdf].elementor-button:focus {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

/* ============================================
   ELEMENTOR GLOBAL COLOR VARIABLES OVERRIDE
   ============================================ */

/* Override Elementor's global primary color if set via CSS variables */
.elementor-kit {
  --e-global-color-primary: #3f82ff !important;
  --e-global-color-secondary: #8b5cf6 !important;
  --e-global-color-text: #f5f8ff !important;
  --e-global-color-accent: #52e0ff !important;
}

/* ============================================
   SECONDARY BUTTON STYLE (Outlined)
   ============================================ */

/* Target secondary style buttons */
.elementor-button.elementor-button-secondary,
.elementor-widget-button.elementor-button-secondary .elementor-button {
  color: #d9e4ff !important;
  border-color: rgba(132, 174, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  backdrop-filter: blur(12px) !important;
}

.elementor-button.elementor-button-secondary:hover,
.elementor-widget-button.elementor-button-secondary .elementor-button:hover {
  border-color: rgba(108, 159, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

/* ============================================
   PRIMARY BUTTON STYLE (Gradient)
   ============================================ */

.elementor-button.elementor-button-primary,
.elementor-widget-button.elementor-button-primary .elementor-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #3f82ff, #8b5cf6) !important;
  box-shadow: 0 18px 38px rgba(63, 130, 255, 0.32) !important;
}

.elementor-button.elementor-button-primary:hover,
.elementor-widget-button.elementor-button-primary .elementor-button:hover {
  box-shadow: 0 22px 48px rgba(63, 130, 255, 0.44) !important;
}

/* ============================================
   COPY BUTTON STYLE (Roadmap/Contract Pages)
   ============================================ */

.copy-btn,
[data-copy-target],
.contract-box .copy-btn,
.elementor-widget-container .copy-btn {
  color: #ffffff !important;
  border: 1px solid rgba(62, 232, 255, 0.4) !important;
  background: rgba(62, 232, 255, 0.1) !important;
  border-radius: 999px !important;
  padding: 9px 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: background 200ms ease, transform 200ms ease, border-color 200ms ease !important;
}

.copy-btn:hover,
[data-copy-target]:hover,
.contract-box .copy-btn:hover,
.elementor-widget-container .copy-btn:hover {
  color: #ffffff !important;
  border-color: rgba(62, 232, 255, 0.6) !important;
  background: rgba(62, 232, 255, 0.18) !important;
  transform: translateY(-1px) !important;
}