/* Thinkmate Professional Theme for ISPC */

/* Global Background - Light Enterprise Cleanliness */
body,
main,
#wrapper,
#main {
    background-color: #f2f2f2 !important;
    color: #333333 !important;
    font-family: 'Open Sans', 'Helvetica', sans-serif !important;
}

/* Header - Dark Corporate Slate Gradient */
#header,
.header-top,
.header-nav,
.header-top>.container {
    background-color: #2c3e50 !important;
    background-image: linear-gradient(to bottom, #2c3e50, #34495e) !important;
    color: #fff !important;
    border-bottom: 2px solid #e67e22;
    /* Slight orange accent border */
}

.header-nav {
    background-color: #1a252f !important;
    /* Darker top bar */
    border-bottom: 1px solid #34495e;
}

/* Logo Area Override */
#header .logo {
    background: transparent !important;
}

/* Menu */
.top-menu .category,
.top-menu .category>a {
    color: #ecf0f1 !important;
    font-weight: 600;
}

.popover {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    color: #333 !important;
}

/* Footer */
.footer-container {
    background-color: #2c3e50 !important;
    color: #ecf0f1 !important;
    border-top: 4px solid #f35427;
}

/* Product Cards - Minimalist White Cards */
.thumbnail-container,
.product-miniature {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    overflow: hidden;
}

.thumbnail-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    border-color: #f35427 !important;
    /* Orange Border on Hover */
}

/* Product Images - Light Gray Container (Thinkmate Style) */
.product-thumbnail,
.thumbnail-top {
    background-color: #f9f9f9;
    /* Very light gray to distinguish from white images */
    padding: 15px;
    border-bottom: 1px solid #eee;
    display: block;
    text-align: center;
}

/* Images - Ensure no mix-blend issues */
.thumbnail-container img {
    mix-blend-mode: normal;
    filter: none;
    max-width: 100%;
}

/* Typography & Links */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #2c3e50 !important;
    font-weight: 700;
}

.product-title a {
    color: #2980b9 !important;
    /* Professional Blue Link */
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
}

.product-title a:hover {
    color: #f35427 !important;
    /* Orange on Hover */
    text-decoration: underline;
}

.price {
    color: #333 !important;
    font-weight: bold;
    font-size: 1.2rem;
}

.regular-price {
    color: #7f8c8d !important;
}

/* Buttons - Vibrant Call to Action */
.btn-primary,
.add-to-cart {
    background-color: #f35427 !important;
    /* Thinkmate Orange */
    border-color: #e67e22 !important;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
    background-color: #d35400 !important;
    /* Darker Orange */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-secondary {
    background-color: #ecf0f1 !important;
    color: #2c3e50 !important;
    border-color: #bdc3c7 !important;
}

/* Badges */
.badge,
.new {
    background-color: #f35427 !important;
    /* Orange */
    color: white !important;
    border-radius: 2px;
}

.on-sale {
    background-color: #e74c3c !important;
    /* Red */
}

/* Breadcrumb */
.breadcrumb {
    background: transparent !important;
    padding-left: 0;
}

.breadcrumb-item a {
    color: #7f8c8d !important;
}

/* Inputs */
input,
select,
textarea,
.form-control {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

input:focus,
select:focus {
    border-color: #f35427 !important;
    /* Focus Orange */
    box-shadow: 0 0 0 2px rgba(243, 84, 39, 0.2) !important;
}

/* Blocks */
.card,
.block-contact,
.block-categories {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #333 !important;
}

/* Reassurance - Dark text for light bg, or white text if in footer */
#block-reassurance,
#block-reassurance .block-reassurance-item,
.block-reassurance-item,
.block-reassurance-item div,
.block-reassurance-item span,
.block-reassurance-item p {
    color: #555 !important;
    /* Dark Gray for readability on light background */
}

.block-reassurance-item svg,
.block-reassurance-item i {
    fill: #2c3e50 !important;
    color: #2c3e50 !important;
}

/* Featured Products Header */
#products .products-section-title,
.featured-products .products-section-title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid #f35427;
    /* Orange Underline */
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: #2c3e50 !important;
}

/* --- Contrast Fixes (Added for Readability) --- */
/* Top Header Text (Contact, Language, Login) */
.header-nav .right-nav,
.header-nav .right-nav a,
.header-nav .currency-selector,
.header-nav .user-info,
.header-nav .user-info .account,
.header-nav .user-info .account .material-icons,
.header-nav .expand-more {
    color: #ffffff !important;
}

.header-nav a:hover,
.header-nav .user-info .account:hover {
    color: #f35427 !important;
    /* Orange hover */
}

/* Main Menu Dropdown Text (Submenus) */
/* Force dark text on hover for top-level menu items */
.header-top .top-menu .popover,
.header-top .top-menu .dropdown-item:hover,
.header-top .top-menu .dropdown-item[aria-expanded="true"] {
    color: #333333 !important;
}

.top-menu .sub-menu a,
.popover .popover-content a,
.dropdown-item {
    color: #333333 !important;
    /* Dark Grey for readability on white */
}

.top-menu .sub-menu a:hover,
.dropdown-item:hover {
    color: #f35427 !important;
    background-color: #f2f2f2;
}

/* Specific fix for Contact Us if it's outside right-nav */
#contact-link,
#contact-link a,
.contact-link {
    color: #ffffff !important;
}

#contact-link a:hover,
.contact-link:hover {
    color: #f35427 !important;
}

/* Shopping Cart Fix */
.blockcart {
    background: transparent !important;
    color: #ffffff !important;
}

.blockcart a {
    color: #ffffff !important;
}

.blockcart .header {
    margin-top: 0 !important;
    padding: 0 !important;
}

.blockcart:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* --- Footer Contrast Fixes --- */
/* Store Information Block */
.block-contact {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

#contact-infos,
#contact-infos div,
.block-contact .block-contact-title,
.footer-container .h3,
.footer-container h3,
.footer-container p,
.footer-container li a,
.footer-container a,
.footer-container {
    color: #ffffff !important;
}

/* Make links slightly greyish when not hovered, but high contrast */
.footer-container li a,
.footer-container a {
    color: #e0e0e0 !important;
}

.footer-container li a:hover,
.footer-container a:hover {
    color: #f35427 !important;
    /* Orange hover */
    text-decoration: none !important;
}

/* Specific fix for Store Info Icon/Text */
.block-contact .icon {
    color: #f35427 !important;
    /* Orange icons */
}

/* Bottom copyright area */
.footer-container .row {
    background: transparent !important;
}

/* Hide styling for the unconfigured "Customer Reassurance" module */
#block-reassurance,
.blockreassurance_product,
.block-reassurance {
    display: none !important;
}