/*
 Theme Name:   Kadence Child
 Theme URI:    https://example.com/kadence-child/
 Description:  Kadence Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     kadence
 Version:      1.0.2
 Tags:         customizable, modern, responsive-layout, gutenberg, header builder, footer builder
 Text Domain:  kadencechild
*/

#cmplz-manage-consent .cmplz-manage-consent {margin-right: 25px !important;}
#cmplz-manage-consent .cmplz-manage-consent {min-width: auto !important; padding: 10px !important; height: 40px !important; font-size: 12px !important;}

@media screen and (max-width: 768px) {
	#cmplz-manage-consent .cmplz-manage-consent {right: 0px !important;}
}

/* Theme customization starts here
-------------------------------------------------------------- */
#main a:hover {color: #de0000 !important;}
#main a {text-decoration: none;}

/* Stylizacja całego kontenera */
.header-contact-info {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Odstęp między telefonem a adresem */
  align-items: center;
}

/* Stylizacja pojedynczego elementu (linku lub tekstu) */
.header-contact-info .contact-item {
  display: flex;
  align-items: center;
  gap: 8px; /* Odstęp między ikonką a tekstem */
  color: inherit; /* Dziedziczy kolor z ustawień nagłówka Kadence */
  text-decoration: none;
  font-size: 14px; /* Rozmiar czcionki textu */
  transition: opacity 0.2s ease;
}

/* Efekt najechania myszką na numer telefonu */
.header-contact-info a.contact-item:hover {
  opacity: 0.8;
}

/* Stylizacja samych ikon */
.header-contact-info .contact-icon {
  font-size: 14px; /* Rozmiar ikonki */
  width: auto;
  height: auto;
}

/* Wsparcie dla urządzeń mobilnych */
@media (max-width: 500px) {
  .header-contact-info {
    gap: 8px;
  }
}

.wp-block-image img {border-radius: 20px !important;}
.social-link-custom1 {background: #000 !important;}
.social-link-custom1:hover {background: #de0000 !important;}
.wp-block-video video {border-radius: 50px 0px !important;}

/* Kontener zdjęcia jako baza dla nakładki */
.efekt-oferta .wp-block-post-featured-image {
    position: relative;
    overflow: hidden;
}

/* Gradientowa nakładka (overlay) */
.efekt-oferta .wp-block-post-featured-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradient od czerwonawego do czarnego z 20% krycia (#de000033 do #00000033) */
    background: linear-gradient(135deg, rgba(222, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Pozwala klikać przez nakładkę */
}

/* Pojawianie się nakładki po najechaniu myszką */
.efekt-oferta .wp-block-post:hover .wp-block-post-featured-image::after {
    opacity: 1;
}