/*****************************************************************
    Customizacja motywu pod: Biuro Rachunkowe Monika Jóźwicka
    Paleta: grafit (#2b2b2b) + złoto (#b8924a) — elegancko, pod
    identyfikację wizualną firmy (czerń/grafit + złoto).
*****************************************************************/

:root {
    --br-gold: #b8924a;
    --br-gold-dark: #9c7a33;
    --br-gold-light: #cda85f;
    --br-graphite: #2b2b2b;
    --br-dark: #1a1a1a;
}

/* --- Logo (SVG) w nagłówku i stopce --- */
.navbar-brand img,
.inspire-responsive-menu .logo img { max-height: 60px; width: auto; }
.footer-logo img { max-height: 60px; width: auto; margin-bottom: 22px; }

/* --- Złote przyciski CTA z ciemnym tekstem (elegancki akcent marki) --- */
.btn-primary {
    color: #1a1a1a !important;
    background-color: var(--br-gold) !important;
    background-image: linear-gradient(135deg, var(--br-gold-dark) 0%, var(--br-gold-dark) 50%, var(--br-gold) 50%, var(--br-gold) 100%) !important;
    font-weight: 700;
    letter-spacing: .2px;
}
.btn-primary:hover,
.btn-primary:focus { color: #1a1a1a !important; }

/* --- Banner podstron: elegancki grafit --- */
.page-title-area {
    background: linear-gradient(110deg, #161616 0%, #2b2b2b 100%);
    padding: 45px 0;
}

/* --- Ikony usług (icofont) w okrągłych kafelkach: złote, biały na hover --- */
.single-services-box .services-icon i,
.single-services-box .services-icon i::before {
    font-size: 35px;
    line-height: 80px;
    color: var(--br-gold);
    transition: all 400ms ease-out;
}
.single-services-box:hover .services-icon i,
.single-services-box:hover .services-icon i::before { color: #ffffff; }

/* --- Większe kafelki usług na stronie głównej --- */
.services-single-category-icon i,
.services-single-category-icon i::before {
    width: 90px; height: 90px;
    font-size: 46px;
    line-height: 90px;
    color: #ffffff;
    display: block;
    text-align: center;
}

/* --- Liczniki na ciemnym tle: złote cyfry --- */
.counter-area2 .counter-contents h2,
.counter-area2 .counter-contents h2 span { color: var(--br-gold-light); }

/* --- Listy zalet z odhaczeniem --- */
.check-list { list-style: none; padding-left: 0; margin: 25px 0 0; }
.check-list li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.6;
}
.check-list li i {
    position: absolute;
    left: 0; top: 4px;
    color: var(--br-gold);
    font-size: 18px;
}

/* --- Kotwice nawigacji nie chowane pod sticky nav --- */
section[id], div[id].service-anchor { scroll-margin-top: 110px; }

/* --- Drobne poprawki czytelności --- */
.about-content h6,
.section-title h6 {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--br-gold);
}
.single-services-box { margin-bottom: 30px; }

/* --- Slider: jasny tekst + przyciemniająca nakładka po lewej (ciemne zdjęcia) --- */
.home-slider-single-item::after {
    content: "" !important;
    z-index: 2;
    background: linear-gradient(to right, rgba(15,15,15,.78) 0%, rgba(15,15,15,.55) 38%, rgba(15,15,15,.12) 65%, rgba(15,15,15,0) 80%) !important;
}
.home-slider-title { color: #ffffff; }
.home-slider-description p { color: #ededed; }

/* --- Mapa --- */
.map-section .google-map iframe { width: 100%; height: 450px; border: 0; display: block; }