/* ===================================
   TASTIC LLC - DARK MODE ONLY
   Clean, systematic dark mode implementation
   Preserves perfect bright mode completely
   ================================= */

/* ===================================
   DARK MODE BASE - Body & Typography
   ================================= */

[data-theme="dark"] body {
  background-color: #1a1a1a !important;
  color: #f8f9fa !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f8f9fa !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div {
  color: #adb5bd !important;
}

[data-theme="dark"] a {
  color: #95c047 !important;
}

[data-theme="dark"] a:hover {
  color: #b8d85a !important;
}

/* ===================================
   DARK MODE NAVIGATION
   ================================= */

[data-theme="dark"] .sticky-nav {
  background: rgba(33, 37, 41, 0.95) !important;
  border-bottom-color: #495057 !important;
}

[data-theme="dark"] .nav-links a {
  color: #adb5bd !important;
}

[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a.active {
  color: #f8f9fa !important;
}

[data-theme="dark"] .nav-contact-btn {
  background: #f8f9fa !important;
  color: #212529 !important;
  border-color: #f8f9fa !important;
}

[data-theme="dark"] .nav-contact-btn:hover {
  background: #e9ecef !important;
  border-color: #e9ecef !important;
}

[data-theme="dark"] .theme-toggle {
  background: none !important;
  border-color: #495057 !important;
  color: #adb5bd !important;
}

[data-theme="dark"] .theme-toggle:hover {
  border-color: #6c757d !important;
  color: #f8f9fa !important;
}

[data-theme="dark"] .theme-toggle:focus {
  border-color: #95c047 !important;
}

[data-theme="dark"] .mobile-menu-btn {
  color: #adb5bd !important;
}

[data-theme="dark"] .mobile-menu-close {
  color: #adb5bd !important;
}

[data-theme="dark"] .mobile-menu-overlay {
  background: rgba(33, 37, 41, 0.98) !important;
}

[data-theme="dark"] .mobile-menu-overlay .nav-links a {
  color: #f8f9fa !important;
}

[data-theme="dark"] .mobile-menu-overlay .nav-links a:hover {
  color: #adb5bd !important;
}

/* ===================================
   DARK MODE LOGO SWITCHING
   ================================= */

[data-theme="dark"] .logo-light,
[data-theme="dark"] .lockup-light {
  display: none !important;
}

[data-theme="dark"] .logo-dark,
[data-theme="dark"] .lockup-dark {
  display: block !important;
}

[data-theme="dark"] .logo-separator {
  color: #f8f9fa !important;
}

/* ===================================
   DARK MODE HERO SECTION
   ================================= */

[data-theme="dark"] .hero-section {
  background: #212529 !important;
}

[data-theme="dark"] .hero-section h1 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .hero-section .hero-subtitle {
  color: #adb5bd !important;
}

[data-theme="dark"] .benefit {
  color: #adb5bd !important;
}

[data-theme="dark"] .benefit-icon {
  color: #6c757d !important;
}

/* ===================================
   DARK MODE SECTIONS
   ================================= */

[data-theme="dark"] .section {
  background: #1a1a1a !important;
  border-bottom-color: #343a40 !important;
}

[data-theme="dark"] .section-with-bg,
[data-theme="dark"] .packages-section {
  background: #1a1a1a !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .section-title {
  color: #f8f9fa !important;
}

[data-theme="dark"] .section-subtitle {
  color: #adb5bd !important;
}

/* ===================================
   DARK MODE PACKAGES & SERVICES
   ================================= */

[data-theme="dark"] .package {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .package-badge {
  background: #343a40 !important;
  color: #adb5bd !important;
}

[data-theme="dark"] .package.featured .package-badge {
  background: #95c047 !important;
  color: #1a1a1a !important;
}

[data-theme="dark"] .package h3 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .package-price {
  color: #f8f9fa !important;
}

[data-theme="dark"] .price-main {
  color: #f8f9fa !important;
}

[data-theme="dark"] .price-sub {
  color: #adb5bd !important;
}

[data-theme="dark"] .package-features li {
  color: #adb5bd !important;
}

[data-theme="dark"] .package-time,
[data-theme="dark"] .package-hours {
  color: #6c757d !important;
}

[data-theme="dark"] .package-cta {
  background: #343a40 !important;
  color: #f8f9fa !important;
  border-color: #495057 !important;
}

[data-theme="dark"] .package-cta:hover {
  background: #495057 !important;
  border-color: #adb5bd !important;
}

[data-theme="dark"] .packages-note {
  background: #212529 !important;
  border-color: #343a40 !important;
  color: #adb5bd !important;
}

/* ===================================
   DARK MODE SERVICES TABLE
   ================================= */

[data-theme="dark"] .services-table-container {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .services-table {
  background: #212529 !important;
}

[data-theme="dark"] .services-table th {
  background: #343a40 !important;
  color: #f8f9fa !important;
  border-color: #495057 !important;
}

[data-theme="dark"] .services-table td {
  color: #adb5bd !important;
  border-color: #495057 !important;
}

[data-theme="dark"] .category-tag {
  background: #343a40 !important;
  color: #adb5bd !important;
  border-color: #495057 !important;
}

/* ===================================
   DARK MODE BUTTONS
   ================================= */


[data-theme="dark"] .cta-primary,
[data-theme="dark"] .btn,
[data-theme="dark"] .filter-btn {
  background: #343a40 !important;
  color: #f8f9fa !important;
  border-color: #495057 !important;
}


[data-theme="dark"] .cta-primary:hover,
[data-theme="dark"] .btn:hover,
[data-theme="dark"] .filter-btn:hover {
  background: #495057 !important;
  border-color: #adb5bd !important;
}

[data-theme="dark"] .cta-secondary {
  background: transparent !important;
  color: #adb5bd !important;
  border-color: #495057 !important;
}

[data-theme="dark"] .cta-secondary:hover {
  background: #343a40 !important;
  color: #f8f9fa !important;
}

[data-theme="dark"] .filter-btn.active {
  background: #495057 !important;
  color: #f8f9fa !important;
}

[data-theme="dark"] .sticky-btn {
  background: #f8f9fa !important;
  color: #212529 !important;
  border-color: #f8f9fa !important;
}

[data-theme="dark"] .sticky-btn:hover {
  background: #e9ecef !important;
  border-color: #e9ecef !important;
}

/* ===================================
   DARK MODE FAQ
   ================================= */

[data-theme="dark"] .faq-item {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .faq-question {
  color: #f8f9fa !important;
}

[data-theme="dark"] .faq-answer p {
  color: #adb5bd !important;
}

[data-theme="dark"] .faq-icon {
  color: #95c047 !important;
}

/* ===================================
   DARK MODE FOOTER
   ================================= */

[data-theme="dark"] footer {
  background: #212529 !important;
  border-top-color: #495057 !important;
  color: #adb5bd !important;
}

[data-theme="dark"] .footer-links a {
  color: #adb5bd !important;
}

[data-theme="dark"] .footer-links a:hover {
  color: #95c047 !important;
}

/* ===================================
   DARK MODE CONTACT FORM
   ================================= */

[data-theme="dark"] .page-contact .contact-section {
  background: #1a1a1a !important;
}

[data-theme="dark"] .page-contact .contact-form-container {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .page-contact .contact-form h2 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .page-contact .contact-form p {
  color: #adb5bd !important;
}

[data-theme="dark"] .page-contact .form-group label {
  color: #adb5bd !important;
}

[data-theme="dark"] .page-contact .form-group input,
[data-theme="dark"] .page-contact .form-group select,
[data-theme="dark"] .page-contact .form-group textarea {
  background: #212529 !important;
  border-color: #495057 !important;
  color: #f8f9fa !important;
}

[data-theme="dark"] .page-contact .submit-btn {
  background: #95c047 !important;
  color: #1a1a1a !important;
}

[data-theme="dark"] .page-contact .contact-item {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .page-contact .contact-icon {
  color: #95c047 !important;
}

[data-theme="dark"] .page-contact .contact-details h4 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .page-contact .contact-details p {
  color: #adb5bd !important;
}

[data-theme="dark"] .page-contact .business-hours {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .page-contact .business-hours h3 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .page-contact .hours-day {
  color: #adb5bd !important;
}

[data-theme="dark"] .page-contact .hours-time {
  color: #6c757d !important;
}

/* ===================================
   DARK MODE LEGAL PAGES
   ================================= */

[data-theme="dark"] .legal-section {
  background: #1a1a1a !important;
  color: #adb5bd !important;
}

[data-theme="dark"] .legal-content h2 {
  color: #f8f9fa !important;
  border-bottom-color: #343a40 !important;
}

[data-theme="dark"] .legal-content h3,
[data-theme="dark"] .legal-content h4 {
  color: #adb5bd !important;
}

[data-theme="dark"] .legal-content p,
[data-theme="dark"] .legal-content li {
  color: #adb5bd !important;
}

[data-theme="dark"] .highlight-box,
[data-theme="dark"] .contact-box,
[data-theme="dark"] .info-box {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .data-table,
[data-theme="dark"] .cookie-table {
  border-color: #495057 !important;
}

[data-theme="dark"] .data-table th,
[data-theme="dark"] .data-table td,
[data-theme="dark"] .cookie-table th,
[data-theme="dark"] .cookie-table td {
  border-color: #495057 !important;
  color: #adb5bd !important;
}

[data-theme="dark"] .data-table th,
[data-theme="dark"] .cookie-table th {
  background: #343a40 !important;
  color: #f8f9fa !important;
}

/* ===================================
   DARK MODE BLOG
   ================================= */

[data-theme="dark"] .blog-card {
  background: #212529 !important;
  border-color: #343a40 !important;
}

[data-theme="dark"] .blog-card h3 {
  color: #f8f9fa !important;
}

[data-theme="dark"] .blog-card p {
  color: #adb5bd !important;
}

[data-theme="dark"] .blog-meta {
  color: #6c757d !important;
}

/* ===================================
   DARK MODE RESPONSIVE
   Mobile specific dark mode adjustments
   ================================= */

@media (max-width: 768px) {
  [data-theme="dark"] .mobile-menu-overlay {
    background: rgba(26, 26, 26, 0.98) !important;
  }
}

/* ===================================
   DARK MODE SYSTEM PREFERENCE FALLBACK
   Only applies when no data-theme is set
   ================================= */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) body {
    background-color: #1a1a1a;
    color: #f8f9fa;
  }

  :root:not([data-theme]) .sticky-nav {
    background: rgba(33, 37, 41, 0.95);
    border-bottom-color: #495057;
  }

  :root:not([data-theme]) .logo-light,
  :root:not([data-theme]) .lockup-light {
    display: none;
  }

  :root:not([data-theme]) .logo-dark,
  :root:not([data-theme]) .lockup-dark {
    display: block;
  }
}