/* Fallback CSS dla obrazów WebP */

/* RODO - Audyt */
.service-rodo-bg {
    background-image: url('/assets/images/services/usluga_audyt4.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/usluga_audyt4_optimized.webp')) {
    .service-rodo-bg {
        background-image: url('/assets/images/services/usluga_audyt4_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Outsourcing IOD */
.service-iod-bg {
    background-image: url('/assets/images/services/usluga_outsorcing_iod.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/usluga_outsorcing_iod_optimized.webp')) {
    .service-iod-bg {
        background-image: url('/assets/images/services/usluga_outsorcing_iod_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Szkolenia */
.service-szkolenia-bg {
    background-image: url('/assets/images/services/usluga_szkolenie_rodo.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/usluga_szkolenie_rodo_optimized.webp')) {
    .service-szkolenia-bg {
        background-image: url('/assets/images/services/usluga_szkolenie_rodo_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* KRI */
.service-kri-bg {
    background-image: url('/assets/images/services/nis_grafika_uslugi.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/nis_grafika_uslugi_optimized.webp')) {
    .service-kri-bg {
        background-image: url('/assets/images/services/nis_grafika_uslugi_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* OIN */
.service-oin-bg {
    background-image: url('/assets/images/services/usluga_wdrozenie_2.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/usluga_wdrozenie_2_optimized.webp')) {
    .service-oin-bg {
        background-image: url('/assets/images/services/usluga_wdrozenie_2_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* NIS2 */
.service-nis2-bg {
    background-image: url('/assets/images/services/usluga_wdrozenie.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/services/usluga_wdrozenie_optimized.webp')) {
    .service-nis2-bg {
        background-image: url('/assets/images/services/usluga_wdrozenie_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Hero RODO */
.hero-rodo-bg {
    background-image: url('/images/hero/hero_rodo_uslugi.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/images/hero/hero_rodo_uslugi_optimized.webp')) {
    .hero-rodo-bg {
        background-image: url('/images/hero/hero_rodo_uslugi_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Mapa obszaru działania */
.mapa-obszar-bg {
    background-image: url('/assets/images/ui/mapa_zakresu_dzialania.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/assets/images/ui/mapa_zakresu_dzialania_optimized.webp')) {
    .mapa-obszar-bg {
        background-image: url('/assets/images/ui/mapa_zakresu_dzialania_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Blog hero */
.blog-hero-bg {
    background-image: url('/images/blog/blog_hero.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/images/blog/blog_hero_optimized.webp')) {
    .blog-hero-bg {
        background-image: url('/images/blog/blog_hero_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Blog post */
.blog-post-bg {
    background-image: url('/images/blog/blog_rodo.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/images/blog/blog_rodo_optimized.webp')) {
    .blog-post-bg {
        background-image: url('/images/blog/blog_rodo_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

/* Team images */
.team-biuro-bg {
    background-image: url('/images/team/profesjonalne-biuro-doradcze.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/images/team/profesjonalne-biuro-doradcze_optimized.webp')) {
    .team-biuro-bg {
        background-image: url('/images/team/profesjonalne-biuro-doradcze_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}

.team-portrait-bg {
    background-image: url('/images/team/professional-man-portrait.png'); /* Fallback dla starszych przeglądarek */
}

@supports (background-image: url('/images/team/professional-man-portrait_optimized.webp')) {
    .team-portrait-bg {
        background-image: url('/images/team/professional-man-portrait_optimized.webp'); /* WebP dla nowych przeglądarek */
    }
}