/* Custom scrollbar for webkit browsers (Chrome, Safari) - kept for usability */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #e5e5e5; /* Lighter gray */
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background: #525252; /* Darker gray */
    border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
    background: #262626; /* Black */
}

/* Brutalist active category button */
.category-filter.active {
    background-color: #000000; /* Black */
    color: #ffffff; /* White */
    font-weight: 700; /* Bold */
    border-left: 4px solid #1184FF; /* Accent Color */
}
.category-filter:hover:not(.active) {
    background-color: #e5e5e5; /* neutral-200 */
    color: #000000;
}

/* Ensure main content area takes up remaining height and scrolls independently */
#mainContentContainer, #contactPage { /* Added #mainContentContainer */
    height: calc(100vh - 80px); /* 80px is header height (h-20) */
}
#sidebar {
     height: calc(100vh - 80px);
}

/* Brutalist button style */
.btn-brutalist {
    border: 2px solid #000000;
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    padding: 0.5rem 1rem; /* py-2 px-4 */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.1s ease-in-out;
}
.btn-brutalist:hover {
    background-color: #000000;
    color: #ffffff;
}
.btn-brutalist-primary {
    background-color: #000000;
    color: #ffffff;
}
.btn-brutalist-primary:hover {
    background-color: #262626; /* Slightly lighter black */
    color: #ffffff;
}
 .btn-brutalist-accent {
    background-color: #1184FF; /* Accent Color */
    color: #ffffff; /* White text for better contrast on blue */
    border-color: #000000;
 }
 .btn-brutalist-accent:hover {
    background-color: #0e73d9; /* Darker shade of accent color */
    color: #ffffff;
 }
 .btn-brutalist-quote { /* Specific style for quote button */
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    border: 2px solid #000000;
 }
 .btn-brutalist-quote:hover {
     background-color: #000000;
     color: #ffffff;
 }


/* Input field brutalist style */
.input-brutalist {
    border: 2px solid #000000;
    background-color: #ffffff;
    color: #000000;
    padding: 0.625rem; /* p-2.5 */
}
.input-brutalist:focus {
    outline: 2px solid #000000;
    outline-offset: 2px;
}

/* Modal brutalist style */
.modal-brutalist {
    border: 3px solid #000000;
    background-color: #ffffff;
}

.product-card {
    position: relative; /* For absolute positioning of the button */
    transition: border-width 0.1s ease-in-out;
}
.product-card:hover {
    border-width: 4px;
}
.product-card .request-quote-btn {
    display: none; /* Hidden by default */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Ensure it's above the image */
}
.product-card:hover .request-quote-btn {
    display: block; /* Show on hover */
}
.product-card:hover img { /* Optional: slightly dim image on hover to make button pop */
    filter: brightness(0.7);
}