/* ==========================================================================
   IRONCRAFT RESIDENTIAL FABRICATION - DARK MODE STYLESHEET
   Deep obsidian, graphite, titanium charcoal & high-contrast warm metallic accents
   ========================================================================== */

[data-theme="dark"] {
  /* Color Overrides */
  --primary-accent: #f59e0b;
  --primary-accent-hover: #d97706;
  --primary-accent-light: rgba(245, 158, 11, 0.15);
  --primary-accent-rgb: 245, 158, 11;

  --secondary-accent: #0f172a;
  --secondary-accent-light: #1e293b;

  --color-slate-900: #060911;
  --color-slate-800: #0f172a;
  --color-slate-700: #1e293b;
  --color-slate-600: #334155;
  --color-slate-500: #64748b;
  --color-slate-400: #94a3b8;
  --color-slate-300: #cbd5e1;
  --color-slate-200: #334155;
  --color-slate-100: #1e293b;
  --color-slate-50: #0b1120;
  --color-white: #ffffff;

  --bg-body: #0a0e17;
  --bg-surface: #111827;
  --bg-surface-alt: #0c121e;
  --bg-surface-elevated: #1a2234;
  --bg-subtle-border: #1f293d;

  --text-main: #cbd5e1;
  --text-muted: #94a3b8;
  --text-heading: #f8fafc;

  --error-color: #f87171;
  --error-bg: #450a0a;
  --error-border: #7f1d1d;
  --success-color: #4ade80;
  --success-bg: #052e16;
  --success-border: #14532d;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --shadow-header: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Specific component refinements in dark mode */
[data-theme="dark"] .site-header {
  background: rgba(11, 17, 32, 0.95);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .page-product-details #productDetailHero {
  background-image: linear-gradient(90deg, rgba(10, 14, 23, 0.96) 0%, rgba(10, 14, 23, 0.88) 43%, rgba(10, 14, 23, 0.58) 100%), url('../images/Steel Gate.jpg');
}

[data-theme="dark"] .auth-page-section {
  background-image: linear-gradient(90deg, rgba(6, 9, 17, 0.9), rgba(15, 23, 42, 0.68)), url('../images/work01.avif');
}

[data-theme="dark"] .utility-page-wrapper {
  background-image: linear-gradient(135deg, rgba(6, 9, 17, 0.92), rgba(9, 13, 22, 0.82)), url('../images/hero-tech01.avif');
}

[data-theme="dark"] .site-header.scrolled {
  background: rgba(10, 14, 23, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .site-footer {
  color: #cbd5e1;
}

[data-theme="dark"] .site-footer .brand-title,
[data-theme="dark"] .site-footer .footer-col-title {
  color: #f8fafc;
}

[data-theme="dark"] .site-footer .brand-subtitle,
[data-theme="dark"] .site-footer .footer-contact-item i,
[data-theme="dark"] .site-footer .footer-links-list a:hover {
  color: #f59e0b;
}

[data-theme="dark"] .site-footer .footer-brand-col p,
[data-theme="dark"] .site-footer .footer-links-list a,
[data-theme="dark"] .site-footer .footer-contact-item,
[data-theme="dark"] .site-footer .footer-bottom-bar {
  color: #cbd5e1;
}

[data-theme="dark"] .site-footer .footer-cta-strip p {
  color: #cbd5e1;
}

[data-theme="dark"] .ctrl-btn,
[data-theme="dark"] .hamburger-btn {
  background: #1a2234;
  border-color: #2a354c;
  color: #e2e8f0;
}

[data-theme="dark"] .ctrl-btn:hover,
[data-theme="dark"] .hamburger-btn:hover {
  background: #243048;
  color: var(--primary-accent);
  border-color: var(--primary-accent);
}

[data-theme="dark"] .nav-link {
  color: #cbd5e1;
}

[data-theme="dark"] .nav-link:hover {
  color: var(--primary-accent);
  background: rgba(245, 158, 11, 0.1);
}

[data-theme="dark"] .brand-emblem {
  background: #0f172a;
  border-color: var(--primary-accent);
  color: var(--primary-accent);
}

[data-theme="dark"] .badge {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] .form-control {
  background: #0f172a;
  border-color: #27354f;
  color: #f8fafc;
}

[data-theme="dark"] .form-control::placeholder {
  color: #64748b;
}

[data-theme="dark"] .form-control:focus {
  background: #131c31;
  border-color: var(--primary-accent);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .form-group.has-error .form-control {
  background: #2a0e14 !important;
  border-color: var(--error-color) !important;
}

[data-theme="dark"] .faq-trigger {
  background: transparent;
}

[data-theme="dark"] .filter-btn {
  background: #111827;
  border-color: #243048;
  color: #cbd5e1;
}

[data-theme="dark"] .filter-btn:hover {
  color: var(--primary-accent);
  border-color: var(--primary-accent);
}

[data-theme="dark"] .filter-btn.active {
  background: var(--primary-accent);
  color: #0b1120;
  border-color: var(--primary-accent);
}

[data-theme="dark"] .finish-pill {
  background: #1a2234;
  border-color: #283652;
  color: #e2e8f0;
}

[data-theme="dark"] .matrix-table {
  border-color: #243048;
}

[data-theme="dark"] .matrix-table th {
  background: #070a12;
  color: #f8fafc;
}

[data-theme="dark"] .matrix-table tr:hover td {
  background: rgba(245, 158, 11, 0.05);
}

[data-theme="dark"] .sub-project-card:hover,
[data-theme="dark"] .fabricate-item-card:hover,
[data-theme="dark"] .product-card:hover,
[data-theme="dark"] .material-card:hover,
[data-theme="dark"] .pricing-card:hover,
[data-theme="dark"] .testimonial-card:hover,
[data-theme="dark"] .service-card:hover,
[data-theme="dark"] .value-item-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
  border-color: rgba(245, 158, 11, 0.4);
}

[data-theme="dark"] .btn-secondary {
  background: #1e293b;
  color: #f8fafc;
  border: 1px solid #334155;
}

[data-theme="dark"] .btn-secondary:hover {
  background: #2a384f;
  border-color: #475569;
}

/* Home 2 & Auth Dark Mode Refinements */
[data-theme="dark"] .nav-dropdown-menu {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .dropdown-item {
  color: #cbd5e1;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item.active {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

[data-theme="dark"] .user-ctrl-btn {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
}

[data-theme="dark"] .estimator-box {
  background: #111827;
  border-color: #1f293d;
}

[data-theme="dark"] .est-prod-btn {
  background: #0f172a;
  border-color: #1e293b;
  color: #cbd5e1;
}

[data-theme="dark"] .ba-slider-container {
  border-color: #1f293d;
}

[data-theme="dark"] .ba-slider-handle {
  background: #f59e0b;
}

[data-theme="dark"] .ba-handle-circle {
  background: #0f172a;
  color: #ffffff;
  border-color: #f59e0b;
}

[data-theme="dark"] .tech-pillar-card,
[data-theme="dark"] .lab-preview-card,
[data-theme="dark"] .elevation-arch-card,
[data-theme="dark"] .smart-security-card,
[data-theme="dark"] .safety-check-item,
[data-theme="dark"] .case-study-card,
[data-theme="dark"] .vip-consult-card,
[data-theme="dark"] .auth-card-container {
  background: #111827;
  border-color: #1f293d;
}

[data-theme="dark"] #smartAutomationSection .smart-security-card h3 {
  color: #f8fafc;
}

[data-theme="dark"] #smartAutomationSection .smart-security-card p,
[data-theme="dark"] #smartAutomationSection .smart-security-card li {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .swatch-item-btn {
  background: #0f172a;
  border-color: #1e293b;
}

[data-theme="dark"] .vip-channel-option {
  border-color: #1f293d;
}

[data-theme="dark"] .blueprint-drop-area {
  border-color: #334155;
  background: #0b1120;
}

[data-theme="dark"] .auth-role-tabs {
  background: #0b1120;
  border-color: #1e293b;
}

[data-theme="dark"] .auth-role-tab.active {
  background: #1e293b;
  color: #f59e0b;
}

[data-theme="dark"] .otp-box-digit {
  background: #0f172a;
  border-color: #1e293b;
  color: #f8fafc;
}

[data-theme="dark"] .social-login-btn {
  background: #0f172a;
  border-color: #1e293b;
  color: #cbd5e1;
}

[data-theme="dark"] .demo-creds-container {
  background: #0b1120;
  border-color: #1e293b;
}