/* ============================================
   COMMERCE — Bright & Clean Ecommerce Theme
   ============================================
   All rules scoped under [data-theme="commerce"].
   Designed for ecommerce-focused brands: clean,
   conversion-optimized, bright and airy feel.
   Emerald green CTAs, soft shadows, rounded corners.

   COLOR PALETTE:
     Background  — #FFFFFF (clean white)
     Surface     — #F8F9FA (light gray)
     Surface dk  — #F1F3F5 (slightly darker gray)
     Text        — #1A1A2E (dark navy-black)
     Accent      — #10B981 (emerald green)
     Accent hvr  — #059669 (darker emerald)
     Secondary   — #6366F1 (indigo)
     Border      — #E5E7EB (soft gray)
     Border lt   — #F3F4F6
     Border mid  — #D1D5DB
     Text muted  — #6B7280
     Text dim    — #9CA3AF
     Text faint  — #D1D5DB
     Text ghost  — #E5E7EB

   TYPOGRAPHY:
     Inter (body) — approachable, no forced uppercase
     Clean, modern, friendly headings
   ============================================ */


/* ------------------------------------------
   CSS VARIABLES OVERRIDE
   ------------------------------------------ */
[data-theme="commerce"] {
    --color-bg: #FFFFFF;
    --color-accent: #10B981;
    --color-accent-hover: #059669;
    --color-secondary: #6366F1;
    --color-text: #1A1A2E;
    --color-text-muted: #6B7280;
    --color-text-dim: #9CA3AF;
    --color-text-faint: #D1D5DB;
    --color-text-ghost: #E5E7EB;
    --color-surface: #F8F9FA;
    --color-surface-hover: #F1F3F5;
    --color-surface-dark: #F1F3F5;
    --color-border: #E5E7EB;
    --color-border-light: #F3F4F6;
    --color-border-mid: #D1D5DB;
    --font-satoshi: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}


/* ------------------------------------------
   UNIVERSAL RESETS
   ------------------------------------------ */
/* Rounded corners everywhere */
[data-theme="commerce"],
[data-theme="commerce"] *,
[data-theme="commerce"] *::before,
[data-theme="commerce"] *::after {
    border-radius: 12px !important;
}

/* Inputs get slightly smaller radius */
[data-theme="commerce"] input,
[data-theme="commerce"] textarea,
[data-theme="commerce"] select {
    border-radius: 8px !important;
}

/* Pills / badges get full rounding */
[data-theme="commerce"] .text-\[10px\],
[data-theme="commerce"] .text-xs.font-medium,
[data-theme="commerce"] .section-label,
[data-theme="commerce"] .industry-breadcrumb-link,
[data-theme="commerce"] .industry-breadcrumb-active {
    border-radius: 99px !important;
}

/* Hide custom cursor — use default pointer */
[data-theme="commerce"] .cursor-dot,
[data-theme="commerce"] .cursor-ring {
    display: none !important;
}

[data-theme="commerce"],
[data-theme="commerce"] * {
    cursor: auto !important;
}

/* Selection — emerald green */
[data-theme="commerce"] .selection-coral::selection,
[data-theme="commerce"] ::selection {
    background-color: #10B981;
    color: #ffffff;
}

/* Soft box shadows instead of none */
[data-theme="commerce"] .shadow-2xl,
[data-theme="commerce"] .shadow-xl,
[data-theme="commerce"] .shadow-lg {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="commerce"] .shadow-md,
[data-theme="commerce"] .shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Remove text-shadow / stat glow */
[data-theme="commerce"] .stat-glow {
    text-shadow: none !important;
}

/* Smooth transitions — slightly longer for friendly feel */
[data-theme="commerce"] .transition-all,
[data-theme="commerce"] .transition-colors,
[data-theme="commerce"] .transition-transform,
[data-theme="commerce"] .transition-opacity {
    transition-duration: 250ms !important;
}


/* ------------------------------------------
   BODY / MAIN WRAPPER
   ------------------------------------------ */
[data-theme="commerce"] body {
    background-color: #FFFFFF !important;
    color: #1A1A2E !important;
}

[data-theme="commerce"] .min-h-screen {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

/* Remove background patterns / gradients */
[data-theme="commerce"] .bg-\[radial-gradient\(circle_at_center\2c_\#1E3058_0\%\2c_\#0B1426_70\%\)\] {
    background: none !important;
}


/* ------------------------------------------
   TYPOGRAPHY — Friendly, No Forced Uppercase
   ------------------------------------------ */
[data-theme="commerce"] h1,
[data-theme="commerce"] h2,
[data-theme="commerce"] h3 {
    text-transform: none !important;
    letter-spacing: -0.025em !important;
    font-weight: 700 !important;
    color: #1A1A2E !important;
}

[data-theme="commerce"] h2 span,
[data-theme="commerce"] h1 span {
    color: #9CA3AF !important;
}

/* Hero text — large, bold, approachable */
[data-theme="commerce"] .hero-text {
    color: #1A1A2E !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

[data-theme="commerce"] .hero-char.scattered {
    color: #10B981 !important;
    text-shadow: none !important;
    filter: none !important;
}


/* ------------------------------------------
   TOP NAVIGATION
   ------------------------------------------ */
[data-theme="commerce"] .top-nav {
    background: transparent !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
}

[data-theme="commerce"] .top-nav.scrolled {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    border-radius: 0 !important;
}

/* Logo */
[data-theme="commerce"] #nav-logo > div {
    background: #10B981 !important;
    color: #ffffff !important;
}

/* Nav links */
[data-theme="commerce"] .hidden.lg\:flex {
    color: #6B7280 !important;
}

[data-theme="commerce"] .nav-link {
    color: #6B7280 !important;
    text-transform: none !important;
    font-size: 0.875rem !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

[data-theme="commerce"] .nav-link:hover {
    color: #10B981 !important;
}

[data-theme="commerce"] .nav-link::before {
    background: #10B981 !important;
}


/* ------------------------------------------
   BOTTOM NAV / THEME SWITCHER
   ------------------------------------------ */
[data-theme="commerce"] .glass-nav {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #E5E7EB !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07) !important;
}

[data-theme="commerce"] .theme-toggle {
    color: #9CA3AF !important;
    background: transparent !important;
}

[data-theme="commerce"] .theme-toggle:hover {
    color: #1A1A2E !important;
    background: #F3F4F6 !important;
}

[data-theme="commerce"] .theme-toggle.active {
    color: #ffffff !important;
    background: #10B981 !important;
}


/* ------------------------------------------
   HERO SECTION
   ------------------------------------------ */
[data-theme="commerce"] header.relative {
    background: #FFFFFF !important;
}

/* Remove grid overlay */
[data-theme="commerce"] header .opacity-\[0\.03\] {
    opacity: 0 !important;
}

/* Remove radial gradient */
[data-theme="commerce"] header .bg-\[radial-gradient\(circle_at_center\2c_\#1E3058_0\%\2c_\#0B1426_70\%\)\] {
    opacity: 0 !important;
}

/* Subtitle */
[data-theme="commerce"] #heroSub {
    color: #6B7280 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 1rem !important;
}

/* Supporting */
[data-theme="commerce"] #heroSupporting {
    color: #9CA3AF !important;
}

/* Bottom tagline */
[data-theme="commerce"] .absolute.bottom-12.left-8 p,
[data-theme="commerce"] .absolute.bottom-12.left-8.md\:left-12 p {
    color: #9CA3AF !important;
}

[data-theme="commerce"] .absolute.bottom-12.left-8 p:hover,
[data-theme="commerce"] .absolute.bottom-12.left-8.md\:left-12 p:hover {
    color: #1A1A2E !important;
}

/* Bottom contact link */
[data-theme="commerce"] .link-underline {
    color: #10B981 !important;
}

[data-theme="commerce"] .link-underline:hover {
    color: #059669 !important;
}

[data-theme="commerce"] .link-underline::after {
    background: #10B981 !important;
}

/* Scroll indicator */
[data-theme="commerce"] .animate-bounce span,
[data-theme="commerce"] .animate-bounce iconify-icon {
    color: #D1D5DB !important;
}


/* ------------------------------------------
   HERO CTA BUTTONS
   ------------------------------------------ */
[data-theme="commerce"] .hero-cta-primary {
    background-color: #10B981 !important;
    color: #ffffff !important;
    border: 1px solid #10B981 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    padding: 0.875rem 2rem !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.3) !important;
}

[data-theme="commerce"] .hero-cta-primary:hover {
    background-color: #059669 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    transform: translateY(-1px) !important;
}

[data-theme="commerce"] .hero-cta-secondary {
    background-color: transparent !important;
    color: #1A1A2E !important;
    border: 1px solid #D1D5DB !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    padding: 0.875rem 2rem !important;
}

[data-theme="commerce"] .hero-cta-secondary:hover {
    background-color: #F8F9FA !important;
    color: #1A1A2E !important;
    border-color: #9CA3AF !important;
    transform: translateY(-1px) !important;
}


/* ------------------------------------------
   NAV DROPDOWN
   ------------------------------------------ */
[data-theme="commerce"] .nav-dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="commerce"] .nav-dropdown-item {
    color: #6B7280 !important;
    border-bottom: 1px solid #F3F4F6 !important;
    text-transform: none !important;
    font-size: 0.875rem !important;
    letter-spacing: 0 !important;
}

[data-theme="commerce"] .nav-dropdown-item:hover {
    color: #10B981 !important;
    background-color: #F8F9FA !important;
}


/* ------------------------------------------
   MOBILE MENU
   ------------------------------------------ */
[data-theme="commerce"] .mobile-menu {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E7EB !important;
    border-radius: 0 !important;
}

[data-theme="commerce"] .mobile-menu-link {
    color: #1A1A2E !important;
    border-bottom: 1px solid #F3F4F6 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

[data-theme="commerce"] .mobile-menu-link:hover {
    color: #10B981 !important;
}

[data-theme="commerce"] .mobile-menu-link-sub {
    color: #6B7280 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

[data-theme="commerce"] .mobile-menu-link-sub:hover {
    color: #10B981 !important;
}

[data-theme="commerce"] .mobile-menu-link-accent {
    color: #10B981 !important;
    text-transform: none !important;
}

[data-theme="commerce"] .mobile-menu-link-accent:hover {
    color: #059669 !important;
}

[data-theme="commerce"] .menu-bar {
    background-color: #1A1A2E !important;
}


/* ------------------------------------------
   MARQUEE
   ------------------------------------------ */
[data-theme="commerce"] .py-6.border-y {
    border-color: #E5E7EB !important;
    background: transparent !important;
}

[data-theme="commerce"] .marquee-track span {
    color: #1A1A2E !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}


/* ------------------------------------------
   ACCENT DOT / SECTION LABEL / PULSE RING
   ------------------------------------------ */
[data-theme="commerce"] .accent-dot {
    background-color: #10B981 !important;
}

[data-theme="commerce"] .section-label {
    color: #10B981 !important;
    letter-spacing: 0.05em !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

/* Subtle pulse-ring animation — keep it for commerce */
[data-theme="commerce"] .pulse-ring::after {
    border-color: rgba(16, 185, 129, 0.3) !important;
}


/* ------------------------------------------
   ABOUT SECTION
   ------------------------------------------ */
/* Left card (dark) */
[data-theme="commerce"] .tilt-card.bg-\[\#132039\],
[data-theme="commerce"] .tilt-card[class*="bg-[#111111]"] {
    background-color: #F8F9FA !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="commerce"] .tilt-card.bg-\[\#132039\]:hover,
[data-theme="commerce"] .tilt-card[class*="bg-[#111111]"]:hover {
    background-color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Results badge */
[data-theme="commerce"] .tilt-card .bg-\[\#1E3058\].text-\[10px\] {
    background-color: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
    color: #059669 !important;
}

[data-theme="commerce"] .group:hover .bg-\[\#1E3058\].text-\[10px\] {
    background-color: #10B981 !important;
    border-color: #10B981 !important;
    color: #ffffff !important;
}

/* Build it / Scale it text */
[data-theme="commerce"] .tilt-card h3.text-5xl {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .tilt-card h3.text-\[\#3D5068\] {
    color: #D1D5DB !important;
}

[data-theme="commerce"] .group:hover h3.text-\[\#3D5068\] {
    color: #6B7280 !important;
}

/* Right card (gradient) — flatten to commerce */
[data-theme="commerce"] .tilt-card.bg-gradient-to-br {
    background: #F8F9FA !important;
    border: 1px solid #E5E7EB !important;
}

[data-theme="commerce"] .tilt-card.bg-gradient-to-br .bg-white\/5 {
    display: none !important;
}


/* ------------------------------------------
   STATS SECTION
   ------------------------------------------ */
[data-theme="commerce"] #stats {
    border-color: #E5E7EB !important;
}

[data-theme="commerce"] .counter {
    color: #1A1A2E !important;
    text-shadow: none !important;
}

[data-theme="commerce"] #stats p.text-\[\#5F7389\] {
    color: #6B7280 !important;
}

[data-theme="commerce"] #stats p.text-\[\#3D5068\] {
    color: #9CA3AF !important;
}


/* ------------------------------------------
   INDUSTRY CARDS
   ------------------------------------------ */
[data-theme="commerce"] .industry-card {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="commerce"] .industry-card:hover {
    border-color: #10B981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12) !important;
}

[data-theme="commerce"] .industry-card h3 {
    text-transform: none !important;
}

[data-theme="commerce"] .industry-card .group-hover\:text-\[\#FF6B50\]:hover,
[data-theme="commerce"] .group:hover > h3 {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-card-icon {
    background-color: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
}

[data-theme="commerce"] .industry-card:hover .industry-card-icon {
    background-color: #10B981 !important;
    border-color: #10B981 !important;
}

[data-theme="commerce"] .industry-card-icon iconify-icon {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-card:hover .industry-card-icon iconify-icon {
    color: #ffffff !important;
}

[data-theme="commerce"] .industry-cta-link {
    color: #10B981 !important;
    letter-spacing: 0 !important;
}

[data-theme="commerce"] .industry-cta-link:hover {
    color: #059669 !important;
}


/* ------------------------------------------
   SERVICES SECTION
   ------------------------------------------ */
/* Grid divider */
[data-theme="commerce"] .grid.bg-\[\#243A66\] {
    background-color: #E5E7EB !important;
}

/* Service cards */
[data-theme="commerce"] .grid.bg-\[\#243A66\] > div {
    background-color: #FFFFFF !important;
}

[data-theme="commerce"] .grid.bg-\[\#243A66\] > div:hover {
    background-color: #F8F9FA !important;
}

/* Service icon boxes */
[data-theme="commerce"] .grid.bg-\[\#243A66\] .w-14.h-14 {
    background-color: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
}

[data-theme="commerce"] .group:hover .w-14.h-14 {
    background-color: #10B981 !important;
    border-color: #10B981 !important;
}

[data-theme="commerce"] .w-14.h-14 iconify-icon {
    color: #10B981 !important;
}

[data-theme="commerce"] .group:hover .w-14.h-14 iconify-icon {
    color: #ffffff !important;
}

/* Service description */
[data-theme="commerce"] .grid.bg-\[\#243A66\] p.text-\[\#5F7389\] {
    color: #6B7280 !important;
}

/* Service list */
[data-theme="commerce"] .grid.bg-\[\#243A66\] .border-t {
    border-color: #F3F4F6 !important;
}

[data-theme="commerce"] .grid.bg-\[\#243A66\] li {
    color: #9CA3AF !important;
}

[data-theme="commerce"] .group:hover li {
    color: #6B7280 !important;
}

[data-theme="commerce"] .grid.bg-\[\#243A66\] li .bg-\[\#FF6B50\] {
    background-color: #10B981 !important;
}

/* Shopify callout */
[data-theme="commerce"] .tilt-card.bg-\[\#091120\] {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="commerce"] .tilt-card.bg-\[\#091120\]:hover {
    border-color: #10B981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12) !important;
}

/* Shopify icon box */
[data-theme="commerce"] .bg-gradient-to-br.from-\[\#95BF47\] {
    background: linear-gradient(135deg, #95BF47, #5E8E3E) !important;
}

/* Migrate button */
[data-theme="commerce"] .tilt-card .bg-\[\#1E3058\].hover\:bg-\[\#FF6B50\] {
    background-color: #10B981 !important;
    border: 1px solid #10B981 !important;
    color: #ffffff !important;
}

[data-theme="commerce"] .tilt-card .bg-\[\#1E3058\].hover\:bg-\[\#FF6B50\]:hover {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}


/* ------------------------------------------
   FOOTER / CONTACT
   ------------------------------------------ */
[data-theme="commerce"] footer#contact {
    border-color: #E5E7EB !important;
}

/* Big CTA headline */
[data-theme="commerce"] footer h2.text-white {
    color: #1A1A2E !important;
}

[data-theme="commerce"] footer h2 span:hover {
    color: #10B981 !important;
}

/* Location text */
[data-theme="commerce"] footer p.text-\[\#5F7389\] {
    color: #6B7280 !important;
}

/* Social buttons — emerald border, emerald text on hover */
[data-theme="commerce"] .social-btn {
    border-color: #E5E7EB !important;
    color: #6B7280 !important;
}

[data-theme="commerce"] .social-btn:hover {
    background-color: #ECFDF5 !important;
    color: #10B981 !important;
    border-color: #10B981 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15) !important;
}

/* Kill social ripple effect */
[data-theme="commerce"] .social-btn::before {
    display: none !important;
}

/* Form heading */
[data-theme="commerce"] form h3 {
    color: #1A1A2E !important;
}

[data-theme="commerce"] form p.text-\[\#5F7389\] {
    color: #6B7280 !important;
}

/* Form inputs — white bg with light gray borders */
[data-theme="commerce"] .form-input {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    color: #1A1A2E !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="commerce"] .form-input:focus {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

[data-theme="commerce"] .form-input::placeholder {
    color: #9CA3AF !important;
}

/* Submit button — emerald CTA */
[data-theme="commerce"] .form-submit {
    background: #10B981 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.3) !important;
}

[data-theme="commerce"] .form-submit:hover {
    background: #059669 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Success message */
[data-theme="commerce"] #formSuccess iconify-icon {
    color: #10B981 !important;
}

[data-theme="commerce"] #formSuccess p.text-white {
    color: #1A1A2E !important;
}

[data-theme="commerce"] #formSuccess p.text-\[\#5F7389\] {
    color: #6B7280 !important;
}


/* ------------------------------------------
   FOOTER LINKS
   ------------------------------------------ */
[data-theme="commerce"] .footer-section-title {
    color: #9CA3AF !important;
}

[data-theme="commerce"] .footer-link {
    color: #6B7280 !important;
}

[data-theme="commerce"] .footer-link:hover {
    color: #10B981 !important;
}

[data-theme="commerce"] .footer-bar {
    border-top: 1px solid #E5E7EB !important;
    color: #9CA3AF !important;
    border-radius: 0 !important;
}

[data-theme="commerce"] .footer-copyright {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .footer-bar-link {
    color: #6B7280 !important;
}

[data-theme="commerce"] .footer-bar-link:hover {
    color: #10B981 !important;
}


/* ------------------------------------------
   SVG GROWTH CHART
   ------------------------------------------ */
[data-theme="commerce"] .growth-grid-line {
    stroke: #E5E7EB !important;
}

[data-theme="commerce"] .growth-bar {
    fill: #F3F4F6 !important;
    stroke: #E5E7EB !important;
}

[data-theme="commerce"] .growth-bar-mid {
    fill: #D1D5DB !important;
    stroke: #E5E7EB !important;
}

[data-theme="commerce"] .growth-bar-accent {
    fill: #A7F3D0 !important;
    fill-opacity: 1 !important;
    stroke: #6EE7B7 !important;
    stroke-opacity: 1 !important;
}

[data-theme="commerce"] .growth-bar-accent-strong {
    fill: #10B981 !important;
    fill-opacity: 0.25 !important;
    stroke: #10B981 !important;
    stroke-opacity: 0.5 !important;
}

[data-theme="commerce"] .growth-line {
    stroke: #10B981 !important;
    opacity: 0.6 !important;
}

[data-theme="commerce"] .growth-area {
    fill: #10B981 !important;
    opacity: 0.06 !important;
}

[data-theme="commerce"] .growth-node {
    fill: #10B981 !important;
}

[data-theme="commerce"] .growth-node-ring {
    stroke: rgba(16, 185, 129, 0.25) !important;
    fill: none !important;
}

[data-theme="commerce"] .growth-arrow {
    fill: #10B981 !important;
}


/* ------------------------------------------
   INDUSTRY PAGE COMPONENTS
   ------------------------------------------ */
[data-theme="commerce"] .industry-breadcrumb-link {
    color: #6B7280 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.875rem !important;
}

[data-theme="commerce"] .industry-breadcrumb-link:hover {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-breadcrumb-separator {
    color: #D1D5DB !important;
}

[data-theme="commerce"] .industry-breadcrumb-active {
    color: #1A1A2E !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.875rem !important;
}

[data-theme="commerce"] .industry-icon-box {
    background-color: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
}

[data-theme="commerce"] .industry-icon-box iconify-icon {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-accent-icon {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-cta-link {
    color: #10B981 !important;
}

[data-theme="commerce"] .industry-cta-link:hover {
    color: #059669 !important;
}

/* Industry page sections */
[data-theme="commerce"] .industry-offering-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="commerce"] .industry-offering-card:hover {
    border-color: #10B981 !important;
    background: #F8F9FA !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1) !important;
}

[data-theme="commerce"] .industry-process-number {
    background: #ECFDF5 !important;
    border: 1px solid #A7F3D0 !important;
    color: #10B981 !important;
    font-weight: 700 !important;
}

[data-theme="commerce"] .industry-faq details {
    border-color: #E5E7EB !important;
}

[data-theme="commerce"] .industry-faq summary {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .industry-faq summary::after {
    color: #10B981 !important;
}


/* ------------------------------------------
   GLOBAL TAILWIND COLOR OVERRIDES
   ------------------------------------------ */
/* Background colors — map default navy palette to clean white */
[data-theme="commerce"] .bg-\[\#0B1426\],
[data-theme="commerce"] .bg-\[\#091120\],
[data-theme="commerce"] .bg-\[\#132039\] {
    background-color: #FFFFFF !important;
}

[data-theme="commerce"] .bg-\[\#1E3058\] {
    background-color: #F1F3F5 !important;
}

[data-theme="commerce"] .bg-white {
    background-color: #1A1A2E !important;
}

/* Text colors */
[data-theme="commerce"] .text-white {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .text-\[\#FFFFFF\] {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .text-black {
    color: #FFFFFF !important;
}

[data-theme="commerce"] .text-\[\#8899AA\] {
    color: #6B7280 !important;
}

[data-theme="commerce"] .text-\[\#5F7389\] {
    color: #9CA3AF !important;
}

[data-theme="commerce"] .text-\[\#3D5068\] {
    color: #D1D5DB !important;
}

[data-theme="commerce"] .text-\[\#2A3D55\] {
    color: #E5E7EB !important;
}

[data-theme="commerce"] .text-\[\#cccccc\] {
    color: #6B7280 !important;
}

[data-theme="commerce"] .text-\[\#f5f5f5\] {
    color: #1A1A2E !important;
}

/* Accent overrides — emerald green for commerce */
[data-theme="commerce"] .text-\[\#C9A84C\] {
    color: #10B981 !important;
}

[data-theme="commerce"] .bg-\[\#C9A84C\] {
    background-color: #10B981 !important;
}

[data-theme="commerce"] .hover\:text-\[\#C9A84C\]:hover {
    color: #059669 !important;
}

[data-theme="commerce"] .hover\:bg-\[\#C9A84C\]:hover {
    background-color: #059669 !important;
}

[data-theme="commerce"] .group-hover\:text-\[\#C9A84C\] {
    color: inherit !important;
}

[data-theme="commerce"] .group:hover .group-hover\:text-\[\#C9A84C\] {
    color: #10B981 !important;
}

[data-theme="commerce"] .group-hover\:bg-\[\#C9A84C\] {
    background-color: inherit !important;
}

[data-theme="commerce"] .group:hover .group-hover\:bg-\[\#C9A84C\] {
    background-color: #10B981 !important;
}

/* Border colors — map navy borders to soft gray */
[data-theme="commerce"] .border-\[\#1E3058\],
[data-theme="commerce"] .border-\[\#243A66\],
[data-theme="commerce"] .border-\[\#2E4A7A\],
[data-theme="commerce"] .border-\[\#132039\] {
    border-color: #E5E7EB !important;
}

/* Hover borders */
[data-theme="commerce"] .hover\:border-\[\#2E4A7A\]:hover {
    border-color: #10B981 !important;
}

[data-theme="commerce"] .group:hover .group-hover\:border-\[\#C9A84C\] {
    border-color: #10B981 !important;
}

[data-theme="commerce"] .group:hover .group-hover\:border-transparent {
    border-color: transparent !important;
}

/* Hover bg overrides */
[data-theme="commerce"] .hover\:bg-white:hover {
    background-color: #1A1A2E !important;
    color: #FFFFFF !important;
}

[data-theme="commerce"] .hover\:bg-\[\#132039\]:hover,
[data-theme="commerce"] .hover\:bg-\[\#182847\]:hover {
    background-color: #F1F3F5 !important;
}

/* Hover text */
[data-theme="commerce"] .hover\:text-white:hover {
    color: #1A1A2E !important;
}

[data-theme="commerce"] .hover\:text-black:hover {
    color: #FFFFFF !important;
}

[data-theme="commerce"] .group-hover\:text-black {
    color: inherit !important;
}

[data-theme="commerce"] .group:hover .group-hover\:text-black {
    color: #FFFFFF !important;
}

/* Subtle hover scale — allow for commerce (friendly micro-interactions) */
[data-theme="commerce"] .hover\:scale-105:hover {
    transform: scale(1.02) !important;
}

[data-theme="commerce"] .hover\:scale-110:hover {
    transform: scale(1.03) !important;
}

[data-theme="commerce"] .group:hover .group-hover\:scale-105 {
    transform: scale(1.02) !important;
}

[data-theme="commerce"] .group:hover .group-hover\:scale-110,
[data-theme="commerce"] .group:hover .group-hover\:scale-\[1\.03\] {
    transform: scale(1.02) !important;
}


/* ------------------------------------------
   ABOUT PAGE OVERRIDES
   ------------------------------------------ */
[data-theme="commerce"] .about-hero h1 {
    text-transform: none !important;
}

/* Stat cards on about page */
[data-theme="commerce"] .grid-cols-2 .bg-\[\#091120\] {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="commerce"] .grid-cols-2 .bg-\[\#091120\] .text-\[\#FF6B50\] {
    color: #10B981 !important;
}

/* Team/leadership cards */
[data-theme="commerce"] section .tilt-card.bg-\[\#091120\] {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="commerce"] section .tilt-card.bg-\[\#091120\]:hover {
    border-color: #10B981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12) !important;
}

/* Full color images for commerce — friendly and vibrant */
[data-theme="commerce"] .grayscale {
    filter: grayscale(0%) !important;
}

[data-theme="commerce"] .group:hover .grayscale {
    filter: grayscale(0%) !important;
}

/* Gradient overlay on team photos */
[data-theme="commerce"] .bg-gradient-to-t.from-\[\#091120\] {
    background: linear-gradient(to top, #FFFFFF, transparent) !important;
}


/* ------------------------------------------
   KILL ANIMATIONS & GLOW (keep subtle ones)
   ------------------------------------------ */
/* No glow on hover/focus */
[data-theme="commerce"] .hover\:shadow-\[0_8px_30px_rgba\(255\2c107\2c80\2c0\.3\)\]:hover {
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15) !important;
}

/* Allow gentle tilt card movement */
[data-theme="commerce"] .tilt-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Subtle rotate on hover */
[data-theme="commerce"] .group:hover .group-hover\:rotate-12 {
    transform: rotate(6deg) !important;
}

/* Service icon — gentle transition */
[data-theme="commerce"] .service-icon {
    transition: transform 0.25s ease !important;
}

[data-theme="commerce"] .group:hover .service-icon {
    transform: scale(1.05) !important;
}

/* Work arrow — rotation allowed */
[data-theme="commerce"] .group:hover .group-hover\:rotate-45 {
    transform: rotate(45deg) !important;
}


/* ------------------------------------------
   ADDITIONAL COMMERCE REFINEMENTS
   ------------------------------------------ */
/* Ensure full-width elements have no border-radius */
[data-theme="commerce"] nav,
[data-theme="commerce"] header,
[data-theme="commerce"] footer,
[data-theme="commerce"] section,
[data-theme="commerce"] .top-nav,
[data-theme="commerce"] .mobile-menu,
[data-theme="commerce"] .footer-bar,
[data-theme="commerce"] .min-h-screen {
    border-radius: 0 !important;
}

/* CTA buttons get pill shape */
[data-theme="commerce"] .hero-cta-primary,
[data-theme="commerce"] .hero-cta-secondary,
[data-theme="commerce"] .form-submit {
    border-radius: 99px !important;
}

/* Badge pills */
[data-theme="commerce"] .tilt-card .bg-\[\#1E3058\].text-\[10px\] {
    border-radius: 99px !important;
}

/* Nav dropdown items — slight rounding */
[data-theme="commerce"] .nav-dropdown-item {
    border-radius: 8px !important;
    margin: 2px 4px !important;
}

/* Glass nav pill shape */
[data-theme="commerce"] .glass-nav {
    border-radius: 99px !important;
}

/* Theme toggles rounded */
[data-theme="commerce"] .theme-toggle {
    border-radius: 8px !important;
}

[data-theme="commerce"] .theme-toggle.active {
    border-radius: 8px !important;
}

/* Accent color for border-y in sections */
[data-theme="commerce"] .border-y {
    border-color: #E5E7EB !important;
}

[data-theme="commerce"] .border-t {
    border-color: #E5E7EB !important;
}

[data-theme="commerce"] .border-b {
    border-color: #E5E7EB !important;
}

/* Divider lines */
[data-theme="commerce"] .divide-y > * + * {
    border-color: #F3F4F6 !important;
}

/* Ring / focus states — emerald */
[data-theme="commerce"] .ring-1,
[data-theme="commerce"] .ring-2 {
    --tw-ring-color: #10B981 !important;
}

[data-theme="commerce"] .focus\:ring-2:focus {
    --tw-ring-color: #10B981 !important;
}

/* Opacity utility overrides for white overlays */
[data-theme="commerce"] .bg-white\/5 {
    background-color: rgba(26, 26, 46, 0.03) !important;
}

[data-theme="commerce"] .bg-white\/10 {
    background-color: rgba(26, 26, 46, 0.06) !important;
}

[data-theme="commerce"] .bg-white\/20 {
    background-color: rgba(26, 26, 46, 0.1) !important;
}

/* Text opacity overrides */
[data-theme="commerce"] .text-white\/50 {
    color: rgba(26, 26, 46, 0.5) !important;
}

[data-theme="commerce"] .text-white\/60 {
    color: rgba(26, 26, 46, 0.6) !important;
}

[data-theme="commerce"] .text-white\/70 {
    color: rgba(26, 26, 46, 0.7) !important;
}

[data-theme="commerce"] .text-white\/80 {
    color: rgba(26, 26, 46, 0.8) !important;
}

/* Border opacity overrides */
[data-theme="commerce"] .border-white\/5 {
    border-color: rgba(26, 26, 46, 0.05) !important;
}

[data-theme="commerce"] .border-white\/10 {
    border-color: rgba(26, 26, 46, 0.1) !important;
}

[data-theme="commerce"] .border-white\/20 {
    border-color: rgba(26, 26, 46, 0.15) !important;
}

/* Placeholder text on dark inputs */
[data-theme="commerce"] input::placeholder,
[data-theme="commerce"] textarea::placeholder {
    color: #9CA3AF !important;
}

/* Scrollbar styling for commerce */
[data-theme="commerce"] ::-webkit-scrollbar {
    width: 8px !important;
}

[data-theme="commerce"] ::-webkit-scrollbar-track {
    background: #F8F9FA !important;
}

[data-theme="commerce"] ::-webkit-scrollbar-thumb {
    background: #D1D5DB !important;
    border-radius: 99px !important;
}

[data-theme="commerce"] ::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF !important;
}

/* Ensure accent-colored backgrounds get emerald */
[data-theme="commerce"] .bg-\[\#B8952F\] {
    background-color: #059669 !important;
}

/* Map old accent hover color references */
[data-theme="commerce"] .hover\:bg-\[\#B8952F\]:hover {
    background-color: #047857 !important;
}

/* Indigo secondary for special highlights */
[data-theme="commerce"] .text-\[\#E8ECF2\] {
    color: #1A1A2E !important;
}

/* Surface colors */
[data-theme="commerce"] .bg-\[\#182847\] {
    background-color: #F1F3F5 !important;
}

/* Additional hover state mappings */
[data-theme="commerce"] .hover\:bg-\[\#1E3058\]:hover {
    background-color: #F1F3F5 !important;
}

[data-theme="commerce"] .hover\:bg-\[\#091120\]:hover {
    background-color: #F8F9FA !important;
}

/* Border hover accent states */
[data-theme="commerce"] .hover\:border-\[\#C9A84C\]:hover {
    border-color: #10B981 !important;
}

[data-theme="commerce"] .hover\:border-\[\#243A66\]:hover {
    border-color: #D1D5DB !important;
}

/* Focus border states */
[data-theme="commerce"] .focus\:border-\[\#C9A84C\]:focus {
    border-color: #10B981 !important;
}

[data-theme="commerce"] .focus\:border-\[\#2E4A7A\]:focus {
    border-color: #10B981 !important;
}

/* Gradient overlays — remove or soften */
[data-theme="commerce"] .bg-gradient-to-r.from-\[\#0B1426\] {
    background: linear-gradient(to right, #FFFFFF, transparent) !important;
}

[data-theme="commerce"] .bg-gradient-to-l.from-\[\#0B1426\] {
    background: linear-gradient(to left, #FFFFFF, transparent) !important;
}

[data-theme="commerce"] .bg-gradient-to-b.from-\[\#0B1426\] {
    background: linear-gradient(to bottom, #FFFFFF, transparent) !important;
}

[data-theme="commerce"] .bg-gradient-to-t.from-\[\#0B1426\] {
    background: linear-gradient(to top, #FFFFFF, transparent) !important;
}

/* Accent dot pulse animation — emerald */
[data-theme="commerce"] .accent-dot::before {
    background-color: rgba(16, 185, 129, 0.3) !important;
}

/* Logo text in footer */
[data-theme="commerce"] .footer-logo {
    color: #1A1A2E !important;
}

/* Navigation active indicators */
[data-theme="commerce"] .nav-link.active {
    color: #10B981 !important;
}

[data-theme="commerce"] .nav-link.active::before {
    background: #10B981 !important;
}

/* Smooth link underline transitions */
[data-theme="commerce"] a {
    transition: color 0.2s ease !important;
}

/* Card hover lift effect */
[data-theme="commerce"] .industry-card:hover,
[data-theme="commerce"] .industry-offering-card:hover,
[data-theme="commerce"] section .tilt-card:hover {
    transform: translateY(-2px) !important;
}

/* Image Trail — commerce overrides */
[data-theme="commerce"] .image-trail-container .content__img {
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="commerce"] .image-trail-container {
    border-radius: 1.25rem;
    border-color: rgba(26, 26, 46, 0.1);
}