/* hide-compare.css
   Non-destructive overrides to disable the compare UI across skins.
   This file hides compare buttons, dropdowns and related counts/icons.
*/

/* Hide compare buttons wherever they appear */
.btn-compare,
.compare-link,
.compare-toggle,
.compare-btn,
.compare-actions,
.compare-dropdown,
.compare-products,
.compare-list,
.compare-product-title,
.compare-txt,
.compare-count,
.compare-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Remove compare icons set via :before */
.btn-compare:before,
.compare-link:before,
.compare-toggle:before {
    content: none !important;
}

/* Header-specific compare dropdowns (ensure no gap in header icons) */
.header .compare-dropdown,
.header .compare-link,
.header .compare-txt {
    display: none !important;
}

/* If any script relies on compare counts, keep the element present but hidden to avoid JS errors */
.compare-count-placeholder {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}