/* ULTRA AGGRESSIVE OVERRIDE - Maximum Specificity */

/* Import Manrope first */

/* Reset everything */
html { background-color: #ffffff !important; }
body { 
    background-color: #ffffff !important;
    color: #1D1D1F !important;
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
}

* {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
}

/* Hide sidebar and blue elements */
.left-sidebar { display: none !important; }
#left-column { display: none !important; }
.col-md-3 { display: none !important; }

/* Full width content */
#center-column { width: 100% !important; max-width: 100% !important; }
#main { width: 100% !important; }
.row #center-column { margin: 0 !important; }

/* Remove blue logo styling */
.logo { color: #1D1D1F !important; }
.logo a { color: #1D1D1F !important; }
.logo h1 { color: #1D1D1F !important; }

/* Override blue colors from Bootstrap */
.btn-primary { 
    background-color: #111113 !important;
    border-color: #111113 !important;
    color: #fff !important;
}

.btn { 
    background-color: #111113 !important;
    color: #fff !important;
    border-radius: 999px !important;
}

a { color: #1D1D1F !important; }
a:visited { color: #1D1D1F !important; }
a:active { color: #1D1D1F !important; }

/* Products grid */
.products { 
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
}

.product-miniature { 
    border-radius: 22px !important;
    border: 1px solid #EDEDEA !important;
    box-shadow: 0 10px 26px -16px rgba(20,20,20,0.18) !important;
}

.product-miniature:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 44px -22px rgba(20,20,20,0.22) !important;
}

/* Footer colors */
footer { background-color: #F7F7F5 !important; color: #86868B !important; }
footer h3, footer h4 { color: #1D1D1F !important; }

/* Remove all blue highlights */
.active, .active > a, .current { color: #1D1D1F !important; background: transparent !important; }

/* Header */
.header-top { background-color: rgba(255,255,255,0.82) !important; }

/* Search bar */
.search-widget input { 
    border-radius: 999px !important;
    background-color: #F7F7F5 !important;
    border: 1px solid #EDEDEA !important;
}

/* Remove Bootstrap classes that force blue */
.pagination .active { 
    background-color: #111113 !important;
    border-color: #111113 !important;
}

/* Extreme specificity for links */
a:link { color: #1D1D1F !important; text-decoration: none !important; }
a:hover { color: #B76E84 !important; }

/* Override inline styles */
span[style*="color"] { color: #1D1D1F !important; }

/* Forms */
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
    border-radius: 12px !important;
    border: 1px solid #EDEDEA !important;
    background-color: #fff !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #1D1D1F !important;
    box-shadow: 0 10px 26px -16px rgba(20,20,20,0.18) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #1D1D1F !important;
    font-weight: 800 !important;
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
}

/* Force removal of problematic colors */
.glyphicon { color: inherit !important; }
.fa { color: inherit !important; }

/* Last resort - CSS variables */
:root {
    --primary: #111113 !important;
    --secondary: #86868B !important;
    --light: #F7F7F5 !important;
    --dark: #1D1D1F !important;
}