/*
Theme Name:   BlackFyre DNG Child
Theme URI:    https://darknovagaming.com
Description:  Dark Nova Gaming child theme for BlackFyre — recolors the theme to the DNG dark-purple cosmic palette. Parent: BlackFyre v2.5.9 by Skywarrior Themes.
Author:       Dark Nova Gaming
Author URI:   https://darknovagaming.com
Template:     blackfyre
Version:      1.0.0
*/

/* ==========================================================
   DNG PURPLE COSMIC PALETTE
   --------------------------------------------------------
   Deep space bg : #07040d / #0d0818 / #130b22
   Accent        : #8b5cf6  (violet)
   Accent bright : #a855f7 / #c084fc
   Accent deep   : #6d28d9 / #7c3aed
   Text          : #e9e3f6   Muted: #a99cce
   --------------------------------------------------------
   NOTE: Set the theme's own color scheme FIRST:
   Appearance → Theme Options → Customization → color scheme
   → accent #8b5cf6, and upload dark-purple backgrounds there.
   The rules below catch what the options panel doesn't.
   ========================================================== */

:root {
  --dng-bg: #07040d;
  --dng-bg-2: #0d0818;
  --dng-bg-3: #130b22;
  --dng-accent: #8b5cf6;
  --dng-accent-2: #a855f7;
  --dng-accent-3: #c084fc;
  --dng-accent-deep: #6d28d9;
  --dng-glow: rgba(139, 92, 246, 0.45);
  --dng-text: #e9e3f6;
  --dng-muted: #a99cce;
  --dng-border: rgba(168, 85, 247, 0.25);
}

/* ---------- global background & text ---------- */
body {
  background-color: var(--dng-bg) !important;
  color: var(--dng-text);
}

/* ---------- links ---------- */
a { color: var(--dng-accent-2); }
a:hover, a:focus { color: var(--dng-accent-3); }

/* ---------- buttons (theme + VC + Woo + BuddyPress + bbPress) ---------- */
input[type="submit"],
button[type="submit"],
.btn,
.button,
.vc_btn3,
.vc_general.vc_btn3,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
#buddypress .generic-button a,
#buddypress a.button,
#buddypress input[type="submit"],
#bbpress-forums .button {
  background-color: var(--dng-accent) !important;
  background-image: linear-gradient(135deg, var(--dng-accent-deep), var(--dng-accent)) !important;
  border-color: var(--dng-accent-deep) !important;
  color: #fff !important;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.btn:hover,
.button:hover,
.vc_btn3:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#buddypress .generic-button a:hover,
#buddypress a.button:hover,
#bbpress-forums .button:hover {
  background-color: var(--dng-accent-2) !important;
  background-image: linear-gradient(135deg, var(--dng-accent), var(--dng-accent-2)) !important;
  box-shadow: 0 0 18px var(--dng-glow);
}

/* ---------- header / nav ---------- */
header,
.header,
#header,
.main-header,
.navbar,
.main-navigation {
  background-color: rgba(7, 4, 13, 0.92) !important;
  border-color: var(--dng-border) !important;
}
.main-navigation a:hover,
.navbar a:hover,
nav li.current-menu-item > a,
nav li a:hover {
  color: var(--dng-accent-3) !important;
}

/* ---------- panels, cards, widgets, content boxes ---------- */
.widget,
.panel,
.box,
.content-box,
.post,
article.post,
.wpb_content_element .wpb_wrapper > .widget,
.woocommerce ul.products li.product,
#bbpress-forums li.bbp-header {
  background-color: var(--dng-bg-2);
  border-color: var(--dng-border);
}

/* ---------- headings & accent text ---------- */
h1, h2, h3, h4, h5, h6 { color: var(--dng-text); }
.widget-title,
.section-title,
.page-title {
  border-color: var(--dng-accent) !important;
  color: var(--dng-text) !important;
}

/* ---------- common accent utilities ---------- */
.accent,
.highlight,
.price,
.woocommerce .price,
.star-rating,
blockquote {
  color: var(--dng-accent-2) !important;
  border-color: var(--dng-accent) !important;
}

/* ---------- progress bars / badges / counters ---------- */
.progress-bar,
.vc_progress_bar .vc_single_bar .vc_bar,
.badge,
.label,
.count {
  background-color: var(--dng-accent) !important;
  color: #fff !important;
}

/* ---------- forms ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  background-color: var(--dng-bg-3) !important;
  border-color: var(--dng-border) !important;
  color: var(--dng-text) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--dng-accent) !important;
  box-shadow: 0 0 10px var(--dng-glow) !important;
  outline: none;
}

/* ---------- footer ---------- */
footer,
.footer,
#footer,
.site-footer {
  background-color: var(--dng-bg) !important;
  border-top: 1px solid var(--dng-border);
  color: var(--dng-muted);
}

/* ---------- clan wars / matches (BlackFyre-specific areas) ---------- */
.clan-header,
.match-box,
.clan-box,
.vs-badge {
  border-color: var(--dng-border) !important;
  background-color: var(--dng-bg-2) !important;
}

/* ---------- ticker / slider controls ---------- */
.ticker,
.news-ticker,
.slider-nav a:hover,
.owl-dot.active span,
.flex-control-nav a.flex-active {
  background-color: var(--dng-accent) !important;
}

/* ---------- selection ---------- */
::selection { background: var(--dng-accent-deep); color: #fff; }

/* ==========================================================
   FINE-TUNING LEFTOVER RED/ORIGINAL ACCENTS
   --------------------------------------------------------
   If any element still shows BlackFyre's original accent
   color after activating this child theme:
   1. Right-click the element → Inspect
   2. Note its selector and which property carries the color
   3. Add a rule below following the same pattern:

      .that-selector { background-color: var(--dng-accent) !important; }

   ========================================================== */


/* ---------- register/login page: cosmic background ---------- */
.page-template-page-user-registration .container.page.normal-page {
  background: url('https://www.darknovagaming.com/wp-content/uploads/2026/07/dng-nova-slide-1.jpg') center / cover no-repeat !important;
  border: 1px solid var(--dng-border);
  border-radius: 6px;
}
.page-template-page-user-registration .register-form-wrapper,
.page-template-page-user-registration .wcontainer {
  background: rgba(13, 8, 24, 0.93) !important;
  border: 1px solid var(--dng-border) !important;
  box-shadow: 0 0 44px rgba(109, 40, 217, 0.35);
}