/* Simple Orange to Blue Button Fix
   =================================
   Direct approach - just make orange buttons blue
*/

/* Search button */
input[value="SUCHEN"],
input[type="submit"][value="SUCHEN"] {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
    color: #FFFFFF !important;
    border-color: #0066B3 !important;
}

/* "Zum Projekt" buttons on property cards */
.uk-overlay-panel .uk-button,
.uk-overlay-panel a,
.uk-overlay .uk-button,
.uk-overlay a.uk-button {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* "MEHR IMMOBILIE" buttons */
.uk-panel .uk-button,
.uk-panel a.uk-button,
.uk-panel button {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
    color: #FFFFFF !important;
}

/* But keep navigation buttons as they are */
nav .uk-button,
.navigation .uk-button,
.tm-navbar .uk-button,
.uk-navbar .uk-button {
    /* Don't override navigation */
    background: inherit;
}

/* Orange circles/badges on property images */
.uk-badge,
.badge,
[class*="circle"] {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
    color: #FFFFFF !important;
}

/* Any remaining orange buttons */
button,
input[type="submit"],
input[type="button"],
a.uk-button {
    background-color: #0066B3 !important;
}

/* Override inline styles with orange */
[style*="#FF6600" i]:not(nav *):not(.navigation *),
[style*="#ff6600" i]:not(nav *):not(.navigation *),
[style*="#f60" i]:not(nav *):not(.navigation *),
[style*="rgb(255, 102, 0)" i]:not(nav *):not(.navigation *) {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
    color: #FFFFFF !important;
}

/* Specifically target header-title with orange background */
.header-title[style*="#f60"],
.header-title[style*="#F60"],
p.header-title[style*="background"],
a.header-title {
    background: #0066B3 !important;
    background-color: #0066B3 !important;
}

/* Ensure the link inside remains white */
.header-title a,
p.header-title a {
    color: #FFFFFF !important;
}