/* Global Black & Silver Theme - Replaces all accent colors */

/* BROWN COLOR OVERRIDE - REPLACES ALL BROWN COLORS WITH SILVER */
/* More aggressive selectors to override all brown colors */

/* Direct element targeting */
h2.title[style*="color:#b2752d"],
.title[style*="color:#b2752d"],
h2[style*="color:#b2752d"],
h3[style*="color:#b2752d"],
h4[style*="color:#b2752d"],
h5[style*="color:#b2752d"],
h6[style*="color:#b2752d"],
p[style*="color:#b2752d"],
span[style*="color:#b2752d"],
div[style*="color:#b2752d"],
a[style*="color:#b2752d"] {
    color: #888 !important;
}

/* Background color overrides */
section[style*="background-color: rgb(186, 155, 30)"],
div[style*="background-color: rgb(186, 155, 30)"],
.page-section-ptb[style*="background-color: rgb(186, 155, 30)"],
.theme-bg[style*="background-color: rgb(186, 155, 30)"],
.pgs-background[style*="background-color: rgb(186, 155, 30)"],
.custom-bg-image[style*="background-color: rgb(186, 155, 30)"] {
    background-color: #888 !important;
    background-image: none !important;
}

/* Specific section override */
.page-section-ptb.theme-bg.pgs-background.custom-bg-image {
    background-color: #888 !important;
    background-image: none !important;
}

/* Theme color class override */
.theme-color {
    color: #888 !important;
}

/* Force override for any element with brown colors */
*[style*="#b2752d"] {
    color: #888 !important;
}

*[style*="#ba9b1e"] {
    color: #888 !important;
}

*[style*="#c88b3f"] {
    color: #888 !important;
}

*[style*="rgb(186, 155, 30)"] {
    background-color: #888 !important;
    background-image: none !important;
}

*[style*="rgb(178, 117, 45)"] {
    background-color: #888 !important;
    background-image: none !important;
}

/* Remove brown background images */
*[style*="background-image: url(/images2/brownbg.png)"] {
    background-image: none !important;
    background-color: #888 !important;
}

/* Additional specificity for titles */
h2.title[style*="color:#b2752d"] {
    color: #888 !important;
}

/* Override any remaining brown colors with maximum specificity */
body *[style*="#b2752d"],
body *[style*="#ba9b1e"],
body *[style*="#c88b3f"],
body *[style*="rgb(186, 155, 30)"],
body *[style*="rgb(178, 117, 45)"] {
    color: #888 !important;
    background-color: #888 !important;
    border-color: #888 !important;
}

/* ULTRA AGGRESSIVE ICON OVERRIDE - This will override X45/x45.css */
.choose-X46 .feature-text .feature-icon span,
.choose-X46 .feature-text .feature-icon i,
.feature-text .feature-icon span,
.feature-text .feature-icon i,
.feature-icon span,
.feature-icon i,
.ti-lock,
.ti-comments,
.ti-check-box,
.ti-infinite,
.ti-target,
.ti-control-forward,
span.ti-lock,
span.ti-comments,
span.ti-check-box,
span.ti-infinite,
span.ti-target,
span.ti-control-forward {
    color: #888 !important;
    background: #888 !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #888 !important;
    -moz-background-clip: unset !important;
    -o-background-clip: unset !important;
    background-clip: unset !important;
}

/* Override the specific X45/x45.css rule */
.choose-X46 .feature-text .feature-icon span,
.choose-X46 .feature-text .feature-icon i {
    color: #888 !important;
    background: #888 !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #888 !important;
    -moz-background-clip: unset !important;
    -o-background-clip: unset !important;
    background-clip: unset !important;
}

/* Override any gradient backgrounds on icons */
*[style*="background: -webkit-gradient"],
*[style*="background: -webkit-linear-gradient"],
*[style*="background: -moz-linear-gradient"],
*[style*="background: -o-linear-gradient"],
*[style*="background: linear-gradient"] {
    background: #888 !important;
    background-image: none !important;
}

/* Specific override for the orange/yellow gradient colors */
*[style*="#f7c605"],
*[style*="#ff8850"] {
    color: #888 !important;
    background: #888 !important;
    background-image: none !important;
}

/* Force override for all icon elements with maximum specificity */
body .choose-X46 .feature-text .feature-icon span,
body .choose-X46 .feature-text .feature-icon i,
body .feature-text .feature-icon span,
body .feature-text .feature-icon i,
body .feature-icon span,
body .feature-icon i {
    color: #888 !important;
    background: #888 !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #888 !important;
    -moz-background-clip: unset !important;
    -o-background-clip: unset !important;
    background-clip: unset !important;
}

/* Override button text colors */
.button,
.button span,
.button a,
.button a span,
.btn,
.btn span,
.btn a,
.btn a span,
a.button,
a.button span,
a.button span span {
    color: #888 !important;
}

/* Override any remaining brown text */
span[data-novi-id="4"],
span[data-novi-id="3"],
.button span[data-novi-id="4"],
.button span[data-novi-id="3"] {
    color: #888 !important;
}

/* Override any element with brown color */
* {
    color: #888 !important;
}

/* PRESERVE LOGO STYLING - Don't override logo colors */
#logo,
#logo *,
#logo a,
#logo img,
.logo-default,
.logo-default:hover,
#logo:hover,
#logo:hover *,
#logo:hover a,
#logo:hover img,
.logo-default:hover {
    color: inherit !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Preserve navigation logo styling */
.primary-menu #logo,
.primary-menu #logo *,
.primary-menu #logo a,
.primary-menu #logo img,
.primary-menu .logo-default,
.primary-menu .logo-default:hover {
    color: inherit !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Additional logo hover protection */
#logo:hover,
#logo:focus,
#logo:active,
#logo a:hover,
#logo a:focus,
#logo a:active,
.logo-default:hover,
.logo-default:focus,
.logo-default:active {
    color: inherit !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* Remove any grey box effects on logo */
#logo::before,
#logo::after,
#logo *::before,
#logo *::after {
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* But preserve white text where needed */
.text-white,
.text-white *,
h1[style*="color:white"],
h2[style*="color:white"],
h3[style*="color:white"],
p[style*="color:white"],
span[style*="color:white"] {
    color: white !important;
}

/* Preserve black text where needed */
h5[style*="color:black"],
.text-black,
.text-black * {
    color: black !important;
}

/* Additional color replacements for other accent colors */
/* Replace green colors with silver */
*[style*="#28a745"],
*[style*="#20c997"],
*[style*="#17a2b8"],
*[style*="#6f42c1"],
*[style*="#e83e8c"],
*[style*="#fd7e14"],
*[style*="#ffc107"],
*[style*="#dc3545"] {
    color: #888 !important;
    background-color: #888 !important;
    border-color: #888 !important;
}

/* Replace any remaining accent colors */
.theme-color,
.accent-color,
.primary-color,
.secondary-color {
    color: #888 !important;
}

/* Override any CSS variables that might be used */
:root {
    --theme-color: #888 !important;
    --accent-color: #888 !important;
    --primary-color: #888 !important;
    --secondary-color: #888 !important;
}