/* Logo Fix - Ruijs ICT Solutions */
/* Toon alleen het schildicoon in de header */

/* Vervang het logo door het favicon (schildicoon) */
header a[href="/"] img {
    content: url('/favicon-192.png') !important;
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
}

/* Verberg de foto op Over Ons pagina */
img[alt*="Joris Ruijs"],
img[src*="joris-ruijs-photo"] {
    display: none !important;
}

/* Footer logo fix */
footer img[alt*="Ruijs ICT Solutions Logo"] {
    content: url('/assets/ruijs_ict_solutions_logo_horizontal.png');
    max-height: 50px;
    width: auto;
}

/* ========================================= */
/* BUTTON CONTRAST FIX - VERBETERDE VERSIE */
/* ========================================= */

/* Alle links en buttons met lichte achtergrond krijgen donkere tekst */
a[style*="background"],
button[style*="background"],
a[class*="button"],
button[class*="button"] {
    color: #1e3a5f !important;
}

/* Specifiek voor witte/lichte knoppen */
a[style*="white"],
a[style*="#fff"],
a[style*="rgb(255"],
button[style*="white"],
button[style*="#fff"],
button[style*="rgb(255"] {
    color: #1e3a5f !important;
    font-weight: 600 !important;
}

/* Specifiek voor transparante knoppen met border */
a[style*="transparent"][style*="border"],
button[style*="transparent"][style*="border"] {
    color: #1e3a5f !important;
    font-weight: 600 !important;
}

/* Algemene regel: alle buttons/links met lichte achtergrond */
a:not([style*="background-color: rgb(30"]):not([style*="background: rgb(30"]),
button:not([style*="background-color: rgb(30"]):not([style*="background: rgb(30"]) {
    color: #1e3a5f !important;
}

/* Extra specifiek voor de "Leer Mij Kennen" knop en vergelijkbare */
a[href*="#"]:not([style*="background-color: rgb(30, 58, 95)"]):not([style*="background-color: rgb(255, 102, 0)"]),
button:not([style*="background-color: rgb(30, 58, 95)"]):not([style*="background-color: rgb(255, 102, 0)"]) {
    color: #1e3a5f !important;
    font-weight: 600 !important;
}

/* Hover states moeten ook leesbaar blijven */
a:hover:not([style*="background-color: rgb(30"]),
button:hover:not([style*="background-color: rgb(30"]) {
    color: #1e3a5f !important;
}

/* Voor buttons met specifieke classes (als React classes gebruikt) */
[class*="Button"],
[class*="button"],
[class*="btn"] {
    color: #1e3a5f !important;
}

/* Uitzondering: donkere buttons mogen witte tekst houden */
a[style*="background-color: rgb(30, 58, 95)"],
a[style*="background: rgb(30, 58, 95)"],
a[style*="background-color: rgb(255, 102, 0)"],
a[style*="background: rgb(255, 102, 0)"],
button[style*="background-color: rgb(30, 58, 95)"],
button[style*="background: rgb(30, 58, 95)"],
button[style*="background-color: rgb(255, 102, 0)"],
button[style*="background: rgb(255, 102, 0)"] {
    color: white !important;
}