/* Brutalism Theme */

body.brutalism-mode {
    --primary-color: #FF0000; /* Stark Red */
    --accent-color: #00FF00;  /* Electric Green */
    --highlight-color: #0000FF; /* Deep Blue */
    
    --base-bg-1: #1A1A1A; /* Near Black */
    --base-bg-2: #333333; /* Dark Gray */
    
    --card-bg: #FFFFFF; /* White */
    --card-border: #000000; /* Black */
    
    --text-color: #000000; /* Black text on white cards */
    --header-bg: #CCCCCC; /* Light Gray Header */

    background-color: var(--base-bg-1);
    color: #FFFFFF; /* White text on dark background */
    font-family: 'Space Mono', monospace;
}

.brutalism-mode h1, .brutalism-mode h2, .brutalism-mode h3, .brutalism-mode h4, .brutalism-mode h5, .brutalism-mode h6 {
    font-family: 'Bebas Neue', sans-serif; /* Bold, impactful font */
    color: var(--primary-color);
    text-transform: uppercase;
    border-bottom: 4px solid var(--card-border);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.brutalism-mode h2::after {
    display: none; /* Remove gradient underline */
}

.brutalism-mode section {
    border: 2px solid var(--card-border);
    /*margin: 2rem 0;*/
    padding: 3rem 2rem;
}

.brutalism-mode header {
    /*background-color: var(--header-bg);*/
    /*border-bottom: 4px solid var(--card-border);*/
    backdrop-filter: none;
}

.brutalism-mode .logo span {
    color: var(--text-color);
}

.brutalism-mode nav a {
    color: var(--text-color);
    text-decoration: underline;
    font-weight: bold;
}

.brutalism-mode nav a::after {
    display: none; /* Remove hover underline animation */
}

.brutalism-mode .cta-button-small {
    background-color: var(--primary-color);
    color: white;
    border: 2px solid var(--card-border);
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.brutalism-mode .theme-button .sun,
.brutalism-mode .theme-button .moon,
.brutalism-mode .theme-button .colorful {
    display: none;
}

.brutalism-mode .theme-button .brutalism {
    display: block !important;
}

/* Hero Section */
.brutalism-mode #hero {
    background-color: var(--base-bg-1);
    border: none;
}

.brutalism-mode .hero-background-image {
    opacity: 0.2; /* Make background images starker */
    filter: grayscale(100%);
}

.brutalism-mode #hero::after {
    background: none; /* Remove overlay */
}

.brutalism-mode .hero-heading {
    color: var(--primary-color);
    text-shadow: none;
}

.brutalism-mode .hero-subheading {
    color: var(--accent-color);
}

.brutalism-mode .hero-cta-button {
    background: var(--primary-color);
    color: white !important;
    border-radius: 0;
    box-shadow: none;
    border: 2px solid var(--card-border);
}

.brutalism-mode .hero-cta-button::after {
    display: none;
}

.brutalism-mode .hero-cta-button:hover {
    transform: none;
    box-shadow: none;
    background-color: var(--accent-color);
}

/* Intro Section */
.brutalism-mode #intro {
    background-color: var(--base-bg-2);
    color: white;
}

.brutalism-mode #intro h2 {
    color: var(--primary-color);
}

/* Why Different Section */
.brutalism-mode #why-different {
    background-color: var(--base-bg-1);
}

.brutalism-mode .feature-item {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-radius: 0;
    border: 2px solid var(--card-border);
    box-shadow: none;
}

.brutalism-mode .feature-item:hover {
    transform: none;
    box-shadow: none;
    background-color: var(--highlight-color);
}

.brutalism-mode .feature-item .icon {
    color: var(--primary-color);
}

/* Services Section */
.brutalism-mode .card {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-radius: 0;
    border: 2px solid var(--card-border);
    box-shadow: none;
}

.brutalism-mode .card:hover {
    transform: none;
    box-shadow: none;
    background-color: var(--highlight-color);
}

.brutalism-mode .card .icon {
    color: var(--primary-color);
}

.brutalism-mode .card .card-image {
    border-radius: 0;
    border: 2px solid var(--card-border);
    filter: grayscale(100%);
}

/* Process Section */
.brutalism-mode .interactive-container {
    background-color: var(--base-bg-2);
    border-radius: 0;
    border: 2px solid var(--card-border);
}

.brutalism-mode .interactive-list {
    border-right: 2px solid var(--card-border);
}

.brutalism-mode .interactive-item {
    border-radius: 0;
    border-bottom: 1px solid var(--card-border);
}

.brutalism-mode .interactive-item.active {
    background-color: var(--primary-color);
    color: white;
}

.brutalism-mode .interactive-item .icon {
    color: var(--primary-color);
}

.brutalism-mode .interactive-item.active .icon {
    color: white;
}

.brutalism-mode .display-image {
    border-radius: 0;
    border: 2px solid var(--card-border);
    filter: grayscale(100%);
}

/* Technologies Section */
.brutalism-mode .tech-logo {
    color: var(--primary-color);
}

.brutalism-mode #industries {
    background-color: var(--base-bg-2);
}

.brutalism-mode #industries .tech-logo, 
.brutalism-mode #industries .tech-logo span, 
.brutalism-mode #industries .tech-logo svg {
    color: white !important;
}

/* Portfolio Section */
.brutalism-mode .portfolio-item {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-radius: 0;
    border: 2px solid var(--card-border);
}

.brutalism-mode .portfolio-item img {
    border: 2px solid var(--card-border);
    border-radius: 0;
    filter: grayscale(100%);
}

/* Testimonials Section */
.brutalism-mode .testimonial-slider {
    border: 2px solid var(--card-border);
    padding: 2rem;
    background-color: var(--card-bg);
    color: var(--text-color);
}

.brutalism-mode .testimonial-author {
    color: var(--primary-color);
}

/* Pricing Section */
.brutalism-mode #pricing {
    background-color: var(--base-bg-1); /* Ensure background is set */
    color: white; /* Ensure text is visible */
}

.brutalism-mode .pricing-card {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-radius: 0;
    border: 2px solid var(--card-border);
}

.brutalism-mode .pricing-card.featured {
    transform: none;
    border-color: var(--primary-color);
    box-shadow: none;
}

.brutalism-mode .pricing-price {
    color: var(--primary-color);
}

.brutalism-mode .pricing-features li {
    border-bottom: 1px dashed var(--card-border);
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

/* CTA Section */
.brutalism-mode #cta {
    background: var(--primary-color);
    color: white;
    border-radius: 0;
    margin: 4rem 0;
    border: 2px solid var(--card-border);
}

.brutalism-mode #cta h2 {
    color: white;
}

.brutalism-mode #cta .cta-button {
    background-color: var(--accent-color);
    color: black;
    border-radius: 0;
    box-shadow: none;
    border: 2px solid var(--card-border);
}

/* Contact Form Section */
.brutalism-mode #contact-form {
    background-color: var(--base-bg-1);
    color: white;
    display: block;
}

.brutalism-mode .contact-container {
    background-color: var(--base-bg-2);
    border-radius: 0;
    border: 2px solid var(--card-border);
    box-shadow: none;
}

.brutalism-mode .contact-form label {
    color: var(--primary-color);
    display: block;
}

.brutalism-mode .contact-form input[type="text"],
.brutalism-mode .contact-form input[type="email"],
.brutalism-mode .contact-form textarea {
    background-color: var(--card-bg);
    color: var(--text-color);
    border: 2px solid var(--card-border);
    border-radius: 0;
    display: block;
}

.brutalism-mode .contact-form input[type="text"]:focus,
.brutalism-mode .contact-form input[type="email"]:focus,
.brutalism-mode .contact-form textarea:focus {
    border-color: var(--accent-color);
}

.brutalism-mode .contact-form .cta-button {
    background-color: var(--accent-color);
    color: black;
    display: inline-block;
}

.brutalism-mode .contact-info-sidebar {
    background-color: var(--base-bg-1);
    border-radius: 0;
    border: 2px solid var(--card-border);
    color: white;
}

.brutalism-mode .contact-info-sidebar h3 {
    color: var(--accent-color);
}

.brutalism-mode .social-links a {
    color: var(--primary-color);
}

/* Footer Section */
.brutalism-mode footer {
    background-color: var(--base-bg-2);
    color: white;
    border-top: 2px solid var(--card-border);
    display: block;
}

.brutalism-mode footer .logo span,
.brutalism-mode footer .contact-info p {
    color: white;
}

.brutalism-mode footer .logo span,
.brutalism-mode footer .contact-info a {
    color: white;
}
.brutalism-mode #why-choose-us {
    background-color: var(--base-bg-1);
}

.brutalism-mode .choose-us-item {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-radius: 0;
    border: 2px solid var(--card-border);
    box-shadow: none;
}

.brutalism-mode .choose-us-item:hover {
    transform: none;
    box-shadow: none;
    background-color: var(--highlight-color);
}

.brutalism-mode .choose-us-item .icon {
    color: var(--primary-color);
}

.brutalism-mode .choose-us-item h3 {
    color: var(--primary-color);
    text-transform: uppercase;
}

.brutalism-mode .choose-us-item p {
    color: var(--text-color);
}

/* Accessibility overrides for Brutalism Theme */
body.brutalism-mode.high-contrast-mode {
    --header-bg: var(--base-bg-1) !important;
    --card-bg: var(--light-bg) !important;
    --border-color: var(--dark-text) !important;
    --interactive-bg: var(--base-bg-2) !important;
}

body.brutalism-mode.high-contrast-mode .choose-us-item,
body.brutalism-mode.high-contrast-mode .card,
body.brutalism-mode.high-contrast-mode .feature-item,
body.brutalism-mode.high-contrast-mode .portfolio-item,
body.brutalism-mode.high-contrast-mode .pricing-card,
body.brutalism-mode.high-contrast-mode .contact-container,
body.brutalism-mode.high-contrast-mode .contact-info-sidebar {
    border: 2px solid var(--dark-text) !important; /* Stronger border */
    box-shadow: none !important; /* Remove shadows */
}

body.brutalism-mode.high-contrast-mode .cta-button,
body.brutalism-mode.high-contrast-mode .cta-button-small,
body.brutalism-mode.high-contrast-mode .hero-cta-button {
    background-color: var(--dark-text) !important;
    color: var(--light-bg) !important;
    border: 2px solid var(--dark-text) !important;
}

body.brutalism-mode.high-contrast-mode .icon svg {
    color: var(--dark-text) !important;
}

body.brutalism-mode.high-contrast-mode h1,
body.brutalism-mode.high-contrast-mode h2,
body.brutalism-mode.high-contrast-mode h3,
body.brutalism-mode.high-contrast-mode h4,
body.brutalism-mode.high-contrast-mode h5,
body.brutalism-mode.high-contrast-mode h6 {
    color: var(--dark-text) !important;
    border-bottom-color: var(--dark-text) !important;
}

/* High Contrast Overrides for Brutalism Technology Icons */
body.brutalism-mode.high-contrast-mode .tech-logo,
body.brutalism-mode.high-contrast-mode .tech-logo span {
    color: #FFF !important;
}

body.brutalism-mode.high-contrast-mode .tech-logo svg * {
    stroke: #FFF !important;
    fill: #FFF !important;
}

/* High Contrast Overrides for Brutalism Buttons */
body.brutalism-mode.high-contrast-mode .cta-button,
body.brutalism-mode.high-contrast-mode .cta-button-small,
body.brutalism-mode.high-contrast-mode .hero-cta-button,
body.brutalism-mode.high-contrast-mode .pricing-card button {
    color: #000 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}