/* FIX HERO CONTRAST */
.hero--on-home .hero__titles {
    background: rgba(0,0,0,0.45);
    padding: 20px 30px;
    border-radius: 4px;
    display: inline-block;
}

.hero--on-home .hero__main .txt,
.hero--on-home .hero__sub {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.8);
}

/* MENU NA BIAŁYM TLE OD STARTU */
/* Wymuszenie jasnego tła i ciemnej czcionki dla menu w wersji desktop i mobile */
.site-top--on-home,
.site-top {
    background-color: #ffffff !important;
}

/* Kolor tekstu w linkach menu */
.site-top--on-home .nav-primary__text,
.site-top--on-home .nav-subnav__text,
.site-top .nav-primary__text,
.site-top .nav-subnav__text {
    color: #212121 !important;
    text-shadow: none !important;
}

/* Hover (opcjonalnie lekko ciemniejszy, żeby było widać interakcję) */
.site-top--on-home .nav-primary__link:hover .nav-primary__text,
.site-top--on-home .nav-subnav__link:hover .nav-subnav__text {
    color: #5a4f26 !important;
}

/* Dostosowanie ikon w menu (jeśli używasz ikon SVG/font-awesome) */
.site-top--on-home .icon,
.site-top .icon {
    fill: #212121 !important;
}

/* POPRAWA KONTRASTU ELEMENTÓW NA SLAJDZIE HERO */

/* 1. Baner „Zadzwoń teraz!” */
.call-now-banner {
    background: rgba(0, 0, 0, 0.55); /* ciemne tło poprawiające kontrast */
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
}
.call-now-banner a {
    color: #ffd86b !important; /* kontrastowy kolor dla linku z numerem telefonu */
    text-decoration: underline;
}

/* 2. Nagłówek „Znajdziesz nas na:” i ikony social media */
.socials-header {
    background: rgba(0, 0, 0, 0.55); /* półprzezroczyste tło */
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
}
.socials-header a {
    color: #ffffff !important; /* zapewnia biały kolor tekstu/ikony */
}
.socials-header .socials__icon {
    fill: #ffffff !important; /* wymusza biały kolor ikon font-awesome/SVG */
}
.socials-header .socials__link:hover .socials__icon {
    fill: #ffd86b !important; /* kontrastowy kolor na hover */
}