/* Direction 1: Obsidian Pro / Dark Titanium Luxury */
/* Apple Pro, DJI, Bang & Olufsen luxury tech aesthetic */

body.theme-obsidian {
  background-color: #090A0E;
  color: #F1F5F9;
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(30, 41, 59, 0.45) 0%, transparent 60%),
    radial-gradient(circle at 100% 50%, rgba(20, 24, 38, 0.5) 0%, transparent 50%);
}

.theme-obsidian .site-header {
  background: rgba(9, 10, 14, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-obsidian .brand-logo svg {
  color: #FFFFFF;
}

.theme-obsidian .nav-link {
  color: #94A3B8;
}

.theme-obsidian .nav-link:hover,
.theme-obsidian .nav-link.active {
  color: #FFFFFF;
}

.theme-obsidian .nav-link::after {
  background: linear-gradient(90deg, #38BDF8, #818CF8);
}

.theme-obsidian .action-btn.primary {
  background: linear-gradient(135deg, #FFFFFF 0%, #CBD5E1 100%);
  color: #0F172A;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15);
}

.theme-obsidian .action-btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25);
}

.theme-obsidian .action-btn.secondary {
  background: rgba(255, 255, 255, 0.07);
  color: #F8FAFC;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.theme-obsidian .action-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
}

.theme-obsidian .action-btn.icon-only {
  background: rgba(255, 255, 255, 0.05);
  color: #E2E8F0;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-obsidian .action-btn.icon-only:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

/* Hero Slider */
.theme-obsidian .hero-slider-section {
  background: radial-gradient(ellipse at 70% 40%, rgba(30, 41, 65, 0.6) 0%, rgba(9, 10, 14, 0.95) 75%);
}

.theme-obsidian .slide-tag {
  background: rgba(56, 189, 248, 0.1);
  color: #38BDF8;
  border: 1px solid rgba(56, 189, 248, 0.25);
}

.theme-obsidian .slide-title {
  color: #FFFFFF;
  background: linear-gradient(180deg, #FFFFFF 0%, #94A3B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.theme-obsidian .slide-subtitle {
  color: #94A3B8;
}

.theme-obsidian .spec-chip {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-obsidian .spec-chip-label {
  color: #64748B;
}

.theme-obsidian .spec-chip-val {
  color: #F8FAFC;
}

.theme-obsidian .hotspot-pill {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #F1F5F9;
}

.theme-obsidian .hotspot-pill::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38BDF8;
  box-shadow: 0 0 8px #38BDF8;
}

.theme-obsidian .slider-arrow-btn {
  background: rgba(255, 255, 255, 0.06);
  color: #E2E8F0;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-obsidian .slider-arrow-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.theme-obsidian .slider-dot .dot-bar {
  background: rgba(255, 255, 255, 0.15);
}

.theme-obsidian .slider-dot .dot-fill {
  background: #38BDF8;
}

.theme-obsidian .slider-dot .dot-label {
  color: #64748B;
}

.theme-obsidian .slider-dot.active .dot-label {
  color: #FFFFFF;
}

.theme-obsidian .slider-telemetry {
  color: #E2E8F0;
}

/* Section Header */
.theme-obsidian .section-tag {
  color: #38BDF8;
}

.theme-obsidian .section-title {
  color: #FFFFFF;
}

.theme-obsidian .section-desc {
  color: #94A3B8;
}

/* Category Filter Tabs */
.theme-obsidian .tab-btn {
  background: rgba(255, 255, 255, 0.05);
  color: #94A3B8;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-obsidian .tab-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

.theme-obsidian .tab-btn.active {
  background: #FFFFFF;
  color: #0F172A;
  border-color: #FFFFFF;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.15);
}

/* Product Cards */
.theme-obsidian .product-card {
  background: rgba(18, 21, 30, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.theme-obsidian .product-card:hover {
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 25px rgba(56, 189, 248, 0.1);
}

.theme-obsidian .card-img-wrap {
  background: radial-gradient(circle at 50% 50%, rgba(30, 41, 59, 0.5) 0%, rgba(15, 23, 42, 0) 70%);
}

.theme-obsidian .card-badge {
  background: rgba(255, 255, 255, 0.1);
  color: #F8FAFC;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-obsidian .card-category {
  color: #38BDF8;
}

.theme-obsidian .card-title {
  color: #FFFFFF;
}

.theme-obsidian .card-subtitle {
  color: #94A3B8;
}

.theme-obsidian .card-specs-row {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.theme-obsidian .card-spec-item span:first-child {
  color: #64748B;
}

.theme-obsidian .card-spec-item span:last-child {
  color: #F1F5F9;
}

.theme-obsidian .price-rial {
  color: #FFFFFF;
}

.theme-obsidian .price-usd {
  color: #64748B;
}

.theme-obsidian .card-btn {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-obsidian .card-btn:hover {
  background: #FFFFFF;
  color: #0F172A;
}

/* Feature Spotlight */
.theme-obsidian .feature-box {
  background: rgba(18, 21, 30, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.theme-obsidian .feature-box:hover {
  background: rgba(18, 21, 30, 0.85);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-4px);
}

.theme-obsidian .feature-icon-wrap {
  background: rgba(56, 189, 248, 0.1);
  color: #38BDF8;
  border: 1px solid rgba(56, 189, 248, 0.2);
}

.theme-obsidian .feature-box h3 {
  color: #FFFFFF;
}

.theme-obsidian .feature-box p {
  color: #94A3B8;
}

/* Warranty Box */
.theme-obsidian .warranty-box {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.8) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

/* Quickview Modal */
.theme-obsidian .quickview-card {
  background: #0F131D;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #F1F5F9;
}

.theme-obsidian .quickview-media {
  background: radial-gradient(circle at 50% 50%, rgba(30, 41, 65, 0.7) 0%, rgba(15, 23, 42, 0.3) 70%);
}

.theme-obsidian .modal-close-btn {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

.theme-obsidian .modal-close-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Footer */
.theme-obsidian .site-footer {
  background: #07080B;
  border-color: rgba(255, 255, 255, 0.08);
}

.theme-obsidian .footer-col h4 {
  color: #F8FAFC;
}

.theme-obsidian .footer-col a {
  color: #94A3B8;
}

.theme-obsidian .footer-col a:hover {
  color: #FFFFFF;
}

.theme-obsidian .footer-bottom {
  border-color: rgba(255, 255, 255, 0.06);
  color: #64748B;
}
/* Innovation Lab Theme Styles */
.theme-obsidian .innovation-section {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.theme-obsidian .sim-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-obsidian .sim-icon-wrap {
  background: rgba(56, 189, 248, 0.12);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.25);
}
.theme-obsidian .sim-image-stage {
  background: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.1), transparent 70%), rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-obsidian .sim-telemetry-grid {
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-obsidian .sim-preset-btn {
  background: rgba(255, 255, 255, 0.06);
  color: #cbd5e1;
  border-color: rgba(255, 255, 255, 0.12);
}
.theme-obsidian .sim-preset-btn.active,
.theme-obsidian .sim-preset-btn:hover {
  background: #38bdf8;
  color: #0f172a;
}


/* Feature Box & Engineering */
.theme-obsidian .feature-matrix-section {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.theme-obsidian .feature-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-obsidian .feature-box:hover {
  border-color: rgba(56, 189, 248, 0.4);
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.5);
}
.theme-obsidian .feature-icon-wrap {
  background: rgba(56, 189, 248, 0.12);
  color: #38BDF8;
  border: 1px solid rgba(56, 189, 248, 0.2);
}

/* Factory HQ Cards */
.theme-obsidian .factory-hq-section {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.theme-obsidian .factory-hq-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.theme-obsidian .hq-badge {
  background: rgba(16, 185, 129, 0.12);
  color: #10B981;
  border: 1px solid rgba(16, 185, 129, 0.25);
}
.theme-obsidian .hq-badge .live-dot {
  background: #10B981;
  box-shadow: 0 0 8px #10B981;
}
.theme-obsidian .hq-address-box {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.theme-obsidian .hq-address-icon {
  background: rgba(56, 189, 248, 0.12);
  color: #38BDF8;
}
.theme-obsidian .hq-cap-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.theme-obsidian .hq-im-btn.whatsapp {
  background: rgba(37, 211, 102, 0.15);
  color: #25D366;
  border: 1px solid rgba(37, 211, 102, 0.35);
}
.theme-obsidian .hq-im-btn.whatsapp:hover {
  background: #25D366;
  color: #000000;
}
.theme-obsidian .hq-im-btn.wechat {
  background: rgba(7, 193, 96, 0.15);
  color: #07C160;
  border: 1px solid rgba(7, 193, 96, 0.35);
}
.theme-obsidian .hq-im-btn.wechat:hover {
  background: #07C160;
  color: #000000;
}

/* Footer Mid Bar & Badges */
.theme-obsidian .site-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.theme-obsidian .footer-mid-bar {
  border-top-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.theme-obsidian .footer-btn {
  background: rgba(255, 255, 255, 0.04);
  color: #F1F5F9;
  border-color: rgba(255, 255, 255, 0.12);
}
.theme-obsidian .footer-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #38BDF8;
}
.theme-obsidian .footer-btn.whatsapp-btn {
  color: #25D366;
  border-color: rgba(37, 211, 102, 0.3);
}
.theme-obsidian .footer-btn.whatsapp-btn:hover {
  background: #25D366;
  color: #000000;
}
.theme-obsidian .footer-btn.wechat-btn {
  color: #07C160;
  border-color: rgba(7, 193, 96, 0.3);
}
.theme-obsidian .footer-btn.wechat-btn:hover {
  background: #07C160;
  color: #000000;
}
.theme-obsidian .footer-btn.instagram-btn {
  color: #E4405F;
  border-color: rgba(228, 64, 95, 0.35);
}
.theme-obsidian .footer-btn.instagram-btn:hover {
  background: #E4405F;
  color: #FFFFFF;
}
.theme-obsidian .footer-btn.youtube-btn {
  color: #FF0000;
  border-color: rgba(255, 0, 0, 0.35);
}
.theme-obsidian .footer-btn.youtube-btn:hover {
  background: #FF0000;
  color: #FFFFFF;
}
.theme-obsidian .license-badge {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12);
  color: #E2E8F0;
}
.theme-obsidian .license-badge:hover {
  border-color: #38BDF8;
  color: #38BDF8;
}

/* Obsidian Subpages Theming */
.theme-obsidian .product-breadcrumb-bar {
  background: rgba(9, 10, 14, 0.6);
  border-color: rgba(255, 255, 255, 0.08);
}

.theme-obsidian .factory-meta-badge {
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.2);
  color: #38BDF8;
}

.theme-obsidian .gallery-main-viewport {
  background: radial-gradient(circle at center, rgba(30, 41, 65, 0.4) 0%, rgba(15, 20, 30, 0.8) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

.theme-obsidian .cert-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: #94A3B8;
}

.theme-obsidian .product-category-tag {
  background: rgba(56, 189, 248, 0.1);
  color: #38BDF8;
  border: 1px solid rgba(56, 189, 248, 0.25);
}

.theme-obsidian .spec-matrix-cell {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-obsidian .spec-matrix-cell .cell-label {
  color: #64748B;
}

.theme-obsidian .spec-matrix-cell .cell-val {
  color: #F8FAFC;
}

.theme-obsidian .b2b-action-box {
  background: rgba(20, 25, 38, 0.6);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.theme-obsidian .b2b-badge {
  background: rgba(16, 185, 129, 0.15);
  color: #10B981;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.theme-obsidian .tier-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: #E2E8F0;
}

.theme-obsidian .tier-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #38BDF8;
}

.theme-obsidian .tier-btn.active {
  background: #38BDF8;
  color: #090A0E;
  border-color: #38BDF8;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.35);
}

.theme-obsidian .product-telemetry-section,
.theme-obsidian .product-matrix-section,
.theme-obsidian .product-rfq-section,
.theme-obsidian .related-products-section,
.theme-obsidian .archive-b2b-cta,
.theme-obsidian .about-telemetry-bar,
.theme-obsidian .about-manufacturing-section,
.theme-obsidian .about-compliance-section,
.theme-obsidian .about-facility-section,
.theme-obsidian .about-cta-section {
  border-color: rgba(255, 255, 255, 0.08);
}

.theme-obsidian .matrix-card,
.theme-obsidian .box-contents-card,
.theme-obsidian .factory-compliance-card,
.theme-obsidian .rfq-wrapper,
.theme-obsidian .archive-b2b-box,
.theme-obsidian .about-hero-card,
.theme-obsidian .about-stat-box,
.theme-obsidian .pillar-card,
.theme-obsidian .compliance-box,
.theme-obsidian .comp-badge-card,
.theme-obsidian .facility-info-card,
.theme-obsidian .logistics-info-card,
.theme-obsidian .about-cta-box,
.theme-obsidian .channel-card,
.theme-obsidian .bilingual-hq-card {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

.theme-obsidian .matrix-card:hover,
.theme-obsidian .pillar-card:hover,
.theme-obsidian .channel-card:hover {
  border-color: rgba(56, 189, 248, 0.4);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.theme-obsidian .matrix-card-title,
.theme-obsidian .archive-metrics-row,
.theme-obsidian .hq-card-header,
.theme-obsidian .hq-telemetry-strip {
  border-color: rgba(255, 255, 255, 0.08);
}

.theme-obsidian .form-input,
.theme-obsidian .form-select,
.theme-obsidian .form-textarea {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

.theme-obsidian .form-input:focus,
.theme-obsidian .form-select:focus,
.theme-obsidian .form-textarea:focus {
  border-color: #38BDF8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
}

.theme-obsidian .copy-btn {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
}

.theme-obsidian .copy-btn:hover {
  background: #38BDF8;
  color: #090A0E;
  border-color: #38BDF8;
}

.theme-obsidian .tab-btn {
  background: rgba(255, 255, 255, 0.05);
  color: #94A3B8;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-obsidian .tab-btn:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}

.theme-obsidian .tab-btn.active {
  background: #38BDF8;
  color: #090A0E;
  border-color: #38BDF8;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.35);
}


/* WhatsApp Buttons - Obsidian Dark (Resting & Hover state matching Footer) */
.theme-obsidian .whatsapp-btn,
.theme-obsidian .action-btn.whatsapp-btn {
  background: rgba(37, 211, 102, 0.08) !important;
  color: #25D366 !important;
  border-color: rgba(37, 211, 102, 0.38) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

.theme-obsidian .whatsapp-btn svg,
.theme-obsidian .action-btn.whatsapp-btn svg {
  fill: #25D366 !important;
}

.theme-obsidian .whatsapp-btn:hover,
.theme-obsidian .action-btn.whatsapp-btn:hover {
  background: #25D366 !important;
  color: #000000 !important;
  border-color: #25D366 !important;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45) !important;
  transform: translateY(-2px) !important;
}

.theme-obsidian .whatsapp-btn:hover svg,
.theme-obsidian .action-btn.whatsapp-btn:hover svg {
  fill: #000000 !important;
}


/* WhatsApp Pill Button - Obsidian Dark (Exact Match to Global Footer Pill) */
.theme-obsidian .whatsapp-pill-btn,
.theme-obsidian .whatsapp-btn,
.theme-obsidian .action-btn.whatsapp-btn,
.theme-obsidian .footer-btn.whatsapp-btn,
.theme-obsidian .hq-im-btn.whatsapp {
  background: rgba(37, 211, 102, 0.15) !important;
  color: #25D366 !important;
  border-color: rgba(37, 211, 102, 0.35) !important;
  box-shadow: none !important;
}

.theme-obsidian .whatsapp-pill-btn svg,
.theme-obsidian .whatsapp-btn svg,
.theme-obsidian .action-btn.whatsapp-btn svg,
.theme-obsidian .footer-btn.whatsapp-btn svg,
.theme-obsidian .hq-im-btn.whatsapp svg {
  fill: #25D366 !important;
}

.theme-obsidian .whatsapp-pill-btn:hover,
.theme-obsidian .whatsapp-btn:hover,
.theme-obsidian .action-btn.whatsapp-btn:hover,
.theme-obsidian .footer-btn.whatsapp-btn:hover,
.theme-obsidian .hq-im-btn.whatsapp:hover {
  background: #25D366 !important;
  color: #000000 !important;
  border-color: #25D366 !important;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45) !important;
  transform: translateY(-2px) !important;
}

.theme-obsidian .whatsapp-pill-btn:hover svg,
.theme-obsidian .whatsapp-btn:hover svg,
.theme-obsidian .action-btn.whatsapp-btn:hover svg,
.theme-obsidian .footer-btn.whatsapp-btn:hover svg,
.theme-obsidian .hq-im-btn.whatsapp:hover svg {
  fill: #000000 !important;
}