/* DARK THEME - KodePTC Style */
:root {
  --bg-primary: #0a0a0a;
  --bg-secondary: #141414;
  --bg-card: #1a1a1a;
  --accent: #ccff00;
  --accent-hover: #b8e600;
  --text-primary: #ffffff;
  --text-secondary: #a0a0a0;
  --border: #2a2a2a;
}

body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* Header */
.hor-header {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border) !important;
}

.app-sidebar {
  background: var(--bg-secondary) !important;
}

.side-menu__item {
  color: var(--text-primary) !important;
}

.side-menu__item:hover {
  color: var(--accent) !important;
}

/* Buttons */
.btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #000 !important;
  font-weight: 600 !important;
}

.btn-primary:hover {
  background: var(--accent-hover) !important;
  box-shadow: 0 0 20px rgba(204, 255, 0, 0.3) !important;
}

.btn-outline-primary {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.btn-outline-primary:hover {
  background: var(--accent) !important;
  color: #000 !important;
}

/* Cards */
.card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.pricing-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--border) !important;
  transition: all 0.3s ease !important;
}

.pricing-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 0 30px rgba(204, 255, 0, 0.1) !important;
}

/* Hero Section */
.landing-top-header {
  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%) !important;
}

.demo-screen-headline h1 {
  color: var(--text-primary) !important;
}

.text-primary {
  color: var(--accent) !important;
}

/* Statistics */
.bg-primary-transparent {
  background: rgba(204, 255, 0, 0.1) !important;
}

.text-primary {
  color: var(--accent) !important;
}

/* Features */
.main-features {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
}

.main-features:hover {
  border-color: var(--accent) !important;
}

/* Footer */
.demo-footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border) !important;
}

/* Text Colors */
.text-default, p, h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary) !important;
}

.text-muted {
  color: var(--text-secondary) !important;
}

/* Links */
a {
  color: var(--accent) !important;
}

a:hover {
  color: var(--accent-hover) !important;
}

/* Form Controls */
.form-control {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

/* FAQ Cards */
.card-collapsed {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
}

/* Testimonial Section */
.testimonial-owl-landing {
  background: var(--bg-secondary) !important;
}

/* Section Backgrounds */
.section {
  background: var(--bg-primary) !important;
}

.bg-white {
  background: var(--bg-card) !important;
}

/* Counter Icons */
.counter-icon {
  background: rgba(204, 255, 0, 0.1) !important;
  border: 1px solid var(--accent) !important;
}

/* Tags */
.tag {
  background: var(--accent) !important;
  color: #000 !important;
}

/* Navigation Active */
.side-menu__item.active {
  color: var(--accent) !important;
}

/* Glow Effects */
.btn-primary-gradient {
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%) !important;
  color: #000 !important;
  font-weight: 600 !important;
}

/* Input Focus */
.form-control:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 10px rgba(204, 255, 0, 0.2) !important;
}

/* FIX HEADER - SHOW PROPERLY */
.hor-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: #141414 !important;
  padding: 10px 0 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

/* FIX LOGO - HIDE DUPLICATE */
.logo-3, .header-brand-img.light-logo1 {
  display: none !important;
}

.desktop-logo {
  display: block !important;
  max-height: 40px !important;
}

/* HEADER NAVIGATION */
.header-right-icons {
  display: flex !important;
  align-items: center !important;
}

.navbar-collapse {
  display: flex !important;
  justify-content: flex-end !important;
}

/* SIDE MENU FIX */
.side-menu {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.side-menu__item {
  padding: 10px 15px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.side-menu__item:hover, .side-menu__item.active {
  color: #ccff00 !important;
}

/* HEADER BUTTONS */
.header-nav-right .btn {
  margin: 0 5px !important;
  padding: 8px 20px !important;
}

/* MAIN CONTAINER - ADD TOP MARGIN FOR FIXED HEADER */
.page-main {
  margin-top: 70px !important;
}

/* HIDE SIDEBAR LOGO ON DESKTOP */
.app-sidebar .navbar-brand {
  display: none !important;
}

/* SHOW ONLY ONE LOGO */
.logo-horizontal {
  display: flex !important;
  align-items: center !important;
}

/* FIX RESPONSIVE HEADER */
@media (max-width: 991px) {
  .hor-header {
    position: relative !important;
  }
  .page-main {
    margin-top: 0 !important;
  }
  .app-sidebar__toggle {
    display: block !important;
  }
}