/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.42.1779371691
Updated: 2026-05-21 15:54:51

*/

.link {
    position: relative;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #D70000;
    transition: width 0.3s ease;
}

.link:hover::after {
    width: 100%;
}

#footer img {
    width: 300px !important;
    margin-left: -110px;
}
@media (max-width: 999px) {
    #footer .wp-block-gallery-is-layout-flex {
        justify-content: center !important;
    }
}
/* .elementor-element-98d9488 a {
    pointer-events: none;
    cursor: default;
}
.elementor-element-161ae86 a {
        pointer-events: none;
    cursor: default;
} */
#block-14 {
    margin-top: 20px;
}
.ct-iconbox {
    position: relative;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}

.ct-iconbox::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 3px;
    background: #D70000;
    transition: width 0.3s ease;
}

.ct-iconbox:hover::after {
    width: 100%;
}


#oz-box .elementor-widget-icon-box {
    position: relative;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    padding: 20px;
}
#oz-box .elementor-widget-icon-box:hover {
    background-color: #ffffff17;
}
#oz-box .elementor-widget-icon-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 3px;
    background: #D70000;
    transition: width 0.3s ease;
}
#oz-box .elementor-widget-icon-box:hover::after {
    width: 100%;
}

/* Usuwa kropkę i wcięcie dla checkboxa w tym konkretnym formularzu */
#wpforms-359-field_7, 
#wpforms-359-field_7 li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    background-image: none !important; /* Blokuje ewentualne grafiki list */
}

/* Wyrównanie checkboxa */
#wpforms-359-field_7 li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
#wpforms-359-field_7 label{
    font-size: 13px;
    line-height: 21px !important;
}
#wpforms-359-field_7_1 {
    margin-right: 0px;
}
.cky-banner-element {
    cursor: pointer;
}
.cky-btn-accept {
    background-color: #002c99 !important;
    border-color: #002c99 !important;
}
.cky-btn-accept:hover {
    background-color: #1739a5 !important;
    border-color: #1739a5 !important;
}
.cky-policy {
    color: #002c99 !important;
}
.cky-btn-reject {
    background-color: #d70000 !important;
    border-color: #d70000 !important;
    color: white !important;
}
.cky-btn-reject:hover {
    background-color: #d70000e3 !important;
    border-color: #d70000e3 !important;
}
.cky-btn-customize {
    background-color: #d70000 !important;
    border-color: #d70000 !important;
    color: white !important;
}
.cky-show-desc-btn {
    color: #002c99 !important;
}
.cky-btn-preferences {
    background-color: #d70000 !important;
    border-color: #d70000 !important;
    color: white !important;
}
/* #footer .ct-container {
    overflow: hidden;
}
#footer img {
    margin-left: -64px;
} */
#block-12 {
    -webkit-user-select: none; 
    -ms-user-select: none;  
    user-select: none;   
}
.elementor-element-9527953 {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;  
    user-select: none;  
}
.elementor-element-1af42d3 {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;  
    user-select: none;  
}
/* #block-12 {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;  
    user-select: none;  
} */
.elementor-element-50b0081 {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;  
    user-select: none;  
}
/* #block-12 a:hover {
    color: #0a1821 !important;
}
#block-12 .link::after {
    background: #d7000000 !important;
} */
/* Wymuszenie stylu dla aktywnej kategorii i hover wewnątrz block-7 */
#block-7 .wp-block-categories-list .cat-item a:hover,
#block-7 .wp-block-categories-list .cat-item.current-cat a {
    color: #1739a5 !important;
}

/* Ustawienie linii ::after dla aktywnej kategorii i hover */
#block-7 .wp-block-categories-list .cat-item a:hover::after,
#block-7 .wp-block-categories-list .cat-item.current-cat a::after {
    width: 100% !important;
}

/* Definicja wyglądu linii */
#block-7 .wp-block-categories-list .cat-item a {
    position: relative !important;
    display: inline-block !important; /* Ważne dla poprawnego wyświetlania after */
}

#block-7 .wp-block-categories-list .cat-item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #D70000 !important;
    transition: width 0.3s ease !important;
}
#block-11 a{
    font-size: 12px;
    font-weight: 600; /* POPRAWA Z 20px */
}
#block-11 span{
    font-size: 12px;
    font-weight: 600; /* POPRAWA Z 20px */
}
@media (min-width: 1025px) {
    .elementor-shortcode .ct-posts-shortcode .entries {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}
/* Przycinanie zajawki maszyn do określonej liczby linijek */
.entry-card .entry-excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Tutaj ustawiasz, ile linijek tekstu ma być widocznych */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

/* ODSTĘPY W STOPCE - POPRAWIONE NAWIASY */
#footer .ct-container{
    gap: 50px !important;
}
@media (max-width: 1000px) {
    #footer .ct-container {
        gap: 2px !important;
    }
} /* TEN NAWIAS BYŁ ZGUBIONY! */

@media (max-width: 767px) {
    #footer .ct-container {
        gap: 3px !important;
		margin-bottom: 3px;
    }
	.elementor-element-6e4c1bf .elementor-counter-title {
		text-align: center !important;
	}
}

.blog .entry-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.single-post .entry-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.archive .entry-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.wpforms-container textarea.wpforms-field-large {
    height: 80px !important;
}

/* Ustawienie kolumn 50/50 dla E-mail i Telefon (Formularz ID 359) */
@media (min-width: 768px) {
    /* Pole E-mail na lewo */
    #wpforms-359-field_1-container {
        width: 48% !important;
        float: left;
        clear: none !important;
    }
    
    /* Pole Telefon na prawo */
    #wpforms-359-field_6-container {
        width: 48% !important;
        float: right;
        clear: none !important;
    }
    
    /* Zabezpieczenie, aby pole Wiadomość wróciło pod spód (Clearfix) */
    #wpforms-359-field_2-container {
        clear: both;
        padding-top: 15px; /* Odstęp od górnych kolumn */
    }
}
.top-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.top-bar__separator {
    display: block;
}

@media (max-width: 768px) {
    .top-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    .top-bar__separator {
        display: none;
    }
	#footer img {
    width: 200px !important;
    margin-left: 0px !important;
	}
	#footer {
		padding-top: 3px;
	}
}

/* 1. Wymuszenie kwadratów wewnątrz wpisu (dla galerii) */
.entry-content .wp-block-gallery .wp-block-image img {
    width: 100% !important;
    height: 180px !important; /* Tutaj ustawiasz wysokość kwadracika */
    object-fit: cover !important; /* To przycina zdjęcie do kwadratu wewnątrz wpisu */
    aspect-ratio: 1/1 !important; /* Wymusza kwadrat */
    border-radius: 4px; /* Opcjonalnie: lekko zaokrąglone rogi dla estetyki */
}

/* 2. Nadpisanie stylu dla Lightboxa - przywraca oryginalne proporcje */
/* Lightbox WordPressa używa kontenera .wp-lightbox-overlay */
.wp-lightbox-overlay img {
    aspect-ratio: auto !important; /* Usuwa narzucony kwadrat */
    object-fit: contain !important; /* Pokazuje całe zdjęcie bez ucinania */
    height: auto !important;
    width: auto !important;
    max-height: 90vh !important;
    max-width: 95vw !important;
}

/* 3. Opcjonalnie: upewnienie się, że Lightbox ma ciemne tło */
.wp-lightbox-overlay {
    background-color: rgba(0, 0, 0, 0.9) !important;
}
#footer .wp-block-paragraph {
	line-height: 20px !important;
	font-size: 15px !important;
}
#footer .top-bar__item {
	line-height: 20px !important;
	font-size: 15px !important;
}
#footer .wp-block-group-is-layout-flow {
	line-height: 20px !important;
}