/* Fix terminal transparency to hide grid */
/* Light mode terminal - dark blue-gray theme */
body:not([data-theme="dark"]) .bg-terminal {
    background: #1a1e21 !important;
    position: relative;
    z-index: 101 !important;
}

body:not([data-theme="dark"]) .Terminal__Toolbar {
    background: linear-gradient(180deg, #2a2e31 0%, #1a1e21 100%) !important;
}

/* Dracula theme for dark mode - DARKER with subtle purple */
[data-theme="dark"] .bg-terminal {
    background: linear-gradient(135deg, #1a1b26 0%, #16171f 50%, #0d0e14 100%) !important;
    position: relative;
    z-index: 101 !important;
    border: 1px solid #44475a !important;
    box-shadow: 
        0 0 15px rgba(189, 147, 249, 0.1),
        inset 0 0 10px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .Terminal__Toolbar {
    background: linear-gradient(180deg, #282a36 0%, #1a1b26 100%) !important;
    border-bottom: 1px solid #44475a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Text colors for terminal in different modes */
body:not([data-theme="dark"]) .Terminal__body,
body:not([data-theme="dark"]) .terminal-content {
    color: #00ff00 !important; /* Matrix green in light mode */
}

body:not([data-theme="dark"]) .Prompt__user {
    color: #00ff00 !important;
}

body:not([data-theme="dark"]) .Prompt__location {
    color: #00ffff !important;
}

body:not([data-theme="dark"]) .Prompt__dollar {
    color: #ffff00 !important;
}

[data-theme="dark"] .Terminal__body,
[data-theme="dark"] .terminal-content {
    color: #f8f8f2 !important; /* Dracula foreground */
}

[data-theme="dark"] .Prompt__user {
    color: #50fa7b !important; /* Dracula green */
}

[data-theme="dark"] .Prompt__location {
    color: #bd93f9 !important; /* Dracula purple */
}

[data-theme="dark"] .Prompt__dollar {
    color: #ff79c6 !important; /* Dracula pink */
}

/* Ensure all content cards have solid backgrounds and are above grid */
.shadow-dark,
.rounded,
.service-box,
.portfolio-item,
.blog-item,
.price-item,
.testimonial-item,
.timeline-container,
.contact-info,
.skill-item,
.fact-item {
    position: relative;
    z-index: 101 !important;
}

[data-theme="dark"] .shadow-dark,
[data-theme="dark"] .rounded.shadow-dark {
    background-color: #131313 !important;
    z-index: 101 !important;
}

/* Service cards */
[data-theme="dark"] .service-box {
    background-color: #131313 !important;
    z-index: 101 !important;
}

/* Portfolio items */
[data-theme="dark"] .portfolio-item {
    background-color: #131313 !important;
    z-index: 101 !important;
}

/* Blog items */
[data-theme="dark"] .blog-item {
    background-color: #131313 !important;
    z-index: 101 !important;
}

/* Contact section */
[data-theme="dark"] .contact-info {
    background-color: #131313 !important;
    z-index: 101 !important;
}

/* Ensure sections with content have backgrounds */
section > .container {
    position: relative;
    z-index: 101;
}

/* Any element with shadow-dark class needs solid background */
.shadow-dark {
    background-color: #ffffff;
}

[data-theme="dark"] .shadow-dark {
    background-color: #131313 !important;
}