/* 
=============================================================================
CLEANUP STYLES - Hide Unnecessary Elements
Created: January 9, 2026
Removes clutter from pages by hiding banners, sidebars and legacy header parts
=============================================================================
*/

/* Hide the top banner ad (Epson/CAS banners) */
.top-banner-ad-01,
.prod-advt468,
.right-bnnr-196,
.prod-btmnav-img {
    display: none !important;
}

/* Hide the right sidebar navigation banners (Orange Buttons) */
.rgt-bnrnav-wrap {
    display: none !important;
}

/* Hide product category navigation on right sidebar */
.prod-catgry-nav-title,
.prod-catgry-nav {
    display: none !important;
}

/* Hide Legacy Header Parts that clash with Modern Header */
#header .top-link-holder,
#header .main-nav-top,
#header .search-prod-top,
#header .top-banner-ad-01 {
    display: none !important;
}

/* Fix for overlapping text in legacy headers */
#header {
    height: auto !important;
    min-height: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hide the entire right navigation panel if it's empty/unwanted */
.right-nav-pannel {
    display: none !important;
}

/* Expand content area to use full width when right panel is hidden */
.mid-content-holder,
.mid-content-holder-hom {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    float: none !important;
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important;
}

/* Breadcrumb styling */
.ftrd-breadcrum {
    margin-bottom: 20px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eee !important;
    width: 100% !important;
}

/* Page Title styling */
.prod-list-title {
    font-size: 32px !important;
    color: #033e73 !important;
    margin-bottom: 30px !important;
    background: none !important;
    padding: 0 !important;
    height: auto !important;
}

/* Wrapper fix */
#wrapper {
    width: 100% !important;
    max-width: 100% !important;
    background: #f8fafc !important;
}

/* Ensure images in content don't break layout */
.txt-contnt img {
    max-width: 100% !important;
    height: auto !important;
}
/* Mobile Overflow Fixes */
@media (max-width: 768px) {
    body {
        overflow-x: hidden !important;
    }
    
    #wrapper {
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    
    .mid-content-holder,
    .mid-content-holder-hom {
        padding: 10px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    
    .txt-contnt {
        padding: 0 !important;
        overflow-x: hidden !important;
    }
    
    .modern-form {
        padding: var(--space-4) !important;
        margin: 0 !important;
        border-radius: var(--radius-md) !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .modern-info-box {
        padding: var(--space-3) var(--space-4) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 0.875rem !important;
    }
    
    .prod-list-title {
        font-size: 1.5rem !important;
        padding: 0 10px !important;
    }
    
    .ftrd-breadcrum {
        padding: 10px !important;
        font-size: 0.875rem !important;
    }
}

@media (max-width: 480px) {
    .modern-form {
        padding: var(--space-3) !important;
    }
    
    .modern-form__input,
    .modern-form__select,
    .modern-form__textarea {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
    
    .modern-info-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: var(--space-3) !important;
    }
    
    .prod-list-title {
        font-size: 1.25rem !important;
    }
}