/* ========================================
   LUCAS0 SECURITY THEME - BLACK & DARK ORANGE
   Complete dark theme override
   ======================================== */

:root {
  --lucas0-black: #000000;
  --lucas0-charcoal: #1A1A1A;
  --lucas0-gray: #333333;
  --lucas0-dark-orange: #D2691E;
  --lucas0-orange-glow: rgba(210, 105, 30, 0.3);
  --lucas0-white: #FFFFFF;
}

/* === GLOBAL DARK BACKGROUND === */
body {
  background: var(--lucas0-black) !important;
  color: var(--lucas0-white) !important;
}

/* Security grid background */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 40px, var(--lucas0-charcoal) 40px, var(--lucas0-charcoal) 41px),
    repeating-linear-gradient(90deg, transparent, transparent 40px, var(--lucas0-charcoal) 40px, var(--lucas0-charcoal) 41px);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}

/* === HEADER & NAVIGATION === */
.site-header,
.navbar,
header {
  background: var(--lucas0-charcoal) !important;
  border-bottom: 3px solid var(--lucas0-dark-orange) !important;
  box-shadow: 0 4px 15px rgba(210, 105, 30, 0.2) !important;
}

.navbar-brand a,
.logo-text,
.nav-links a {
  color: var(--lucas0-white) !important;
}

.nav-links a:hover {
  color: var(--lucas0-dark-orange) !important;
}

/* === FOOTER === */
.site-footer,
footer {
  background: var(--lucas0-charcoal) !important;
  border-top: 3px solid var(--lucas0-dark-orange) !important;
  color: var(--lucas0-white) !important;
}

.footer-content *,
.site-footer * {
  color: var(--lucas0-white) !important;
}

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
  color: var(--lucas0-white) !important;
}

h1 {
  color: var(--lucas0-white) !important;
}

h2 {
  color: var(--lucas0-dark-orange) !important;
}

h3 {
  color: var(--lucas0-white) !important;
  font-weight: 600 !important;
}

h4 {
  color: var(--lucas0-white) !important;
}

p, li, span, div {
  color: var(--lucas0-white) !important;
}

p {
  color: var(--lucas0-white) !important;
}

li {
  color: var(--lucas0-white) !important;
}

strong {
  color: var(--lucas0-dark-orange) !important;
}

a {
  color: var(--lucas0-dark-orange) !important;
}

a:hover {
  color: var(--lucas0-white) !important;
  text-shadow: 0 0 8px var(--lucas0-orange-glow);
}

/* === BUTTONS === */
.btn,
button,
.btn-primary,
input[type="submit"] {
  background: var(--lucas0-dark-orange) !important;
  color: var(--lucas0-white) !important;
  box-shadow: 0 0 15px var(--lucas0-orange-glow) !important;
  border: none !important;
}

.btn:hover,
button:hover {
  box-shadow: 0 0 25px rgba(210, 105, 30, 0.5) !important;
  transform: translateY(-2px);
  background: #B8650D !important;
}

.btn-secondary {
  background: var(--lucas0-gray) !important;
  box-shadow: none !important;
}

/* === HERO SECTION === */
.hero-section,
.hero-background,
.hero-gradient {
  background: linear-gradient(135deg, var(--lucas0-black) 0%, var(--lucas0-charcoal) 100%) !important;
}

.hero-title,
.hero-description,
.hero-content * {
  color: var(--lucas0-white) !important;
}

.hero-title-highlight {
  color: var(--lucas0-dark-orange) !important;
}

/* === CARDS & CONTAINERS === */
.card,
.feature-card,
.pricing-card,
.content-section,
.wp-block-group {
  background: var(--lucas0-charcoal) !important;
  border: 1px solid var(--lucas0-gray) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.card:hover,
.feature-card:hover,
.pricing-card:hover {
  border-color: var(--lucas0-dark-orange) !important;
  box-shadow: 0 0 20px var(--lucas0-orange-glow) !important;
  transform: translateY(-4px);
}

/* === FEATURES SECTION === */
.features-section,
.features-grid {
  background: var(--lucas0-black) !important;
}

.feature-icon {
  background: var(--lucas0-dark-orange) !important;
  box-shadow: 0 0 20px var(--lucas0-orange-glow) !important;
}

/* === PRICING SECTION === */
.pricing-section {
  background: var(--lucas0-black) !important;
}

.pricing-card.featured {
  border-color: var(--lucas0-dark-orange) !important;
  box-shadow: 0 0 30px var(--lucas0-orange-glow) !important;
}

/* === FORMS & INPUTS === */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  background: var(--lucas0-gray) !important;
  border: 2px solid var(--lucas0-charcoal) !important;
  color: var(--lucas0-white) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--lucas0-dark-orange) !important;
  box-shadow: 0 0 0 3px var(--lucas0-orange-glow) !important;
  background: var(--lucas0-charcoal) !important;
}

/* === DEMO/SCREENSHOT SECTION === */
.demo-section,
.screenshot-section {
  background: var(--lucas0-charcoal) !important;
}

.dashboard-preview,
.dashboard-window {
  background: var(--lucas0-gray) !important;
  border: 1px solid var(--lucas0-dark-orange) !important;
  box-shadow: 0 8px 30px var(--lucas0-orange-glow) !important;
}

/* === CTA SECTIONS === */
.cta-section {
  background: linear-gradient(135deg, var(--lucas0-charcoal) 0%, var(--lucas0-black) 100%) !important;
  border-top: 3px solid var(--lucas0-dark-orange) !important;
  border-bottom: 3px solid var(--lucas0-dark-orange) !important;
}

/* === BADGES & TAGS === */
.badge,
.security-badge,
.tag {
  background: var(--lucas0-dark-orange) !important;
  color: var(--lucas0-white) !important;
  box-shadow: 0 0 10px var(--lucas0-orange-glow) !important;
}

/* === GRADIENTS === */
#logo-gradient stop,
#chart-gradient stop,
.gradient-stop {
  stop-color: var(--lucas0-dark-orange) !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
  width: 10px;
  background: var(--lucas0-black);
}

::-webkit-scrollbar-thumb {
  background: var(--lucas0-dark-orange);
  border-radius: 4px;
  box-shadow: 0 0 8px var(--lucas0-orange-glow);
}

::-webkit-scrollbar-thumb:hover {
  background: #B8650D;
}

/* === SELECTION === */
::selection {
  background: var(--lucas0-dark-orange);
  color: var(--lucas0-white);
}

/* === DISCLAIMER === */
.disclaimer,
.hero-disclaimer {
  background: var(--lucas0-charcoal) !important;
  border-left: 4px solid var(--lucas0-dark-orange) !important;
  color: var(--lucas0-white) !important;
}

/* === STATS === */
.hero-stats,
.stat {
  color: var(--lucas0-white) !important;
}

.stat-number {
  color: var(--lucas0-dark-orange) !important;
}

/* === PAGE CONTENT & WORDPRESS DEFAULTS === */
.page,
.page-content,
.entry-content,
.site-content,
.site-main,
main,
article,
.post,
.page-template,
.content-area {
  background: var(--lucas0-black) !important;
  color: var(--lucas0-white) !important;
}

.page-body h2,
.page-content h2,
.entry-content h2,
article h2 {
  color: var(--lucas0-dark-orange) !important;
}

.page-body h3,
.page-content h3,
.entry-content h3,
article h3 {
  color: var(--lucas0-white) !important;
  font-weight: 600 !important;
}

.page-body h4,
.page-content h4,
.entry-content h4,
article h4 {
  color: var(--lucas0-white) !important;
}

.page-body p,
.page-content p,
.entry-content p,
article p {
  color: var(--lucas0-white) !important;
}

.page-body li,
.page-content li,
.entry-content li,
article li {
  color: var(--lucas0-white) !important;
}

.page-body ul,
.page-content ul,
.entry-content ul,
article ul {
  color: var(--lucas0-white) !important;
}

.page-body ol,
.page-content ol,
.entry-content ol,
article ol {
  color: var(--lucas0-white) !important;
}

.page-body strong,
.page-content strong,
.entry-content strong,
article strong {
  color: var(--lucas0-dark-orange) !important;
}

/* WordPress blocks */
.wp-block,
.wp-block-column,
.wp-block-columns,
.wp-block-group__inner-container {
  background: transparent !important;
  color: var(--lucas0-white) !important;
}

/* Content sections */
section,
.section,
.content-section,
.page-section {
  background: var(--lucas0-black) !important;
  color: var(--lucas0-white) !important;
}

/* Containers */
.container,
.wrapper,
.content-wrapper {
  color: var(--lucas0-white) !important;
}

/* Tables */
table {
  background: var(--lucas0-charcoal) !important;
  border-color: var(--lucas0-gray) !important;
}

th, td {
  background: var(--lucas0-charcoal) !important;
  color: var(--lucas0-white) !important;
  border-color: var(--lucas0-gray) !important;
}

thead {
  background: var(--lucas0-gray) !important;
}

/* Lists */
ul, ol {
  color: var(--lucas0-white) !important;
}

/* Blockquotes */
blockquote {
  background: var(--lucas0-charcoal) !important;
  border-left: 4px solid var(--lucas0-dark-orange) !important;
  color: var(--lucas0-white) !important;
}

/* Code blocks */
code, pre {
  background: var(--lucas0-charcoal) !important;
  color: var(--lucas0-dark-orange) !important;
  border: 1px solid var(--lucas0-gray) !important;
}

/* Images - ensure they don't have white backgrounds */
img {
  border-radius: 8px;
}

/* Links in content */
.entry-content a,
.page-content a,
article a {
  color: var(--lucas0-dark-orange) !important;
  text-decoration: underline;
}

.entry-content a:hover,
.page-content a:hover,
article a:hover {
  color: var(--lucas0-white) !important;
  text-shadow: 0 0 8px var(--lucas0-orange-glow);
}

/* Ensure all text elements are white */
.page-title,
.entry-title,
.post-title,
.content-title {
  color: var(--lucas0-white) !important;
}

/* Sidebar if exists */
.sidebar,
.widget {
  background: var(--lucas0-charcoal) !important;
  color: var(--lucas0-white) !important;
  border: 1px solid var(--lucas0-gray) !important;
}

/* Mobile menu */
.mobile-menu {
  background: var(--lucas0-charcoal) !important;
}

.mobile-nav-links a {
  color: var(--lucas0-white) !important;
}

/* Back to top button */
.back-to-top {
  background: var(--lucas0-dark-orange) !important;
  box-shadow: 0 0 15px var(--lucas0-orange-glow) !important;
}