/* B2B Custom Trade Mode Styles - SmartReadingPen Brand */

:root {
    --color-primary: #00509D;
    --color-secondary: #6C757D;
    --color-cta: #FF9F1C; /* Education Orange for Quote Buttons */
}

/* Hide retail elements */
.box-prices, .detail-extralink, .cart-form, .product-price, .price-regular, .price, .header-cart-button, .dropdown-currencies, .box-slider-range, .shop-cart-offcanvas, #shop-cart-offcanvas {
    display: none !important;
}

/* Professional Header Top */
.header-top {
    background-color: #002D52 !important; /* Deeper Blue for Contrast */
}

.user-profile a, .header-top a {
    color: #ffffff !important;
}

/* Request Quote Button - High Contrast CTA */
.btn-request-quote {
    display: inline-block !important;
    background-color: var(--color-cta) !important;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 6px rgba(255, 159, 28, 0.3);
}

.btn-request-quote:hover {
    background-color: #e68a00 !important; /* Slightly Darker Orange */
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(255, 159, 28, 0.4);
}

/* Refine Product Cards for B2B */
.product-item-2 {
    border: 1px solid #e4e7eb;
    transition: all 0.3s ease;
}

.product-item-2:hover {
    border-color: var(--color-primary);
    box-shadow: 0 10px 30px rgba(0, 80, 157, 0.1);
}

/* Fix About Page Hero Banner Layout */
.banner-hero.banner-1 {
    padding: 120px 0 80px 0 !important;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.banner-hero .text-display-2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

.banner-hero .banner-imgs {
    position: relative;
    z-index: 1;
}

.banner-hero .banner-imgs img.shape-2 {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Navigation Links Styling */
.main-menu > li > a {
    font-weight: 600 !important;
    color: #1e293b !important;
}

/* Logo Optimization */
.header .header-logo img {
    max-height: 80px !important; /* Enlarged for clarity */
    width: auto !important;
    object-fit: contain;
    padding: 5px 0;
}

.main-menu > li > a:hover {
    color: var(--color-primary) !important;
}

/* Hide cart icon in header nav (additional rules) */
.box-search-top + .d-inline-block, 
.header-nav-right .me-3:last-child {
    display: none !important;
}