/* VISIBILITY FIX CSS - Load AFTER branding.css to override all conflicts */
/* This file uses aggressive !important declarations to ensure visibility */

/* Force CSS Variables for Colors */
:root {
    --text-primary: #333333 !important;
    --text-secondary: #757575 !important;
    --primary-orange: #FB7701 !important;
    --primary-orange-hover: #E66A00 !important;
    --bg-white: #ffffff !important;
    --bg-page: #f6f6f6 !important;
}

/* Aggressive Button Overrides - Highest Specificity */
body .btn,
html .btn,
* .btn,
.btn.btn,
.btn-primary,
.btn-accent,
.cart-sticky-footer .btn,
.container .btn,
.main-header .btn,
.header-content .btn {
    background-color: #FB7701 !important;
    background: #FB7701 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Removed aggressive header icon overrides to allow colorful Zen design */

/* Aggressive Search Button Override */
body .search-btn,
html .search-btn,
* .search-btn,
.main-header .search-btn,
.header-content .search-btn,
.container .search-btn {
    background: #FB7701 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Aggressive Badge Override */
.badge-count,
.header-icon-link .badge-count,
.main-header .badge-count {
    background: #FB7701 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Ensure specific color classes work */
.price-current,
.text-orange,
.price-symbol,
.sales-count {
    color: var(--primary-orange) !important;
}

.price-red {
    color: var(--price-red) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

/* Ensure all interactive elements are visible */
a,
button,
input,
select,
textarea {
    color: inherit !important;
}