.navbar {
    transition: transform 0.35s ease, opacity 0.35s ease;
    transform: translateY(0);
    opacity: 1;
}

.navbar.navbar--hidden {
    transform: translateY(-100%);
    opacity: 0;
}

.wpcf7-list-item{
  margin-left:0;
}
.wpcf7-list-item label {
 
}
.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
}
.wpcf7-list-item label a{
     color: #8d9091;
}
input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top:4px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ce0202;
    background: #ce0202;
    color: #fff;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    font-size: 14px;
    line-height: 21px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top:10px;
}
 .proces-items .slick-slide {
      margin: 0 8px;
  }

  /* the parent */
  .proces-items .slick-list {
      margin: 0 -8px;
  }
 .proces-items,
 .realizacja-slide{
    display: flex!important;
 }
 .proces-items .slick-track {

    display: flex;
    align-items: center;
}
.is-blog-short-desc{
    margin-bottom:1em;
}
.is-blog-slide-item{
    display:flex!important;
}
.blog-items-slider .slick-slide {
      margin: 0 8px;
  }

  /* the parent */
.blog-items-slider .slick-list {
      margin: 0 -8px;
  }
.blog-items-slider .slick-track
{
    display: flex !important;
}

.blog-items-slider .slick-slide
{
    height: inherit !important;
}
.bslide-img{
    height:190px;
}
.is-blog-slide-item:hover {
    color: #879095;
}
.code-embed-6{
    transition:0.3s all;
}
.bslide-img{
    overflow: hidden;
}
.bslide-img img{
     transition:0.3s all;
}
.is-blog-slide-item:hover .bslide-img img{
    transform:scale(1.02);
}
.blog-big-item:hover .blog-item-content{
    color:#fff;
}
.proces-item-top {
    margin-bottom: 4.81em;
}
 
 .proces-items .slick-slide {
    margin: 0 8px;
    min-height: 16em;
}

.referencje-slider .slick-slide {
      margin: 0 8px;
  }

  /* the parent */
.referencje-slider .slick-list {
      margin: 0 -8px;
  }
  .page-template-page-kontakt .hero-img.is-fixed-height {
    height: auto;
    padding-top:2em;
    padding-bottom: 2em;
}
.kat-item-arrow{
    transition:0.5s all;
}
.kat-item:hover .kat-item-arrow{
  color: #fbef85;  
}
.kat-item._3:hover .kat-item-arrow{
  color: #48555c;  
}
.kat-item._5:hover .kat-item-arrow,
.kat-item._7:hover .kat-item-arrow,
.kat-item._8:hover .kat-item-arrow{
  color: #48555c;  
}

.galeria-slider {
    opacity: 0; /* Ukrywamy, dopóki JS nie przeliczy wymiarów */
    transition: opacity 0.2s ease;
    overflow: hidden;
}

.galeria-slider.slick-initialized {
    opacity: 1;
}

.galeria-slide-item {
    height: 500px; /* Stała wysokość na desktop */
    margin-right: 20px;
    position: relative;
    display: block;
}

/* Dopasowanie obrazków */
.galeria-slide-item img,
.galeria-slide-item video,
.galeria-slide-item .w-background-video,
.galeria-slide-item .w-background-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --- MOBILE (Poniżej 768px) --- */
@media (max-width: 767px) {
    /* Na mobile JS nie będzie działał, sterujemy z CSS */
    .galeria-slide-item,
    .galeria-slide-item.smaller {
        width: 85vw !important; /* Slajd prawie na cały ekran */
        height: 300px;
        margin-right: 15px;
    }
}

.is-popup-probki,
.is-popup-wycena{
    z-index:9999;
}
.di-smal-title{
    padding-bottom:10px;
}
.page-template-default .hero-title.is-page-title{
     color: #242629;   
}
.footer-copy a{
    text-decoration: none;
}
.nav-item,
.nav-drop{
    position:relative;
}
.nav-item:before,
.nav-drop:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background:#BBCBD4;
    transition:0.5s all;
}
.nav-item:hover:before,
.nav-drop:hover:before,
.nav-item.current:before{
    width:100%;
}
.rodzaj-flex,
.realizacja-slide{
    text-decoration: none;
}
.is-lang .drop-nav-item{
    width:50px;
    min-width:10px;
}
.otgs-development-site-front-end,
.wpml-ls-statics-footer{
    display:none!important;
}
.is-zastosowania-text.with-space{
    padding-right:30px;
}
/* 1. Reset i styl bazowy dla wszystkich tabel w treści */
.w-richtext table,
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Darker Grotesque", sans-serif;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    border: 1px solid #e0e0e0;
    background-color: transparent;
    text-align: center; /* Wyśrodkowanie tekstu */
}

/* 2. Stylizacja komórek */
.w-richtext table td,
.entry-content table td {
       padding: 6px 5px;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    color: #1a1a1a;
        background-color: #f4f4f4;
}

/* 3. PIERWSZY WIERSZ (Jako nagłówek poziomy) */
/* Automatycznie robi ciemne tło dla pierwszego wiersza <tr> */
.w-richtext table tr:first-child td,
.entry-content table tr:first-child td {
    background-color: #1a1a1a;
    color: #ffffff;
    font-weight: 700;
    border-color: #333;
}

/* 4. PIERWSZA KOLUMNA (Jako nagłówek pionowy) */
/* Automatycznie robi szare tło dla pierwszej komórki w każdym wierszu */
.w-richtext table td:first-child,
.entry-content table td:first-child {
    background-color: #f4f4f4;
    font-weight: 700;
    color: #000;
    width: 60px; /* Opcjonalnie: minimalna szerokość dla estetyki */
}

/* 5. PUSTA KOMÓRKA W ROGU (Lewy górny) */
/* Naprawia konflikt: musi być biała, a nie szara czy czarna */
.w-richtext table tr:first-child td:first-child,
.entry-content table tr:first-child td:first-child {
    background-color: transparent !important;
    border: none;
}

/* 6. Spany wewnątrz (opcjonalnie, bo w Twoim kodzie są spany) */
.w-richtext table span,
.entry-content table span {
    font-weight: inherit; /* Dziedziczy pogrubienie z komórki */
}

/* 7. Hover (podświetlenie wiersza po najechaniu) */
.w-richtext table tr:not(:first-child):hover td {
    background-color: #fafafa;
    transition: background-color 0.2s ease;
}

/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 767px) {
    /* Aby tabela nie rozpychała strony na mobile,
       musimy nadać kontenerowi rodzica (np. .w-richtext) overflow */
    .w-richtext, .entry-content {
        overflow-x: auto;
    }
    
    .w-richtext table,
    .entry-content table {
        min-width: 600px; /* Wymusza przewijanie, jeśli tabela jest szeroka */
    }
    
    .w-richtext table td,
    .entry-content table td {
        padding: 8px 4px;
        font-size: 0.9rem;
    }
}
.page-template-page-drewno-konstrukcyjne table tbody tr:first-of-type td:first-of-type{
    background-color: #f4f4f4;
}