/* ============================================
   TERMINAL / CLI HACKER THEME
   ============================================
   All rules scoped under [data-theme="terminal"].
   Transforms the site into a phosphor-green CRT
   terminal / hacker CLI aesthetic.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');


/* ------------------------------------------
   KEYFRAME ANIMATIONS
   ------------------------------------------ */
@keyframes blink-cursor {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes scanline {
    0% { transform: translateY(0); }
    100% { transform: translateY(4px); }
}

@keyframes terminal-glow-pulse {
    0%, 100% { text-shadow: 0 0 5px rgba(51, 255, 0, 0.5); }
    50% { text-shadow: 0 0 15px rgba(51, 255, 0, 0.8), 0 0 30px rgba(51, 255, 0, 0.3); }
}


/* ------------------------------------------
   CSS VARIABLES OVERRIDE
   ------------------------------------------ */
[data-theme="terminal"] {
    --color-bg: #0a0a0a;
    --color-accent: #33ff00;
    --color-accent-hover: #ffb000;
    --color-text: #33ff00;
    --color-text-muted: #1f521f;
    --color-text-dim: #1f521f;
    --color-text-faint: #1f521f;
    --color-text-ghost: #143a14;
    --color-surface: #0a0a0a;
    --color-surface-hover: #0f0f0f;
    --color-surface-dark: #0a0a0a;
    --color-border: #1f521f;
    --color-border-light: #1f521f;
    --color-border-mid: #1f521f;
    --font-satoshi: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    --ease-out-expo: linear;
    --ease-smooth: linear;
}


/* ------------------------------------------
   UNIVERSAL RESETS
   ------------------------------------------ */
[data-theme="terminal"],
[data-theme="terminal"] *,
[data-theme="terminal"] *::before,
[data-theme="terminal"] *::after {
    border-radius: 0 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}

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

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

/* Selection: green on dark */
[data-theme="terminal"] .selection-coral::selection,
[data-theme="terminal"] ::selection {
    background-color: #33ff00 !important;
    color: #0a0a0a !important;
}

/* Kill smooth transitions — terminal snaps */
[data-theme="terminal"] .transition-all,
[data-theme="terminal"] .transition-colors,
[data-theme="terminal"] .transition-transform,
[data-theme="terminal"] .transition-opacity {
    transition-duration: 100ms !important;
    transition-timing-function: linear !important;
}


/* ------------------------------------------
   BODY / PAGE WRAPPER + CRT SCANLINE OVERLAY
   ------------------------------------------ */
[data-theme="terminal"] .min-h-screen {
    background-color: #0a0a0a !important;
    color: #33ff00 !important;
}

/* CRT scanline overlay */
[data-theme="terminal"] .min-h-screen::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.03) 0px,
        rgba(0, 0, 0, 0.03) 1px,
        transparent 1px,
        transparent 3px
    );
}

/* Global text glow */
[data-theme="terminal"] .min-h-screen > * {
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}


/* ------------------------------------------
   TOP NAVIGATION
   ------------------------------------------ */
[data-theme="terminal"] #topNav {
    background: #0a0a0a !important;
    border-bottom: 1px solid #1f521f !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="terminal"] #topNav.scrolled {
    background: #0a0a0a !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid #1f521f !important;
}

/* Logo — [O.] style */
[data-theme="terminal"] #nav-logo div {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
    font-weight: 700 !important;
    transform: none !important;
}
[data-theme="terminal"] #nav-logo:hover div {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    transform: none !important;
    text-shadow: none;
}

/* Nav links */
[data-theme="terminal"] #topNav .nav-link {
    color: #33ff00 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-decoration: none !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
[data-theme="terminal"] #topNav .nav-link:hover {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
}
[data-theme="terminal"] .nav-link::before {
    display: none !important;
}

/* CTA button in nav — [ GET STARTED ] */
[data-theme="terminal"] #topNav a[href="#contact"]:not(.nav-link) {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    box-shadow: none !important;
}
[data-theme="terminal"] #topNav a[href="#contact"]:not(.nav-link):hover {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    text-shadow: none !important;
    transform: none !important;
}


/* ------------------------------------------
   BOTTOM NAV / THEME DOCK
   ------------------------------------------ */
[data-theme="terminal"] #bottomNav {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

[data-theme="terminal"] #bottomNav.glass-nav {
    background: #0a0a0a !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="terminal"] .theme-toggle {
    color: #33ff00 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.05em !important;
}

[data-theme="terminal"] .theme-toggle:hover {
    background: rgba(51, 255, 0, 0.1) !important;
    border-color: #1f521f !important;
}

[data-theme="terminal"] .theme-toggle.active {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    border-color: #33ff00 !important;
    text-shadow: none !important;
}

[data-theme="terminal"] .theme-toggle iconify-icon {
    color: inherit !important;
}


/* ------------------------------------------
   HERO SECTION
   ------------------------------------------ */
[data-theme="terminal"] header {
    background: #0a0a0a !important;
}

/* Hide the radial gradient & grid overlays */
[data-theme="terminal"] header > .absolute.inset-0 {
    display: none !important;
}

/* Hero headline — massive green monospace */
[data-theme="terminal"] #heroText {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    color: #33ff00 !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 40px rgba(51, 255, 0, 0.2);
    -webkit-text-stroke: 0;
    letter-spacing: -0.02em;
}

[data-theme="terminal"] #heroText .hero-char {
    color: #33ff00 !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 40px rgba(51, 255, 0, 0.2);
    filter: none !important;
}

[data-theme="terminal"] #heroText .hero-char.scattered {
    color: #33ff00 !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 40px rgba(51, 255, 0, 0.2);
    filter: none !important;
}

/* Blinking cursor block after hero text */
[data-theme="terminal"] #heroText::after {
    content: '\2588';
    color: #33ff00;
    animation: blink-cursor 1s step-end infinite;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6);
    font-size: 0.8em;
    margin-left: 0.05em;
}

/* Hero subtitle — dim green with $ prompt */
[data-theme="terminal"] #heroSub {
    color: #1f521f !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    text-shadow: none;
}

[data-theme="terminal"] #heroSub::before {
    content: '$ ';
    color: #33ff00;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}

/* Hero tagline — bottom left with > prefix */
[data-theme="terminal"] header .absolute.bottom-12.left-8 p,
[data-theme="terminal"] header .absolute.bottom-12.left-8 p br + * {
    color: #1f521f !important;
    font-size: 11px !important;
    text-shadow: none;
}

[data-theme="terminal"] header .absolute.bottom-12.left-8::before {
    content: '> ';
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 11px;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}

/* Hero contact link — bottom right with ~$ prefix */
[data-theme="terminal"] header .absolute.bottom-12.right-8 a {
    color: #33ff00 !important;
    text-decoration: none !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    font-size: 11px !important;
}
[data-theme="terminal"] header .absolute.bottom-12.right-8 a::before {
    content: '~$ ';
    color: #1f521f;
}
[data-theme="terminal"] header .absolute.bottom-12.right-8 a:hover {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
}

/* Scroll indicator */
[data-theme="terminal"] header .animate-bounce span {
    color: #1f521f !important;
    font-size: 10px !important;
}
[data-theme="terminal"] header .animate-bounce iconify-icon {
    color: #1f521f !important;
}

/* Remove link-underline pseudo-element */
[data-theme="terminal"] .link-underline::after {
    display: none !important;
}


/* ------------------------------------------
   SERVICES MARQUEE
   ------------------------------------------ */
[data-theme="terminal"] .marquee-track {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}

/* Marquee wrapper */
[data-theme="terminal"] .min-h-screen > .border-y {
    background: #0a0a0a !important;
    border-color: #1f521f !important;
    border-style: dashed !important;
}

/* Marquee items */
[data-theme="terminal"] .marquee-track > span {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    letter-spacing: 0.1em !important;
}

/* Replace coral dots with > pipe separators */
[data-theme="terminal"] .marquee-track > span > span {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    font-size: 11px !important;
    color: #33ff00 !important;
    overflow: visible !important;
}

[data-theme="terminal"] .marquee-track > span > span::before {
    content: '>';
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 11px;
    font-weight: 700;
}


/* ------------------------------------------
   ABOUT SECTION
   ------------------------------------------ */
[data-theme="terminal"] #about {
    background: #0a0a0a !important;
}

/* Section label — // prefix */
[data-theme="terminal"] #about .pulse-ring {
    background: #33ff00 !important;
    width: 6px !important;
    height: 6px !important;
    border: none !important;
    box-shadow: 0 0 6px rgba(51, 255, 0, 0.6);
}
[data-theme="terminal"] #about .pulse-ring::after {
    display: none !important;
}
[data-theme="terminal"] #about .pulse-ring + span {
    color: #1f521f !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
}
[data-theme="terminal"] #about .pulse-ring + span::before {
    content: '// ';
    color: #33ff00;
}

/* About headline */
[data-theme="terminal"] #about > h2 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
    font-size: 2rem !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em;
}

/* Accent words in about headline — amber */
[data-theme="terminal"] #about > h2 span {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.4);
}

/* About cards — terminal window style */
[data-theme="terminal"] #about .tilt-card {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    padding: 0 !important;
    overflow: hidden;
    box-shadow: none !important;
}
[data-theme="terminal"] #about .tilt-card:hover {
    background: #0a0a0a !important;
    border-color: #33ff00 !important;
}

/* Left card — +--- TITLE ---+ header */
[data-theme="terminal"] #about .grid > .tilt-card:first-child {
    display: flex;
    flex-direction: column;
}
[data-theme="terminal"] #about .grid > .tilt-card:first-child::before {
    content: '+--- SERVICES ---+';
    display: block;
    background: #0f0f0f;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 16px;
    border-bottom: 1px solid #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

/* Content inside left card */
[data-theme="terminal"] #about .grid > .tilt-card:first-child > .mt-auto {
    padding: 24px;
}
[data-theme="terminal"] #about .grid > .tilt-card:first-child h3 {
    color: #33ff00 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:first-child h3:last-child {
    color: #1f521f !important;
    text-shadow: none;
}

/* Badge on left card — [ACTIVE] */
[data-theme="terminal"] #about .grid > .tilt-card:first-child > .absolute {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 10px !important;
    padding: 4px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    animation: none !important;
    box-shadow: none !important;
}

/* Right card (gradient card) — same terminal style, no purple */
[data-theme="terminal"] #about .grid > .tilt-card:last-child {
    background: #0a0a0a !important;
    padding: 0 !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child::before {
    content: '+--- DASHBOARD ---+';
    display: block;
    background: #0f0f0f;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 16px;
    border-bottom: 1px solid #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

/* Browser mockup inside right card */
[data-theme="terminal"] #about .grid > .tilt-card:last-child > div:not(.absolute) {
    padding: 16px;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .shadow-2xl {
    border: 1px solid #1f521f !important;
    box-shadow: none !important;
    background: #0a0a0a !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-\[\\#f5f5f5\],
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-\[\#f5f5f5\] {
    background: #0f0f0f !important;
    border-color: #1f521f !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-gray-100,
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-\[\#e5e5e5\] {
    background: #0a0a0a !important;
}
/* Browser dots — all green */
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-red-400 {
    background: #33ff00 !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-yellow-400 {
    background: #33ff00 !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-green-400 {
    background: #33ff00 !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-gray-200 {
    background: #1f521f !important;
}
/* Image overlay — green tint */
[data-theme="terminal"] #about .grid > .tilt-card:last-child img {
    filter: grayscale(100%) brightness(0.5) sepia(100%) hue-rotate(70deg) saturate(300%) !important;
    opacity: 0.6 !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .bg-gradient-to-t {
    display: none !important;
}
[data-theme="terminal"] #about .grid > .tilt-card:last-child .text-white {
    color: #33ff00 !important;
}
/* White overlay on hover */
[data-theme="terminal"] #about .grid > .tilt-card:last-child > .absolute.inset-0 {
    display: none !important;
}

/* Remove decorative ::after from retro theme if needed */
[data-theme="terminal"] #about::after {
    display: none !important;
}


/* ------------------------------------------
   STATS SECTION
   ------------------------------------------ */
[data-theme="terminal"] #stats {
    background: #0a0a0a !important;
    border: 1px dashed #1f521f !important;
    padding: 32px 24px;
    position: relative;
}

/* Section header label via pseudo */
[data-theme="terminal"] #stats::before {
    content: '[ SYSTEM METRICS — STATUS: OK ]';
    display: block;
    text-align: center;
    color: #1f521f;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    margin-bottom: 24px;
    text-transform: uppercase;
}

/* Stat numbers — massive glowing green */
[data-theme="terminal"] #stats .counter {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 30px rgba(51, 255, 0, 0.2);
    font-size: 3.5rem !important;
}
[data-theme="terminal"] #stats .stat-glow {
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 30px rgba(51, 255, 0, 0.2);
}

/* Stat labels — dim green */
[data-theme="terminal"] #stats p {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
}
[data-theme="terminal"] #stats .text-center > p:last-child {
    color: #143a14 !important;
}

/* Progress bar visualization via ::after on each stat */
[data-theme="terminal"] #stats .text-center::after {
    content: '[████████░░░░]';
    display: block;
    color: #1f521f;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 10px;
    margin-top: 8px;
    text-shadow: none;
    letter-spacing: 0;
}

/* Vary progress bars per stat */
[data-theme="terminal"] #stats .grid > .text-center:nth-child(1)::after {
    content: '[██████████░░]';
    color: #33ff00;
}
[data-theme="terminal"] #stats .grid > .text-center:nth-child(2)::after {
    content: '[████████████]';
    color: #33ff00;
}
[data-theme="terminal"] #stats .grid > .text-center:nth-child(3)::after {
    content: '[████████░░░░]';
    color: #ffb000;
}
[data-theme="terminal"] #stats .grid > .text-center:nth-child(4)::after {
    content: '[██████░░░░░░]';
    color: #ffb000;
}


/* ------------------------------------------
   SERVICES SECTION
   ------------------------------------------ */
[data-theme="terminal"] #services {
    background: #0a0a0a !important;
}

/* Section label */
[data-theme="terminal"] #services .pulse-ring {
    background: #33ff00 !important;
    width: 6px !important;
    height: 6px !important;
    border: none !important;
    box-shadow: 0 0 6px rgba(51, 255, 0, 0.6);
}
[data-theme="terminal"] #services .pulse-ring::after {
    display: none !important;
}
[data-theme="terminal"] #services .pulse-ring + span {
    color: #1f521f !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
}
[data-theme="terminal"] #services .pulse-ring + span::before {
    content: '// ';
    color: #33ff00;
}

/* Services headline */
[data-theme="terminal"] #services > h2 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
}
[data-theme="terminal"] #services > h2 span {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.4);
}

/* Service cards grid */
[data-theme="terminal"] #services > .grid {
    background: #0a0a0a !important;
    gap: 1px !important;
    overflow: visible !important;
}

/* Individual service cards */
[data-theme="terminal"] #services > .grid > div {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    padding: 24px !important;
    position: relative;
}
[data-theme="terminal"] #services > .grid > div:hover {
    background: #0a0a0a !important;
    border-color: #33ff00 !important;
}

/* +--- SERVICE ---+ header for each card */
[data-theme="terminal"] #services > .grid > div::before {
    content: '+--- SERVICE ---+';
    display: block;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 10px;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dashed #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

[data-theme="terminal"] #services > .grid > div:nth-child(1)::before {
    content: '+--- BUILDS ---+';
}
[data-theme="terminal"] #services > .grid > div:nth-child(2)::before {
    content: '+--- SEO/GEO ---+';
}
[data-theme="terminal"] #services > .grid > div:nth-child(3)::before {
    content: '+--- AUTOMATE ---+';
}

/* Service card icon containers */
[data-theme="terminal"] #services > .grid .w-14 {
    background: #1f521f !important;
    border: 1px solid #33ff00 !important;
}
[data-theme="terminal"] #services > .grid .w-14 iconify-icon {
    color: #33ff00 !important;
}
[data-theme="terminal"] #services > .grid .group:hover .w-14 {
    background: #33ff00 !important;
    border-color: #33ff00 !important;
}
[data-theme="terminal"] #services > .grid .group:hover .w-14 iconify-icon {
    color: #0a0a0a !important;
    transform: none !important;
}

/* Service card headings */
[data-theme="terminal"] #services > .grid h3 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

/* Service card descriptions */
[data-theme="terminal"] #services > .grid p {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 12px !important;
    opacity: 0.7;
}

/* Service list items — > prefix */
[data-theme="terminal"] #services > .grid ul li {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 11px !important;
}
[data-theme="terminal"] #services > .grid ul li span {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
}
[data-theme="terminal"] #services > .grid ul li span::before {
    content: '>';
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 11px;
    font-weight: 700;
}
[data-theme="terminal"] #services > .grid .border-t {
    border-color: #1f521f !important;
    border-style: dashed !important;
}

/* Shopify migration callout */
[data-theme="terminal"] #services > .mt-8 .tilt-card {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    box-shadow: none !important;
}
[data-theme="terminal"] #services > .mt-8 .tilt-card:hover {
    border-color: #33ff00 !important;
}

/* Shopify icon container */
[data-theme="terminal"] #services > .mt-8 .w-16 {
    background: #1f521f !important;
    border: 1px solid #33ff00 !important;
}
[data-theme="terminal"] #services > .mt-8 .w-16 iconify-icon {
    color: #33ff00 !important;
}

/* Shopify callout text */
[data-theme="terminal"] #services > .mt-8 h3 {
    color: #33ff00 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
[data-theme="terminal"] #services > .mt-8 p {
    color: #1f521f !important;
}

/* Shopify CTA button — [ MIGRATE NOW ] */
[data-theme="terminal"] #services > .mt-8 a {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    text-decoration: none !important;
    box-shadow: none !important;
}
[data-theme="terminal"] #services > .mt-8 a:hover {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    text-shadow: none !important;
    transform: none !important;
}


/* ------------------------------------------
   WORK / PORTFOLIO SECTION
   ------------------------------------------ */
[data-theme="terminal"] #work {
    background: #0a0a0a !important;
}

/* Section header bar */
[data-theme="terminal"] #work > .border-b {
    border-color: #1f521f !important;
    border-style: dashed !important;
}
[data-theme="terminal"] #work > .border-b h2 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
}
[data-theme="terminal"] #work > .border-b span {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 11px !important;
}

/* Project cards */
[data-theme="terminal"] #work article {
    background: #0a0a0a;
    border: 1px solid #1f521f;
}
[data-theme="terminal"] #work article:hover {
    border-color: #33ff00;
}

/* Project image container */
[data-theme="terminal"] #work article .aspect-\[4\/3\] {
    border: 1px solid #1f521f !important;
    overflow: hidden;
    position: relative;
}

/* Green tint overlay on images */
[data-theme="terminal"] #work article img {
    opacity: 0.6 !important;
    filter: grayscale(100%) brightness(0.5) sepia(100%) hue-rotate(70deg) saturate(300%) !important;
}
[data-theme="terminal"] #work article:hover img {
    opacity: 0.8 !important;
}

/* Hide gradient overlay */
[data-theme="terminal"] #work article .bg-gradient-to-t {
    display: none !important;
}

/* Project names */
[data-theme="terminal"] #work article h3 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    font-size: 20px !important;
}
[data-theme="terminal"] #work article:hover h3,
[data-theme="terminal"] #work article .group-hover\:text-\[\#FF6B50\]:hover {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
}

/* Project type label */
[data-theme="terminal"] #work article .text-\[10px\] {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
}
[data-theme="terminal"] #work article p.text-\[\#666666\] {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}

/* Arrow icon container */
[data-theme="terminal"] #work article .p-3 {
    border: 1px solid #1f521f !important;
    background: transparent !important;
    color: #33ff00 !important;
}
[data-theme="terminal"] #work article .p-3 iconify-icon {
    color: #33ff00 !important;
}
[data-theme="terminal"] #work article:hover .p-3 {
    border-color: #ffb000 !important;
    background: transparent !important;
    color: #ffb000 !important;
    transform: none !important;
}
[data-theme="terminal"] #work article:hover .p-3 iconify-icon {
    color: #ffb000 !important;
}

/* Badge overlays on images */
[data-theme="terminal"] #work article .bg-\[\#FF6B50\] {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    border: 1px solid #33ff00 !important;
    text-shadow: none !important;
    animation: none !important;
}

/* Window title bar for project cards */
[data-theme="terminal"] #work article > a {
    text-decoration: none !important;
}
[data-theme="terminal"] #work article > a::before {
    content: '+--- PROJECT ---+';
    display: block;
    background: #0f0f0f;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 700;
    font-size: 10px;
    padding: 6px 12px;
    border-bottom: 1px solid #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
[data-theme="terminal"] #work article:nth-child(1) > a::before {
    content: '+--- GOGRADTRAVEL ---+';
}
[data-theme="terminal"] #work article:nth-child(2) > a::before {
    content: '+--- EASTCOASTARTSTUDIO ---+';
}


/* ------------------------------------------
   FOOTER / CONTACT SECTION
   ------------------------------------------ */
[data-theme="terminal"] #contact {
    background: #0a0a0a !important;
    border-color: #1f521f !important;
}

/* CTA headline — > EXECUTE_ style */
[data-theme="terminal"] #contact h2 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6), 0 0 40px rgba(51, 255, 0, 0.2);
}

/* Add > prefix to first line */
[data-theme="terminal"] #contact h2::before {
    content: '> ';
    color: #33ff00;
}

/* Blinking cursor after headline */
[data-theme="terminal"] #contact h2::after {
    content: '\2588';
    color: #33ff00;
    animation: blink-cursor 1s step-end infinite;
    font-size: 0.6em;
    margin-left: 0.1em;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6);
}

[data-theme="terminal"] #contact h2 span {
    color: #33ff00 !important;
}
[data-theme="terminal"] #contact h2 span:hover {
    color: #ffb000 !important;
    text-shadow: 0 0 10px rgba(255, 176, 0, 0.5);
}

/* Location text */
[data-theme="terminal"] #contact > div > div > p {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 12px !important;
}
[data-theme="terminal"] #contact > div > div > p iconify-icon {
    color: #33ff00 !important;
}

/* Social buttons — terminal green bordered */
[data-theme="terminal"] .social-btn {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #1f521f !important;
    width: 40px !important;
    height: 40px !important;
    box-shadow: none !important;
}
[data-theme="terminal"] .social-btn::before {
    display: none !important;
}
[data-theme="terminal"] .social-btn iconify-icon {
    color: #33ff00 !important;
    font-size: 16px !important;
}
[data-theme="terminal"] .social-btn:hover {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    border-color: #33ff00 !important;
    transform: none !important;
}
[data-theme="terminal"] .social-btn:hover iconify-icon {
    color: #0a0a0a !important;
}

/* Contact form container */
[data-theme="terminal"] .contact-form {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    box-shadow: none !important;
}

/* Form title bar */
[data-theme="terminal"] .contact-form::before {
    content: '// GET IN TOUCH';
    display: block;
    background: #0f0f0f;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 16px;
    border-bottom: 1px solid #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    margin-bottom: 16px;
}

/* Form heading */
[data-theme="terminal"] .contact-form h3 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    font-size: 18px !important;
}

/* Form description */
[data-theme="terminal"] .contact-form > p {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 11px !important;
}

/* Form labels */
[data-theme="terminal"] .form-label {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

/* Form inputs — terminal style */
[data-theme="terminal"] .form-input {
    background: #0a0a0a !important;
    color: #33ff00 !important;
    border: 1px solid #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 13px !important;
    box-shadow: none !important;
    caret-color: #33ff00;
}
[data-theme="terminal"] .form-input::placeholder {
    color: #1f521f !important;
}
[data-theme="terminal"] .form-input:focus {
    border-color: #33ff00 !important;
    box-shadow: 0 0 5px rgba(51, 255, 0, 0.3) !important;
    outline: none !important;
}

/* Submit button — [ SEND MESSAGE > ] */
[data-theme="terminal"] .form-submit {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 12px !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
    box-shadow: none !important;
}
[data-theme="terminal"] .form-submit:hover {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    text-shadow: none !important;
    transform: none !important;
    box-shadow: none !important;
}
[data-theme="terminal"] .form-submit:active {
    background: #2ae600 !important;
    color: #0a0a0a !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Form success message */
[data-theme="terminal"] .form-success iconify-icon {
    color: #33ff00 !important;
}
[data-theme="terminal"] .form-success p:first-of-type {
    color: #33ff00 !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}
[data-theme="terminal"] .form-success p:last-of-type {
    color: #1f521f !important;
}


/* ------------------------------------------
   BOTTOM FOOTER BAR
   ------------------------------------------ */
[data-theme="terminal"] #contact > .border-t {
    border-color: #1f521f !important;
    border-style: dashed !important;
}
[data-theme="terminal"] #contact > .border-t p {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 10px !important;
}
[data-theme="terminal"] #contact > .border-t .text-\[\#f5f5f5\] {
    color: #33ff00 !important;
}
[data-theme="terminal"] #contact > .border-t a {
    color: #33ff00 !important;
    text-decoration: none !important;
}
[data-theme="terminal"] #contact > .border-t a:hover {
    color: #ffb000 !important;
    text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
}


/* ------------------------------------------
   GLOBAL BORDER OVERRIDES
   ------------------------------------------ */
[data-theme="terminal"] .border-y,
[data-theme="terminal"] .border-t,
[data-theme="terminal"] .border-b {
    border-color: #1f521f !important;
}

[data-theme="terminal"] .border-\[\#1a1a1a\] {
    border-color: #1f521f !important;
}

[data-theme="terminal"] .border-\[\#333333\] {
    border-color: #1f521f !important;
}

[data-theme="terminal"] .border-\[\#222222\] {
    border-color: #1f521f !important;
}

[data-theme="terminal"] .border-\[\#111111\] {
    border-color: #1f521f !important;
}


/* ------------------------------------------
   BACKGROUNDS OVERRIDE — Kill modern bg leaks
   ------------------------------------------ */
[data-theme="terminal"] .bg-\[\#050505\] {
    background-color: #0a0a0a !important;
}
[data-theme="terminal"] .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a !important;
}
[data-theme="terminal"] .bg-\[\#111111\] {
    background-color: #0a0a0a !important;
}
[data-theme="terminal"] .bg-\[\#1a1a1a\] {
    background-color: #0f0f0f !important;
}
[data-theme="terminal"] .bg-\[\#222222\] {
    background-color: #0a0a0a !important;
}

/* Kill gradient backgrounds */
[data-theme="terminal"] .bg-gradient-to-br {
    background: #0a0a0a !important;
}
[data-theme="terminal"] .bg-gradient-to-t {
    background: transparent !important;
}
[data-theme="terminal"] .bg-\[radial-gradient\(circle_at_center\2c_\#1a1a1a_0\%\2c_\#050505_70\%\)\] {
    background: transparent !important;
}


/* ------------------------------------------
   TEXT COLOR OVERRIDES
   ------------------------------------------ */
[data-theme="terminal"] .text-white {
    color: #33ff00 !important;
}
[data-theme="terminal"] .text-\[\#FFFFFF\] {
    color: #33ff00 !important;
}
[data-theme="terminal"] .text-\[\#888888\] {
    color: #1f521f !important;
}
[data-theme="terminal"] .text-\[\#666666\] {
    color: #1f521f !important;
}
[data-theme="terminal"] .text-\[\#555555\] {
    color: #1f521f !important;
}
[data-theme="terminal"] .text-\[\#444444\] {
    color: #143a14 !important;
}
[data-theme="terminal"] .text-\[\#333333\] {
    color: #143a14 !important;
}
[data-theme="terminal"] .text-\[\#FF6B50\] {
    color: #ffb000 !important;
}
[data-theme="terminal"] .text-black {
    color: #0a0a0a !important;
}

/* Hover text overrides */
[data-theme="terminal"] .hover\:text-white:hover {
    color: #33ff00 !important;
}
[data-theme="terminal"] .hover\:text-\[\#FF6B50\]:hover {
    color: #ffb000 !important;
}
[data-theme="terminal"] .hover\:text-black:hover {
    color: #0a0a0a !important;
}
[data-theme="terminal"] .group:hover .group-hover\:text-\[\#FF6B50\] {
    color: #ffb000 !important;
}
[data-theme="terminal"] .group:hover .group-hover\:text-\[\#888888\] {
    color: #33ff00 !important;
}
[data-theme="terminal"] .group:hover .group-hover\:text-\[\#666666\] {
    color: #33ff00 !important;
}
[data-theme="terminal"] .group:hover .group-hover\:text-black {
    color: #0a0a0a !important;
}

/* Hover background overrides */
[data-theme="terminal"] .hover\:bg-white:hover {
    background: #33ff00 !important;
}
[data-theme="terminal"] .hover\:bg-\[\#FF6B50\]:hover {
    background: #33ff00 !important;
}
[data-theme="terminal"] .hover\:bg-\[\#111111\]:hover {
    background: #0a0a0a !important;
}
[data-theme="terminal"] .group:hover .group-hover\:bg-\[\#FF6B50\] {
    background: #33ff00 !important;
}

/* Accent dot colors */
[data-theme="terminal"] .bg-\[\#FF6B50\] {
    background-color: #33ff00 !important;
}


/* ------------------------------------------
   MISC OVERRIDES
   ------------------------------------------ */

/* Kill the magnetic button effect */
[data-theme="terminal"] .magnetic-btn {
    transition: none !important;
}

/* Scroll reveal — instant/fast */
[data-theme="terminal"] .reveal {
    transition: opacity 0.2s linear, transform 0.2s linear !important;
}

/* img reveal */
[data-theme="terminal"] .img-reveal {
    transition: clip-path 0.3s linear !important;
}

/* Tilt card — flatten */
[data-theme="terminal"] .tilt-card {
    transform-style: flat !important;
}

/* Glass nav override */
[data-theme="terminal"] .glass-nav {
    background: #0a0a0a !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Rounded overrides for specific elements */
[data-theme="terminal"] .rounded-full {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-lg {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-xl {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-2xl {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-\[2rem\] {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-\[2\.5rem\] {
    border-radius: 0 !important;
}
[data-theme="terminal"] .rounded-sm {
    border-radius: 0 !important;
}


/* ------------------------------------------
   FOCUS STATES — Accessibility
   ------------------------------------------ */
[data-theme="terminal"] .form-submit:focus-visible,
[data-theme="terminal"] .theme-toggle:focus-visible,
[data-theme="terminal"] a:focus-visible,
[data-theme="terminal"] button:focus-visible,
[data-theme="terminal"] input:focus-visible,
[data-theme="terminal"] textarea:focus-visible {
    outline: 1px solid #33ff00 !important;
    outline-offset: 2px !important;
}


/* ------------------------------------------
   REDUCED MOTION — Accessibility
   ------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
    [data-theme="terminal"] #heroText::after {
        animation: none !important;
        opacity: 1 !important;
    }
    [data-theme="terminal"] #contact h2::after {
        animation: none !important;
        opacity: 1 !important;
    }
    [data-theme="terminal"] .min-h-screen::after {
        display: none !important;
    }
    [data-theme="terminal"] * {
        animation: none !important;
        transition-duration: 0ms !important;
    }
}


/* ------------------------------------------
   ABOUT PAGE OVERRIDES
   ------------------------------------------ */

/* About page hero */
[data-theme="terminal"] header h1 {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6);
}
[data-theme="terminal"] header h1 span {
    color: #ffb000 !important;
    text-shadow: 0 0 10px rgba(255, 176, 0, 0.5);
}
[data-theme="terminal"] header p {
    color: #1f521f !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
}

/* Our Story section text */
[data-theme="terminal"] section .text-\[\#cccccc\] {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    font-size: 13px !important;
}

/* Stat cards on about page */
[data-theme="terminal"] .grid .bg-\[\#0a0a0a\] .text-\[\#FF6B50\] {
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}
[data-theme="terminal"] .grid .bg-\[\#0a0a0a\] .text-\[\#666666\] {
    color: #1f521f !important;
}

/* Team section heading */
[data-theme="terminal"] section > .text-\[\#FF6B50\] {
    color: #33ff00 !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

/* Team member cards */
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] {
    background: #0a0a0a !important;
    border: 1px solid #1f521f !important;
    box-shadow: none !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\]:hover {
    border-color: #33ff00 !important;
}

[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\]::before {
    content: '+--- TEAM ---+';
    display: block;
    background: #0f0f0f;
    color: #33ff00;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 700;
    font-size: 10px;
    padding: 6px 12px;
    border-bottom: 1px solid #1f521f;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}

[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] h3 {
    color: #33ff00 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] h3 + p {
    color: #ffb000 !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] .text-\[\#FFFFFF\] {
    color: #33ff00 !important;
    font-size: 12px !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] .aspect-square img {
    filter: grayscale(100%) brightness(0.5) sepia(100%) hue-rotate(70deg) saturate(300%) !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] .aspect-square .bg-gradient-to-t {
    display: none !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] .border-t {
    border-color: #1f521f !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] ul li {
    color: #33ff00 !important;
}
[data-theme="terminal"] .tilt-card.bg-\[\#0a0a0a\] ul li span {
    background: #33ff00 !important;
}

/* CTA footer on about page */
[data-theme="terminal"] footer h2 {
    color: #33ff00 !important;
    text-shadow: 0 0 10px rgba(51, 255, 0, 0.6);
}
[data-theme="terminal"] footer h2 .text-\[\#FF6B50\] {
    color: #ffb000 !important;
}

/* CTA button on about page */
[data-theme="terminal"] footer .magnetic-btn.bg-\[\#FF6B50\] {
    background: transparent !important;
    color: #33ff00 !important;
    border: 1px solid #33ff00 !important;
    box-shadow: none !important;
    text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
[data-theme="terminal"] footer .magnetic-btn.bg-\[\#FF6B50\]:hover {
    background: #33ff00 !important;
    color: #0a0a0a !important;
    text-shadow: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* About page footer bar */
[data-theme="terminal"] footer .border-t {
    border-color: #1f521f !important;
    border-style: dashed !important;
}
[data-theme="terminal"] footer .text-\[\#f5f5f5\] {
    color: #33ff00 !important;
}
[data-theme="terminal"] footer .border-t a {
    color: #33ff00 !important;
    text-decoration: none !important;
}
[data-theme="terminal"] footer .border-t a:hover {
    color: #ffb000 !important;
}

/* Section borders */
[data-theme="terminal"] section.border-t {
    border-color: #1f521f !important;
}

/* ==========================================
   STRUCTURAL LAYOUT OVERRIDES
   Transforms the page from a modern multi-column
   layout into a narrow single-column terminal
   ========================================== */

/* 1. NARROW TERMINAL VIEWPORT — constrain everything to 800px */
[data-theme="terminal"] .min-h-screen {
    max-width: 900px !important;
    margin: 0 auto !important;
    border-left: 1px solid #1f521f !important;
    border-right: 1px solid #1f521f !important;
}

/* 2. HERO — compact, left-aligned, not full-screen */
[data-theme="terminal"] header {
    height: auto !important;
    min-height: auto !important;
    padding: 120px 24px 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

[data-theme="terminal"] header .relative.z-10 {
    width: 100% !important;
}

[data-theme="terminal"] header h1,
[data-theme="terminal"] header .hero-text {
    text-align: left !important;
    font-size: clamp(2rem, 8vw, 4rem) !important;
}

[data-theme="terminal"] header #heroSub {
    text-align: left !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Move hero bottom elements to flow instead of absolute */
[data-theme="terminal"] header .absolute.bottom-12.left-8,
[data-theme="terminal"] header .absolute.bottom-12.left-8.md\:left-12 {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 32px !important;
}

[data-theme="terminal"] header .absolute.bottom-12.right-8,
[data-theme="terminal"] header .absolute.bottom-12.right-8.md\:right-12 {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    text-align: left !important;
    margin-top: 16px !important;
}

/* Hide scroll indicator */
[data-theme="terminal"] header .animate-bounce {
    display: none !important;
}

/* Hide background gradient and grid */
[data-theme="terminal"] header > .absolute {
    display: none !important;
}

/* 3. MARQUEE — kill animation, show as static list */
[data-theme="terminal"] .min-h-screen > .border-y {
    overflow: visible !important;
    padding: 16px 24px !important;
}

[data-theme="terminal"] .marquee-track {
    animation: none !important;
    flex-wrap: wrap !important;
    gap: 4px 16px !important;
    width: auto !important;
}

/* Hide duplicate marquee items */
[data-theme="terminal"] .marquee-track > span:nth-child(n+8) {
    display: none !important;
}

/* 4. ABOUT — single column stack */
[data-theme="terminal"] #about {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

[data-theme="terminal"] #about > .grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

[data-theme="terminal"] #about .tilt-card {
    min-height: auto !important;
}

/* 5. STATS — single column, left-aligned like cat output */
[data-theme="terminal"] #stats {
    padding: 24px !important;
}

[data-theme="terminal"] #stats > .max-w-7xl {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

[data-theme="terminal"] #stats .text-center {
    text-align: left !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 12px !important;
    padding: 4px 0 !important;
    border-bottom: 1px dashed #143a14 !important;
}

[data-theme="terminal"] #stats .counter {
    font-size: 1.5rem !important;
    min-width: 80px !important;
}

[data-theme="terminal"] #stats .text-center > p {
    margin-top: 0 !important;
}

/* Hide progress bar pseudo-elements in structural view */
[data-theme="terminal"] #stats .text-center::after {
    display: none !important;
}

/* Add cat header */
[data-theme="terminal"] #stats::before {
    text-align: left !important;
    content: '$ cat /var/log/metrics.txt' !important;
    margin-bottom: 16px !important;
    color: #33ff00 !important;
    font-size: 12px !important;
}

/* 6. SERVICES — single column directory listing */
[data-theme="terminal"] #services {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

[data-theme="terminal"] #services > .grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    background: transparent !important;
}

[data-theme="terminal"] #services > .grid > div {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px dashed #1f521f !important;
    padding: 16px 0 !important;
}

[data-theme="terminal"] #services > .grid > div:last-child {
    border-bottom: none !important;
}

/* Collapse service card sub-items into inline */
[data-theme="terminal"] #services > .grid > div > .mt-auto {
    padding-top: 8px !important;
}

[data-theme="terminal"] #services > .grid > div > .mt-auto ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 16px !important;
}

/* Hide service icons in compact mode */
[data-theme="terminal"] #services > .grid .w-14 {
    display: none !important;
}

/* Shopify callout — compact */
[data-theme="terminal"] #services > .mt-8 .tilt-card {
    flex-direction: column !important;
    padding: 16px !important;
}

[data-theme="terminal"] #services > .mt-8 .w-16 {
    display: none !important;
}

/* 7. PORTFOLIO — file listing style, hide images */
[data-theme="terminal"] #work {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

[data-theme="terminal"] #work > .grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}

/* Remove stagger offset */
[data-theme="terminal"] #work article.md\:mt-24 {
    margin-top: 0 !important;
}

/* Hide project images */
[data-theme="terminal"] #work article .aspect-\[4\/3\] {
    display: none !important;
}

/* Project info becomes a single line entry */
[data-theme="terminal"] #work article {
    border: none !important;
    border-bottom: 1px dashed #1f521f !important;
    padding: 12px 0 !important;
}

[data-theme="terminal"] #work article > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

[data-theme="terminal"] #work article > a::before {
    display: none !important;
}

[data-theme="terminal"] #work article > a > .mt-8 {
    margin-top: 0 !important;
}

/* Project name and type on one line */
[data-theme="terminal"] #work article h3 {
    font-size: 14px !important;
}

/* Arrow button smaller */
[data-theme="terminal"] #work article .p-3 {
    padding: 4px !important;
    width: 28px !important;
    height: 28px !important;
}

/* 8. FOOTER — compact CLI form */
[data-theme="terminal"] #contact {
    padding-top: 60px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

[data-theme="terminal"] #contact > div {
    flex-direction: column !important;
}

/* CTA headline smaller */
[data-theme="terminal"] #contact h2 {
    font-size: clamp(2rem, 8vw, 4rem) !important;
    line-height: 1.1 !important;
}

/* Form labels as CLI prompts */
[data-theme="terminal"] .form-label::before {
    content: '> ' !important;
    color: #33ff00 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Social buttons horizontal compact */
[data-theme="terminal"] .social-btn {
    width: 32px !important;
    height: 32px !important;
}

/* 9. NAV — tmux-style tab bar */
[data-theme="terminal"] #topNav {
    padding: 0 !important;
    gap: 0 !important;
}

[data-theme="terminal"] #topNav > .flex:first-child {
    gap: 0 !important;
}

[data-theme="terminal"] #topNav .nav-link {
    padding: 12px 16px !important;
    border-right: 1px solid #1f521f !important;
}

/* Bottom nav — full-width terminal taskbar */
[data-theme="terminal"] #bottomNav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: translateX(0) !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    border-left: 1px solid #1f521f !important;
    border-right: 1px solid #1f521f !important;
    border-bottom: none !important;
    justify-content: stretch !important;
}

[data-theme="terminal"] .theme-toggle {
    flex: 1 !important;
    justify-content: center !important;
    border-right: 1px solid #1f521f !important;
}

[data-theme="terminal"] .theme-toggle:last-child {
    border-right: none !important;
}

/* 10. RESPONSIVE — mobile adjustments for terminal */
@media (max-width: 768px) {
    [data-theme="terminal"] .min-h-screen {
        border-left: none !important;
        border-right: none !important;
    }

    [data-theme="terminal"] header {
        padding: 100px 16px 40px !important;
    }

    [data-theme="terminal"] #stats .text-center {
        flex-wrap: wrap !important;
    }

    [data-theme="terminal"] #bottomNav {
        border-left: none !important;
        border-right: none !important;
    }
}


/* ==========================================
   ABOUT.HTML — STRUCTURAL OVERRIDES
   Narrow single-column CLI for about page
   ========================================== */

/* About hero — compact left-aligned */
[data-theme="terminal"] header.relative.pt-48 {
    padding-top: 100px !important;
    padding-bottom: 40px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

[data-theme="terminal"] header.relative.pt-48 h1 {
    font-size: clamp(1.5rem, 5vw, 2.5rem) !important;
    text-align: left !important;
    line-height: 1.2 !important;
}

/* Our Story section — single column */
[data-theme="terminal"] section.border-t .grid.grid-cols-1.md\:grid-cols-2 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
}

/* Story stats — compact inline */
[data-theme="terminal"] section.border-t .grid.grid-cols-2 {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
}

[data-theme="terminal"] section.border-t .grid.grid-cols-2 > div {
    padding: 8px 12px !important;
    border-bottom: 1px dashed #1f521f !important;
    text-align: left !important;
}

/* Team section — single column list */
[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

/* Team cards — compact horizontal layout */
[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 > .tilt-card {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0 16px !important;
    padding: 16px !important;
    min-height: auto !important;
}

/* Team headshot — small square */
[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 > .tilt-card > .aspect-square {
    grid-row: 1 / -1 !important;
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 0 !important;
}

/* Team bio text — collapse */
[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 > .tilt-card > p.text-sm {
    display: none !important;
}

/* Team skills — inline */
[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 > .tilt-card > .pt-4 {
    grid-column: 2 !important;
    padding-top: 4px !important;
    border-top: none !important;
}

[data-theme="terminal"] section .grid.grid-cols-1.md\:grid-cols-3 > .tilt-card > .pt-4 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 12px !important;
}

/* About footer — compact */
[data-theme="terminal"] footer .max-w-7xl.text-center h2 {
    font-size: clamp(1.5rem, 5vw, 3rem) !important;
}