/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.7.2.1723545668
Updated: 2024-08-13 10:41:08

*/

html {
    scroll-behavior: smooth;
}
.bold{
    font-weight: 700;
}
#customer_login a{
    text-decoration: underline!important;
    &:hover{
      text-decoration: none!important;   
        
    }
}
.button{
    text-decoration: none!important;
}
a:hover {
    text-decoration: none!important;
}
a, button, input{
     
  box-shadow: inset 0 0 0 3px transparent !important; /* obramowanie do środka */
}
.main-header-menu .sub-menu {
    width: 300px!important;
}
ul#menu-footer2{
    width: fit-content;
    li{
        width: fit-content!important;
    }
}
.entry-content .fullwidth-banner {
    width: 100vw!important;
    max-width: 100vw!important;
    margin-left: calc(50% - 50vw)!important;
    margin-right: calc(50% - 50vw)!important;
    background-size: cover;

    h2{
        font-size: 30px!important;
    
    }
}

footer a.menu-link{
    padding: 4px!important;
}

a:focus, 
button:focus, 
input:focus,  
a.ast-header-account-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:focus-visible, 
button:focus-visible, 
input:focus-visible,
a.ast-header-account-link:focus-visible {
    box-shadow: inset 0 0 0 2px #000000 !important; /* Zwiększyłem do 2px, żeby był wyraźniejszy dla WCAG */
    outline: none !important;
}

/*a:focus, button:focus, input:focus,*/ .menu-item-131254 a.menu-link:focus, a.ast-header-account-link:focus{
  box-shadow: inset 0 0 0 1px #000000 !important; /* obramowanie do środka */
}

a.menu-link:focus, button:focus, input:focus, span.dropdown-menu-toggle:focus, section#block-24 a:focus{
  box-shadow: inset 0 0 0 1px #fff !important; /* obramowanie do środka */
}
#astra-footer-menu li a:focus, #menu-footer2 li a:focus{
    -webkit-box-shadow: inset 0 0 0 1px #000000 !important;
    box-shadow: inset 0 0 0 1px #000000 !important;
    padding: 4px;

}
/*#astra-footer-menu li a, #menu-footer2 li a{
    padding: 4px;

}
.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item{
   // width: auto!important;
}*/
li a{
    text-decoration: underline!important;
}    
li a:hover{
    text-decoration: none!important;   
}

#customer_login a {
    text-decoration: underline !important;
}

#customer_login a:hover {
    text-decoration: none !important;
}

@media (max-width:922px){ 
    .menu-item-131254 a.menu-link:focus, a.ast-header-account-link:focus, a.ast-builder-social-element:focus{
        box-shadow: inset 0 0 0 1px #fff !important; /* obramowanie do środka */
}
    a.menu-link:focus, button.ast-menu-toggle:focus{
        box-shadow: inset 0 0 0 1px #003467 !important;
    }

}
@media (max-width:1024px){ 
    .entry-content .fullwidth-banner {
    h2{
        font-size: 16px!important;
    }
}

}



section#block-24 a, a.ast-builder-social-element, a.ast-header-account-link{
    padding: 1.1rem;
}

@font-face {
    font-family: 'SupermolotRegular';
    src: url("/fonts/supermolot_regular.eot?") format("eot"), 
    url("/fonts/supermolot_regular.otf") format("truetype"), 
    url("/fonts/supermolot_regular.woff") format("woff"); 
    font-weight: normal;
    font-style: normal;
  }


  @font-face {
    font-family: 'SupermolotBold';
    src: url("/fonts/supermolot_bold.eot?") format("eot"), 
    url("/fonts/supermolot_bold.otf") format("truetype"), 
    url("/fonts/supermolot_bold.woff") format("woff"); 
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'SupermolotItalic';
    src: url("/fonts/supermolot_italic.eot?") format("eot"), 
    url("/fonts/supermolot_italic.otf") format("truetype"), 
    url("/fonts/supermolot_italic.woff") format("woff"); 
    font-style: italic;
  }
  @font-face {
    font-family: 'SupermolotLight';
    src: url("/fonts/tt_supermolot_light-webfont-1.eot?") format("eot"), 
    url("/fonts/tt_supermolot_light-webfont-1.woff") format("woff"); 
    font-style: light;
  }

  body {
    font-family: 'SupermolotRegular'!important;
  }
  h1, h2, h3, h4, h5, h6, p{
     font-family: 'SupermolotRegular'!important;
  }
  .bold, strong, b {
    font-family: 'SupermolotBold'!important;
}
h2 .download-link{
    margin-top:20px;
}
 .download-link{
    text-align: center;
    border-radius: 100px!important;
    padding-top: 20px!important;
    padding-right: 30px!important;
    padding-bottom: 20px!important;
    padding-left: 30px!important;
    color: #000!important;
    background-color: #44D62C!important;
    font-size: 15px!important;
    width: 280px!important;
    background-image:none!important;
    border: none!important;
    &:hover{
     background-color: #00fdfd!important;   
    }
    small{
        display: none!important;
    }
    p, .entry-content p{
        margin-bottom: 0!important;
    }
}
.download-button{
    color: #000!important;
    background-color: #44D62C!important;

}

/*.page.ast-article-single{
    padding: 2em 6.67em!important;
}*/

.home .ast-article-single{
    padding: 0 0 !important;
}

/*.ast-article-single{
    padding: 50px 0;
}*/
h1.entry-title, .entry-title h1 {
    padding-top: 50px;
    font-size: 40px;
    font-weight: 600;
    color: #000;

}

.mega-menu-link{
    font-family: 'SupermolotRegular' !important;
    
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1816 a.mega-menu-link .mega-description-group{

    .mega-menu-title{
        font-size: 12px;
        color: #003467;
        font-weight: bold;
        line-height: 5px;
        text-align: center;
    }
    .mega-menu-description{
        font-size: 16px;
        font-style: normal;
        
    }
}

#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1818 a.mega-menu-link .mega-description-group{
   
    .mega-menu-title{
        font-size: 12px;
        color: #ef7f1a;
        font-weight: bold;
        justify-self: center;
        line-height: 5px;
        text-align: center;
        
    }
    .mega-menu-description{
        font-size: 16px;
        font-style: normal;
        
    }
}


@media (min-width: 1030px) and (max-width: 1130px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
            padding: 0px 7px 0px 7px;
            font-size: 15px;
    }
    #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1816 a.mega-menu-link .mega-description-group{

    .mega-menu-title{
        font-size: 12px;
    }
    .mega-menu-description{
        font-size: 15px;
        font-style: normal;
        
    }
}

#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1818 a.mega-menu-link .mega-description-group{
   
    .mega-menu-title{
        font-size: 12px;
        
    }
    .mega-menu-description{
        font-size: 15px;
  
        
    }
}
}
@media (min-width: 921px) and (max-width: 1030px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
            padding: 0px 5px 0px 5px;
            font-size: 13px;
    }
    #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1816 a.mega-menu-link .mega-description-group{

    .mega-menu-title{
        font-size: 9px;
    }
    .mega-menu-description{
        font-size: 13px;
        font-style: normal;
        
    }
}

#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-1818 a.mega-menu-link .mega-description-group{
   
    .mega-menu-title{
        font-size: 9px;
        
    }
    .mega-menu-description{
        font-size: 13px;
  
        
    }
}
}
  
.site-footer-section>:last-child{
	margin-bottom:auto;
}
.site-footer-section{
	justify-content:unset;
}
.site-footer-section-2{
	justify-content:end;
}
p{
	margin-bottom:unset;
}
.footer-widget-area-inner a{
	text-decoration:underline;
}
.footer-widget-area-inner:hover a{
	text-decoration:none;
}

div.fpf-fields-config-wrapper {
    display:none!important;
}
.woocommerce-js ul.products li.product a img {
     width: auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        align-items: center;
}

/*multistep*/ 
.wpmc-nav-wrapper{
    margin-bottom:100px;
}


.woocommerce-billing-fields, .woocommerce-additional-fields{
    & h3{
        display: none;
    }
}

#ship-to-different-address{
    display: none;
}

#shipping_checkbox_field{
    margin: 0!important;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{
    padding-left:20px;
    border-left:3px solid #44D62C;

    & input{
        border:none;
        border-bottom: 1px solid #000;
        outline: none;

        &:active{
            border: 1px solid #44D62C !important;
        }
    }
    & textarea{

        border:none;
        border-bottom: 1px solid #000;
        outline: none;
        &:active{
            border: 1px solid #44D62C !important;
        }
    }
}

@media only screen and(min-width:991px){
    .wpmc-step-review{
        width:70% !important;
    }

}
@media only screen and(max-width:990px){
    .wpmc-step-review{
        width:100% !important;
    }
}

.wpmc-step-review{
    
    & td.product-name img{
        object-fit: contain;
    }
    & h3{
        font-size: 28px !important;
        font-family: 'SupermolotRegular' !important;
        font-weight: 700 !important;
    }
    
}
.woocommerce-checkout-review-order-table{
    & td{
        border:none !important; 

        & img{
            height:80px;
            width:80px;
            object-fit: contain;
        }
    }
    & .cart-subtotal{
        display: none;
    }

    & .order-total{
        & td{
            border-top:1px solid black !important;
        }
        & th{
            border-bottom:none !important;
            border-top:1px solid black !important;
        }
    }

    & dl.variation{
        display: none;
    }

    & thead{
        display: none;
    }
}

#order_review_heading{
    border: none !important;
}
#order_review{
    border: none !important;
}

.current .wpmc-tab-number{
        color: #fff !important;
        background-color: #000 !important;
        border-color:#44D62C !important;
    }
li:not(.current) .wpmc-tab-number{
    background-color: #ccc !important;
    color: #003467 !important;
}

li:not(.current) .wpmc-tab-text{
    color:#000;
}


.wpmc-tab-number{
    width:50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin-top: -24px !important;
    font-size: 18px !important;
    padding-top: 8px;
}


/*js adding class*/
.stepChangedElement{
    &::before{
        border-bottom-color: black !important;
    }

    &:not(.current) .wpmc-tab-number{
        background-color: #000 !important;
        color: #fff !important;
        border-color:#000 !important;
    }
}


.woocommerce-info{
    & a.showcoupon{
        color:#44D62C;
        &:hover{
            color: #003567;
        }
    }
}

.woocommerce-info::before{
    color: #003567 !important;
}

tr.order-total th, tr.order-total bdi{
    font-weight: 900 !important;
}

tr.order-total{
    border-bottom:2px solid black;
}
.kontakt a {
    color: #fff;
}
.kontakt a:hover {
    color: #44d62c;
}
/*koszyk*/
.woocommerce-js table.shop_table{
    border:none;
}
.woocommerce-js table.shop_table thead{
    background-color: white;
}
.woocommerce-cart .cart-collaterals .cart_totals{
    border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals>h2{
    background-color: #fff;
}
.woocommerce-js a.button{
    border-radius: 100px;
    text-transform: uppercase;
}
.woocommerce-js button.button {
    border-radius: 100px;
    padding: 20px 30px 20px 30px;
    text-transform: uppercase;
    transition: all .2s linear;
}
.single_add_to_cart_button button alt disabled wc-variation-selection-needed
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    border-radius: 100px;
    padding: 20px 30px 20px 30px;
    width: max-content;
    font-size: 16px;
    line-height: 1em;
}
.cart-collaterals .shop_table.shop_table_responsive th{
    padding-right: 100px;
    padding-left: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals>h2{
    margin: 0 0 20px;
}
.cart-collaterals h2{
    padding: 0.7em 0;
}
.woocommerce-page table.cart td.actions .button {
    padding: 20px 30px 20px 30px;
    line-height: 1em;
}
.woocommerce-cart .entry-title{
    font-size: 48px;
    font-weight: 600;
    margin: 50px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    border: none;
    padding-left: 0;
}
table.cart td.actions {
    padding-top: 50px;
}
th.thead {
    font-size: 28px;
}
.woocommerce-js table.shop_table thead, .woocommerce-page table.shop_table thead{
    font-size: 24px;
}
.woocommerce-js table.shop_table td, .woocommerce-js table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{
    padding-left: 10px;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: auto;
    max-height: 120px;
    max-width: unset;
}
@media only screen and (max-width: 921px) {
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        text-align: left !important;
    }
}
.btn.button.select-paczkomat-button {
    background-color: transparent;
    padding: 10px 0;
    border-radius: 0;
    font-weight: 600;
}
.btn.button.select-paczkomat-button:hover {
    background-color: transparent;
}
/*strona produktu*/
.product .quantity input[type=number]{
    border: 2px solid #44d62c;
    border-radius: 50px;
    color: #000;
    margin-bottom: 20px;
    width: 80px;
}
.product .quantity input[type=number]:focus {
    border: 2px solid #44d62c!important;
    border-radius: 50px!important;
}
.product .quantity input[type=number]:active {
    border: 2px solid #44d62c!important;
    border-radius: 50px!important;
}
.woocommerce-page select{
    max-width: 280px;
    border-color: #fff;
    box-shadow: 0 5px 10px #e7e7e7;
    color: #000;
}
.woocommerce-js div.product form.cart .variations td{
    max-width: 280px;
}
.woocommerce-js form .form-row select{
    margin-top: 20px;
    margin-bottom: 10px;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button, a.single_link_to_cart_button{
    width: auto;
    padding: 20px 30px;
    border-radius: 100px;
}
.woocommerce-js div.product form.cart div.quantity {
    width: -webkit-fill-available;
}
@media (min-width: 922px) {
    .woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
        width: 35%;
    }
}
@media (min-width: 922px) {
    .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
        width: 61%;
    }
}
@media (max-width: 922px){
    .woocommerce-MyAccount-navigation{
        margin-bottom: 50px;
    }
    .woocommerce-Addresses{
        max-width: 500px;
    }
}
@media (min-width: 769px) and (max-width: 921px) {
    .woocommerce-page div.product div.images{
        width: 45%!important;
        float: inline-start!important;
    }
    .woocommerce-page div.product div.summary{
        width: 50%!important;
        float: inline-end!important;
    }
    .single-product-contact{
        padding: 10px 20px !important;
    }
}
@media (max-width: 768px) {
    .woocommerce-page div.product div.images{
        width: 50%!important;
    }
    .single-product-contact{
        padding: 10px 20px !important;
    }
    
}
.woocommerce-js div.product .product_title{
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px;
}
.woocommerce-js div.product p.price{
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
}
.woocommerce-js form .form-row label{
    font-weight: 400;
}
.woocommerce-tabs ul.tabs li a{
    color: #000!important;
    font-size: 24px;
}
.woocommerce-tabs ul.tabs li a:hover{
    color: #000!important;
}
.woocommerce-tabs ul.tabs li a:active{
    border: none!important;
}
.woocommerce-tabs ul.tabs li a:focus{
    border: none!important;
}
h2.su-post-title{
    font-size: 24px;
    padding-top: 2rem;
}
.aktualnosci.su-posts-default-loop .su-post-thumbnail img {
     max-width: 600px!important; 
     max-height: 600px!important; 
     margin-right: 0em;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:focus, a.su-post-thumbnail:focus{
        background-image: radial-gradient(rgb(250, 250, 250),#bcccd3, #afcbd8, #a6c9da,  #89c0da, #109CDE, #109CDE);
}

/* 1. Główny kontener sekcji Aktualności */
.aktualnosci {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

/* 2. Pojedynczy kafelek postu */
.aktualnosci .su-post {
    margin-bottom: 0 !important;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease-in-out;
}

/* 3. Efekt najechania na kafelek (hover) */
.aktualnosci .su-post:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* 4. Linki i nagłówki wewnątrz postów */
.aktualnosci a.su-post h2 {
    text-decoration: underline !important;
}

.aktualnosci a.su-post h2:hover {
    text-decoration: none !important;
}

/* 5. Miniaturki i ich wyśrodkowanie */
.aktualnosci .su-post-thumbnail {
    align-self: center;
}

/* 6. Teksty wewnątrz kafelka */
.aktualnosci .su-post-title,
.aktualnosci .su-post-date,
.aktualnosci .su-post-excerpt {
    text-align: left;
}

/* 7. Rozmiar obrazków w domyślnej pętli su-posts */
.aktualnosci.su-posts-default-loop .su-post-thumbnail {
    width: auto;
    height: auto;
}

.aktualnosci.su-posts-default-loop .su-post-thumbnail img {
    width: auto;
    height: 300px;
}

/* 8. Nagłówki H5, przyciski i listy */
.aktualnosci h5 {
    padding-top: 2rem;
    color: #003567 !important;
    text-align: center;
}

.aktualnosci .wp-block-buttons {
    margin-bottom: 2rem !important;
}

.aktualnosci ul {
    list-style-image: url('/wp-content/uploads/2024/07/znacznik.svg');
}

/* RESPONSYWNOŚĆ - TABLETY (do 990px) */
@media (max-width: 990px) {
    .aktualnosci .su-post {
        width: 60% !important;
    }
}

/* RESPONSYWNOŚĆ - MOBILE (do 700px) */
@media (max-width: 700px) {
    .aktualnosci .su-post {
        width: 80% !important;
    }
}

/*formularz-newsletter*/
.newsletter-form {
    background-image: url('/wp-content/uploads/2024/07/9c541608c9ce7a093350400937f077a5.png');
    background-size: auto;  
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -100px;
    padding: 50px;
    color: #fff;
}

.newsletter-form h2 {
    color: #fff;
}

.newsletter-form input[type=email] {
    background: none !important;
    border: none !important;
    border-bottom: solid 1px #fff !important;
    color: #fff;
}

.newsletter-form .accept-checkbox input[type=checkbox] {
    height: 24px;
    width: 24px;
    border: 1px solid white;
    border-radius: 8px !important;
    background: white !important;
}

.newsletter-form .accept-checkbox {
    margin-top: 50px;
    margin-bottom: 50px;
}

.newsletter-form .accept-checkbox a {
    color: white;
}

.newsletter-form .accept-checkbox a:hover {
    color: #44D62C;
}

.newsletter-form input[type=submit] {
    padding: 20px 30px 20px 30px;
    border-radius: 100px;
}

a.button.checkout.wc-forward, a.button.wc-forward:not(.checkout){
    padding: 20px 30px;
    border-radius: 100px;
    text-transform: uppercase;
}
a.button.wc-forward:not(.checkout){
    margin-bottom: 10px;
}

#customer_login{
    & h2{
        font-size: 25px;
    }
}
/*404*/
.error-404{
  display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
	background: white!important;
	margin-bottom:50px;
}
.error-code h1{
	margin-bottom: 20px;
	font-size:6rem;
	font-weight: 300;
}
.error-message p{
	font-size: 22px;
  font-weight: 500;
	margin-bottom: 20px;
}
/*strona wersji okazowych*/
.okazowe-grid{
    display: flex; 
    flex-wrap: wrap; 
    gap: 20px;
    padding: 0 50px 0 50px;
    width: 85%;
}
@media only screen and (max-width:768px){
    .okazowe-grid{
        max-width: 400px !important;
    }
}
.okazowe-produkt{
    width: calc(50% - 10px);
    box-sizing: border-box;
    margin-bottom: 50px;
}
@media only screen and(max-width:768px){
    .okazowe-produkt{
        width: calc(100% - 10px);
        margin-left: auto;
        margin-right: auto;
    }
}
.okazowe-thumbnail{
    text-align: center;
    img{
        max-width: 95%;
    }
}
.okazowe-img img{
    width: 100%;
    height: auto;
}
.okazowe-title{
    text-align: center;
    margin: 15px 0;
    font-size: 24px!important;
    color: #003467!important;    
}
.okazowe-btn{
    background-color: #44D62C;
    color: #000;
    padding: 10px 20px;
    text-decoration: none!important;
    border-radius: 100px;
    transition: all .2s linear
}
.okazowe-btn:hover{
    background-color: #00fdfd;
}
@media only screen and(max-width:320px){
    .okazowe-btn{
        font-size: 10px;
    }
}

/*sekcja kontaktowa na podstronie produktu*/

@media only screen and(max-width: 379px){
    .contact-data-container{
        a{
            margin-right:0px !important;
        }
    }
}

/* Główny kontener sekcji */
.single-product-contact {
    width: 100%;
    min-height: 250px;
    height: auto;
    background-image: url(/wp-content/uploads/2024/07/9c541608c9ce7a093350400937f077a5.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
}

/* Treść wewnątrz sekcji */
.single-product-contact .contact-content {
    width: 100%;
    max-width: 1200px;
    align-self: center;
}

/* Kontener danych kontaktowych */
.single-product-contact .contact-data-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

/* Pojedynczy box z informacją (ikona + tekst) */
.single-product-contact .contact-data-container .contact-info-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100% !important;
    flex-wrap: wrap;
    word-wrap: break-word;
}

/* Ikony kontaktowe */
.single-product-contact .contact-data-container .contact-icon {
    width: 30px;
    height: 30px;
    margin: 10px 10px 10px 0;
}

/* Linki kontaktowe */
.single-product-contact .contact-data-container a {
    color: #fff;
    margin-right: 120px;
    max-width: 100% !important;
    text-decoration: underline;
    word-wrap: break-word;
}

/* Nagłówki i akapity wewnątrz sekcji */
.single-product-contact h3 {
    color: #fff;
}

.single-product-contact p {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}

.ast-single-post .entry-content .woocommerce a {
    text-decoration: underline;
}

.ast-single-post .entry-content .woocommerce a:hover {
    text-decoration: none;
}

.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number{
        border: 2px solid #ccc!important;
}

/*Podobne produkty*/

img.attachment-woocommerce_thumbnail{
    height:320px !important;
    width:270px !important;
    object-fit: contain;

}



/*mini koszyk*/ 

.woocommerce-mini-cart-item .attachment-woocommerce_thumbnail {
    width: 60px !important;
    height: 70px !important;
    object-fit: contain;
}


/*koszyk switch*/


.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

@media only screen and (max-width:560px){
    .switch{
        float: none;
    }
}
@media only screen and (min-width:561px){
    .switch{
        float: left;
    }
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-right: 20px;
    margin-left: 150px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.switch::before {
    content: "Kod rabatowy: ";
    position: absolute;
    left: -150px;
    font-size: 20px;
    top: 0;
}


.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}


input:checked + .slider {
  background-color: #44D62C;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/*pasek dolny*/

.ast-sticky-add-to-cart{
    width:100vw !important;
}

/*Cookies button*/
@media only screen and (max-width: 921px) {
    .single-product .cky-btn-revisit-wrapper {
        display: none;
    }
}

@media (min-width: 922px) {
    .only-mobile {
        display: none !important;
    }
}

/*moje-konto*/

.woocommerce-account h1{
  font-size: 20px !important;
  font-weight: 300 !important;
  margin-bottom: 0 !important;
}



/* 1. Podstawowy styl linku w menu konta */
.woocommerce-MyAccount-navigation-link {
    border: none !important;
    border-bottom: 1px solid #44D62C !important;
    position: relative;
    vertical-align: middle;
    max-width: 300px;
}

/* 2. Dodanie strzałki (→) do wszystkich linków oprócz wylogowania */
.woocommerce-MyAccount-navigation-link:not(.woocommerce-MyAccount-navigation-link--customer-logout):after {
    content: "→";
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    margin: auto 0;
    bottom: 0;
    height: 29px;
}

/* 3. Efekt hover na nieaktywnym elemencie (zmiana tła) */
.woocommerce-MyAccount-navigation-link:not(.is-active):hover {
    background-color: #00164C;
    transition: none;
}

/* 4. Zmiana koloru tekstu (linku a) po najechaniu na rodzica */
.woocommerce-MyAccount-navigation-link:not(.is-active):hover a {
    color: #fff;
    transition: none;
}

/* 5. Zmiana koloru strzałki po najechaniu na rodzica */
.woocommerce-MyAccount-navigation-link:not(.is-active):hover:after {
    color: #44D62C;
}

.kontakt_btn a {
    color: #fff !important;
}
.kontakt_btn a:hover {
    text-decoration: none!important;
}
.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button , a.single_link_to_cart_button{
    width: 220px;
}
.ast-plain-container.ast-no-sidebar .entry-content > .alignfull {
    padding-left: 20px;
    padding-top: 50px!important;
}

/*login/register popup*/
.xoo-el-form-container.xoo-el-form-inline{
    float: left;
    width: 500px;
}

.xoo-el-notice-success{
    background-color: #44D62C;
    color: #000;
}

/*ukrycie tworzenia konta w formularz zamoówien, po wybraniu opcji pomiń logowanie*/
.create-account {
    display: none !important;
}

/*mobile menu*/

/* 1. SEKCJA: Pozycjonowanie i ogólny styl menu mobilnego */
@media only screen and (max-width: 921px) {
    #mega-menu-wrap-secondary_menu .mega-menu-toggle.mega-menu-open + #mega-menu-secondary_menu {
        left: 20px !important;
    }

    #mega-menu-secondary_menu {
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        padding: 10px !important;
    }

    #mega-menu-secondary_menu .mega-menu-link {
        border-bottom: 2px solid lightgray !important;
    }

    /* Ukrywanie elementów Moje Konto i Koszyk */
    #mega-menu-secondary_menu li:has(a[href='/moje-konto']) {
        display: none !important;
    }

    #mega-menu-secondary_menu li:has(a[href='/koszyk']) {
        display: none !important;
    }

    /* Link do biblioteki */
    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/bibliotekalogistyka'] {
        display: flex !important;
        align-items: center !important;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/bibliotekalogistyka'] span {
        display: flex !important;
        align-items: center !important;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/bibliotekalogistyka'] span:first-child {
        margin-right: 10px;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/bibliotekalogistyka'] span .mega-menu-description {
        font-style: normal !important;
        font-size: 14px !important;
    }

    /* Link do czasopisma */
    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/czasopismo'] {
        display: flex !important;
        align-items: center !important;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/czasopismo'] span {
        display: flex !important;
        align-items: center !important;
        flex-direction: row-reverse;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/czasopismo'] span:last-child {
        margin-right: 10px;
    }

    #mega-menu-secondary_menu a[href='https://www.logistyka.net.pl/czasopismo'] span .mega-menu-description {
        font-style: normal !important;
        font-size: 14px !important;
    }
}

/* 2. SEKCJA: Wymiary menu mobilnego */
@media only screen and (max-width: 921px) {
    #mega-menu-wrap-secondary_menu .mega-menu-toggle + #mega-menu-secondary_menu {
        height: 600px !important;
        top: 100px !important;
    }
}

/* 3. SEKCJA: Wysokość linków i sub-menu */
@media only screen and (max-width: 921px) {
    #mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-item > a.mega-menu-link {
        height: 60px !important;
        display: flex;
        align-items: center;
    }

    .mega-sub-menu li a.mega-menu-link {
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        padding-left: 30px !important;
    }
}

.woocommerce-Address-title h2 {
    font-size: 24px;
}

.navigation.post-navigation{
    display:none;
}

.lost_password{
    display: flex;
    column-gap: 5px;
}

.wp-block-heading{
    background-color: transparent !important;
}
body .woocommerce-MyAccount-navigation-link.is-active a{
    background-color: rgb(209, 209, 209)!important;
}
body .woocommerce-MyAccount-navigation-link a {
    margin: 3px 0px 3px 0px;
}

/* 1. SEKCJA: Typ Klienta (przerobione z SCSS) */
#typ_klienta_field .woocommerce-input-wrapper {
    display: flex;
    flex-wrap: wrap;
}

#typ_klienta_field .woocommerce-input-wrapper input {
    width: 20px;
}

#typ_klienta_field .woocommerce-input-wrapper label {
    width: calc(100% - 30px);
    margin: 0 !important;
    padding-left: 10px;
}

/* 2. SEKCJA: Gwiazdki przy wymaganych polach (poprawny CSS) */
.checkout #nip_field label::after, 
.checkout #billing_company_field label::after, 
.checkout #billing_address_1_field label::after, 
.checkout #billing_city_field label::after, 
.checkout #billing_postcode_field label::after {
    content: '*';
    color: red;
}

span.optional{
    display: none;
}

.coupon-error-notice{
    margin-left: 50px;
    color: red;
    font-weight: 600;
}

.select2-container{
    min-width: 280px !important;
}


#czy_faktura_field{
    .select2-selection__clear{
        display: none !important;
    }
}
.woocommerce-shipping-destination{
    display:none;
}

.cky-notice-des a{
    text-decoration: underline;
}

.cky-notice-des a:hover{
    text-decoration: none;
}
.woocommerce-info a.showcoupon {
    color: #000000;
}
#body_content_inner span {
    color: red !important;
    font-weight: bold !important;
}

.df-icon-share{
    display: none !important;
}

.woocommerce-js div.product form.cart .reset_variations{
    opacity: 1!important;
}


@media (max-width: 767px) {
    h1.wp-block-heading {
    font-size: 38px !important;
    }
}

/*przycisk odsłaniający hasło*/
.password-input {
   position: relative;
}

/*.woocommerce form .show-password-input, 
.woocommerce-page form .show-password-input{
   right: 0!important;
   top: 0!important;
}

.login .show-password-input {
   top: 0!important;
   right: 0!important;
}

fieldset .password-input .show-password-input {
    position: absolute;
    right: 0 !important;
    top: -11px !important;
}

.wpmc-step-login .password-input .show-password-input {
   position: absolute;
   right: 0 !important;
   top: -11px !important;
}

.show-password-input {
   position: absolute;
   padding-top: 13px!important;
   padding-bottom: 13px!important;
}*/

@media only screen and (max-width:920px){
   .show-password-input {
       padding-top: 12px!important;
       padding-bottom: 12px!important;
   }
}

.show-password-input::after {
   font-family: WooCommerce;
   speak: never;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   margin-left: 0.618em;
   content: "\e010";
   text-decoration: none;
}


.su-post:focus{
    outline: none !important;
}
/* Usunięcie domyślnego podkreślenia z całego kafelka postu */
.su-post {
    text-decoration: none !important;
}

/* Podkreślenie nagłówka h2 tylko w momencie najechania (hover) na kafelek .su-post */
.su-post:hover h2 {
    text-decoration: underline !important;
}

.attachment-post-thumbnail{
    width:100% !important;
    height: 370px !important;
    object-fit: cover;
}

.podcasts-container{
    .attachment-post-thumbnail{
    width:100% !important;
    height: auto !important;
    object-fit: contain;
}
}

.su-post-excerpt p{
    text-decoration: none !important;
}


:root {
    --e-global-color-astglobalcolor0: #003467;
    --e-global-color-astglobalcolor1: #44d62c;
    --e-global-color-astglobalcolor2: #000000;
    --e-global-color-astglobalcolor3: #292929;
    --e-global-color-astglobalcolor4: #ffffff;
    --e-global-color-astglobalcolor5: #FFFFFF;
    --e-global-color-astglobalcolor6: #F2F5F7;
    --e-global-color-astglobalcolor7: #2da884;
    --e-global-color-astglobalcolor8: #000000;
}

.ast-pagination .next.page-numbers {
    display: inherit;
    float: none;
}

.ast-pagination a, .nav-links a {
    color: var(--ast-global-color-2);
}

.ast-pagination a:hover, .ast-pagination a:focus, .ast-pagination > span:hover:not(.dots), .ast-pagination > span.current {
    color: var(--ast-global-color-2);
}

@media (max-width: 544px) {
    .ast-pagination .next:focus, .ast-pagination .prev:focus {
        width:100% !important;
    }
}

.ast-pagination .prev.page-numbers,.ast-pagination .next.page-numbers {
    padding: 0 1.5em;
    height: 2.33333em;
    line-height: calc(2.33333em - 3px);
}

.ast-pagination-default .ast-pagination .next.page-numbers {
    padding-right: 0;
}

.ast-pagination-default .ast-pagination .prev.page-numbers {
    padding-left: 0;
}

.ast-pagination-default .post-page-numbers.current .page-link,.ast-pagination-default .ast-pagination .page-numbers.current {
    border-radius: 2px;
}

.ast-pagination {
    display: inline-block;
    width: 100%;
    padding-top: 2em;
    text-align: center;
}

.ast-pagination .page-numbers {
    display: inline-block;
    width: 2.73333em;
    height: 2.53333em;
    font-size: 16px;
    font-size: 1.06666rem;
    line-height: calc(2.53333em - 3px);
    font-weight: 500;
}

.ast-pagination .nav-links {
    display: inline-block;
    width: 100%;
}

@media (max-width: 420px) {
    .ast-pagination .prev.page-numbers,.ast-pagination .next.page-numbers {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .ast-pagination-circle .ast-pagination .next.page-numbers,.ast-pagination-square .ast-pagination .next.page-numbers {
        margin-top: 10px;
    }

    .ast-pagination-circle .ast-pagination .prev.page-numbers,.ast-pagination-square .ast-pagination .prev.page-numbers {
        margin-bottom: 10px;
    }
}

.ast-pagination .prev,.ast-pagination .prev:visited,.ast-pagination .prev:focus,.ast-pagination .next,.ast-pagination .next:visited,.ast-pagination .next:focus {
    display: inline-block;
    width: auto;
}

.ast-pagination .prev svg,.ast-pagination .next svg {
    height: 16px;
    position: relative;
    top: 0.2em;
}

.ast-pagination .prev svg {
    margin-right: 0.3em;
}

.ast-pagination .next svg {
    margin-left: 0.3em;
}

.ast-page-builder-template .ast-pagination {
    padding: 2em;
}

.ast-pagination .prev.page-numbers {
    float: left;
}

.ast-pagination .next.page-numbers {
    float: right;
}

@media (max-width: 768px) {
    .ast-pagination .next.page-numbers .page-navigation {
        padding-right: 0;
    }
}



/* Domyślny styl (desktop) */
.konferencje-lista {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px!important;
    font-family: sans-serif;
    
}

.konferencja-naglowek,
.konferencja-wiersz {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 1fr;
    gap: 10px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    align-items: center;
    text-decoration: none!important;
    
}

.konferencja-naglowek {
    background-color: #dfdfdf;
    font-weight: bold;
}

.konferencja-wiersz:hover {
    background-color: #dfdfdf;
}

.konferencja-wiersz .kolumna.tytul {
    color: #003467
}

.konferencja-wiersz .kolumna a:hover {
    text-decoration: underline;
}
.no-underline{
    text-decoration: none!important;
}

/* 🔄 MOBILE – max 768px */
@media screen and (max-width: 768px) {
    .konferencja-naglowek {
        display: none;
    }

    .konferencja-wiersz {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 15px;
        border-radius: 10px;
        align-items: flex-start;
    }

    .konferencja-wiersz .kolumna {
        margin-bottom: 10px;
    }

    .konferencja-wiersz .kolumna::before {
        content: attr(data-label) ": ";
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
        color: #333;
    }
}

a.button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #003467;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

a.button:hover {
    background-color: #146791;
}

/*stylowanie wpisów*/

/* Wielkość nagłówka H2 wewnątrz treści posta */
.single-post .entry-content h2 {
    font-size: 22px !important;
}

/* Wielkość nagłówka H4 wewnątrz treści posta */
.single-post .entry-content h4 {
    font-size: 20px !important;
}

.home .entry-content h2 {
    font-size: 18px !important;
}


.ast-page-builder-template .site-content > .ast-container{
    max-width: 1240px !important;
   
}

/*.entry-content p:nth-of-type(1) {
  //  display: flex;
 //   align-items: center;
 //   justify-content: center;
 //   img{
 //       width:500px !important;
//        height:400px !important;
//        object-fit: contain !important;
 //   }
    
//}*/

/*complianz*/

.cmplz-cookiebanner .cmplz-message a {
    text-decoration: underline;
}

.cmplz-cookiebanner .cmplz-message a:hover {
    text-decoration: none;
}

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse!important;
}

.a-single.a-3{
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast-grid-right-section {
    justify-content: flex-start!important;
}

@media (max-width:922px) {
    .ast-grid-right-section {
    justify-content: flex-end!important;
}
    header .custom-logo-link img {
    max-width: 300px!important;
    width: 60%!important;
}
    @media (max-width: 922px) {
    a.ast-header-account-link .account-icon path,
    a.ast-header-account-link .account-icon circle {
        fill: white !important;
  }
}
}

@media only screen and(max-width:767px){
    .post-card, .post-card-2.half-width{
        justify-content: center;
        width: 80%!important;
        margin-left: auto;
        margin-right: auto;
    }
    .weekly-layout{
        padding: 0!important;
    }
}
@media (min-width:1018px) and (max-width:1100px) {
    .ast-builder-menu-1 .menu-item > .menu-link{
        font-size: 15px!important;
    }
}
@media (min-width:922px) and (max-width:1017px) {
    .ast-builder-menu-1 .menu-item > .menu-link{
        font-size: 13px!important;
    }
    .custom-logo-link img {
        max-width: 480px!important;
    }
}

.a-single {
  width: 100%;
  overflow: hidden; /* przycina obraz */
}

.a-single a {
  display: block;
  width: 100%;
  height: 100%;
}

.a-single img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  max-width: 1440px;
  object-fit: cover;   /* KLUCZOWE */
  display: block;
}

.custom-logo-link {
  display: block;        /* KLUCZOWE */
  width: 100%;
  height: 150px;         /* albo auto, jeśli nie chcesz na sztywno */
}

.custom-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;   /* albo cover, jeśli ma przycinać */
  display: block;
}

.main-header-menu > .menu-item > .menu-link{
    height: 50px;
}

span.dropdown-menu-toggle {
    width: 25px;
    height: 30px;
    margin-left: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast-icon.icon-arrow svg {
    margin-left: 0!important;
}

a:focus, button.menu-toggle{
    outline: none!important;
}


/* 1. Szerokie ekrany (powyżej 1351px) */
@media only screen and (min-width: 1351px) {
    .gofollow {
        width: 100vw !important;
        height: 200px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gofollow img {
        width: auto !important;
        height: 200px !important;
        object-fit: contain;
    }
}

/* 2. Średnie ekrany (966px - 1350px) */
@media only screen and (min-width: 966px) and (max-width: 1350px) {
    .gofollow {
        width: 100vw !important;
        height: auto !important;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .gofollow img {
        width: 100vw !important;
        height: calc(100vw / 6.3) !important;
    }
}

/* 3. Małe ekrany (poniżej 965px) */
@media only screen and (max-width: 965px) {
    .gofollow {
        width: 100vw !important;
        height: auto !important;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .gofollow img {
        width: 100vw !important;
        height: calc(100vw / 6.3) !important;
    }
}

.g-col{
    width:100vw !important;
}


/* Styling kontenera slidera */
.adrotate-slider-wrapper {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.adrotate-slides-container {
    display: flex;
    width: 300vw; /*tutaj 100% x ilosc banerow*/
    transition: transform 0.8s ease-in-out;
}


/* Pojedynczy slajd */
.adrotate-slider-item {
    width: 100% !important; /*tutaj 100%/ilosc banerow*/
    flex-shrink: 0;
}
.adrotate-slides-container > div {
    flex: 0 0 100%;
    margin-right: -1px;
}

.adrotate-slider-item .g {
    display: block;
    text-align: center;
}

/* post-home-loop */

/* Kontener główny sekcji postów */
.post-home {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Pojedynczy kafelek posta */
.post-home .su-post {
    margin-bottom: 0 !important;
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease-in-out;
}

/* Efekt najechania na kafelek */
.post-home .su-post:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Tytuł posta */
.post-home h2.su-post-title {
    padding-top: 1rem !important;
    color: #003467;
    text-transform: uppercase;
}

/* Miniaturka posta */
.post-home img.attachment-post-thumbnail {
    width: auto;
    height: 175px !important;
}

/* Linki w tytule i nagłówki */
.post-home a.su-post h2, 
.post-home h3.su-post-title a {
    text-decoration: underline !important;
    text-decoration-color: #003467 !important;
    text-decoration-thickness: 1px !important;
    font-weight: 400 !important;
}

/* Usuwanie podkreślenia przy hover na link posta */
.post-home a.su-post:hover {
    text-decoration: none !important;
}

.post-home a.su-post:hover h2 {
    text-decoration: none !important;
}

/* Nagłówki H5, przyciski i listy */
.post-home h5 {
    padding-top: 2rem;
    color: #003567 !important;
    text-align: center;
}

.post-home .wp-block-buttons {
    margin-bottom: 2rem !important;
}

.post-home ul {
    list-style-image: url('/wp-content/uploads/2024/07/znacznik.svg');
}

/* RESPONSYWNOŚĆ - TABLETY (do 992px) */
@media only screen and (max-width: 992px) {
    .post-home {
        justify-content: center;
    }
    .post-home .su-post {
        width: 60%;
    }
    .post-home img.attachment-post-thumbnail {
        width: 100%;
        height: auto !important;
    }
}

/* RESPONSYWNOŚĆ - MOBILE (do 767px) */
@media only screen and (max-width: 767px) {
    .post-home .su-post {
        width: 80%;
    }
    .post-home img.attachment-post-thumbnail {
        width: 100%;
        height: auto !important;
    }
}

/* Focus na linkach GoFollow */
a.gofollow:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

a.gofollow:focus img {
    border: 2px solid #109CDE;
}

/* Wymusza, żeby tekst zawsze był pod iframe */
.x_elementToProof {
  display: block !important;
  clear: both !important;
}


/*Naprawa wyświetlaczy YT*/

/* 1. Szerokie ekrany (powyżej 751px) */
@media only screen and (min-width: 751px) {
    .ast-oembed-container {
        padding-top: 430px !important;
    }

    .ast-oembed-container iframe {
        width: 750px !important;
        height: 425px !important;
    }
}

/* 2. Ekrany mobilne (poniżej 750px) */
@media only screen and (max-width: 750px) {
    .ast-oembed-container {
        padding-top: calc(95vw * 9 / 16) !important;
    }

    .ast-oembed-container iframe {
        width: 90vw !important;
        height: calc(90vw * 9 / 16) !important;
    }
}

.powiazane-wpisy h3{
    margin-bottom: 1.2rem;
}

@media only screen and (min-width: 1024px){
    .post.type-post img.size-full {
        max-width: 900px; /* obrazek nigdy nie większy niż 900px */
    }
    .single-layout-1 .entry-content p:nth-of-type(1) img.size-full{
        max-width: 900px;
    }
}

.post.type-post img.size-full {
    width: auto;      /* mniejsze obrazki zachowują naturalną szerokość */
    height: auto;     /* proporcje zachowane */
    max-height: 600px;
    margin-bottom: 2rem;
    object-fit: contain;
}

/* dla mniejszych obrazków zachowujących naturalną szerokość */
.post.type-post img.size-full[width] {
    width: auto;
}
.single-layout-1 .entry-content p:nth-of-type(1) img.size-full{
 width: 100%;
 height: auto;
 margin-bottom: 2rem;
}

/*poprawa focusów w menu*/ 

a.menu-link{
    display: flex !important;
    align-items: center !important;
}

/*poprawa focusów we wpisach*/

/* 1. Podstawowy styl linku zawierającego obrazek */
.single-layout-1 .entry-content a:has(img) {
    border: none !important; 
    text-decoration: none !important;
}

/* 2. Styl linku w momencie uzyskania focusu (np. tabulatorem) */
.single-layout-1 .entry-content a:has(img):focus {
    box-shadow: none !important; 
    text-decoration: none !important;
}

/* 3. Ramka na obrazku, gdy jego link-rodzic ma focus */
.single-layout-1 .entry-content a:has(img):focus img {
    border: 1px solid black !important;
}

h3.su-post-title a{
        font-size: 18px !important;
        text-decoration: underline!important;
        text-decoration-color: #003467!important;
        text-decoration-thickness: 1px !important;
        font-weight: 400 !important;
    }

h2.su-post-title{
    font-size: 18px !important;
}

.entry-content :where(h1,h2,h3,h4,h5,h6).box2{
    margin-bottom: 0!important;
}

/* Główny kontener sekcji */
.container-icon {
    max-width: 400px;
    /* Jeśli chcesz, by całość była wyżej, możesz dodać margin-top: 0; */
}

/* Sekcja z nagłówkiem i rzędem ikon */
.section-icon {
    margin-bottom: 25px; /* Odstęp między blokami "Posłuchaj" a "Obserwuj" */
}

/* Nagłówki - upewnij się, że nie mają nadmiarowego marginesu */
.section-icon h2 {
    font-size: 18px; /* Dostosuj wielkość do designu */
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

/* Rząd ikon - naprawia przesunięcia Flexboxa */
.icon-row {
    display: flex;
    flex-wrap: wrap; /* Pozwala na zawijanie, jeśli zabraknie miejsca */
    gap: 12px;      /* Odstęp między ikonami */
    align-items: center;
    line-height: 0;  /* Kluczowe: usuwa odstępy tekstowe wokół ikon */
}

/* Styl linku (kontenera ikony) */
.icon-link {
    display: inline-flex; /* Zmiana na inline-flex dla lepszej kontroli */
    align-items: center;
    justify-content: center;
    width: 25px;         /* Dopasuj wielkość ikon */
    height:25px;
    transition: transform 0.2s ease-in-out;
    text-decoration: none;
}

.icon-link:hover {
    transform: scale(1.1);
}

/* Styl samego obrazka wewnątrz linku */
.icon-link img {
    display: block;      /* Usuwa domyślne przesunięcie w dół (baseline) */
    width: 100%;
    height: 100%;
    object-fit: contain; /* Pilnuje proporcji ikony */
}

/* Opcjonalne: jeśli chcesz mieć idealne koła dla klas .round */
.icon-link.round img {
    border-radius: 50%;
}

img[alt="X"] {
    width: 20px;         
    height:20px;
}

/*Poprawa głównego logo na mobilkach*/
.custom-logo-link{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*naprawa ładowania menu na mniejszych szerokościach*/

.ast-primary-header{
    max-height:100px !important;
}

.najnowsze .h2-link {
    display: block;
    width: 100%;
    height: 100%;
}

h2.najnowsze, h3.box2{
    background-color: #003467;
    color:white !important;
    padding:10px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.h2-link{
    color: white !important;
}

.bottom-row h3 a.h2-link{
    color: white !important;
}

.box2 {
    position: relative;
}

.box2 .h2-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}

.h2-link-elementor h2 a {
    display: block;
    width: 100%;
    height: 100%;
}


/*Poprawa wyglądu cytatów we wpisach*/
blockquote{
    border-color: #44D62C !important;
}

/*wyszukiwarka /*
/*
.astm-search-menu.is-menu.sliding.menu-item a:focus {
    box-shadow: inset 0 0 0 1px #ffffff !important;
    //padding: 2px;
}

@media (max-width:922px){
    .is-menu path.search-icon-path{
        fill: black!important;
    }
}

.is-search-icon {
    //padding-left: 25px;
    border: 3px solid;
    border-left: 0px;
    border-radius: 0px 6px 6px 0px;
}

li.astm-search-menu.is-menu.sliding.menu-item{
    padding-left: 10px;
}

.is-form-style input.is-search-input{
    border: 3px solid !important;
    border-radius: 6px 0px 0px 6px !important;
}

input.is-search-input:focus{
    box-shadow: none !important;
    border: solid 3px !important;
    border-color: #44D62C !important;
}

.is-form-style.is-form-style-3 input.is-search-input {
    border-right: 3px !important;
}


.is-form-id-145353 .is-search-submit:focus{
    border-color: #44D62C !important;
}*/

input#is-search-input-145353:focus{
    box-shadow: none!important;
}

.is-form-style input.is-search-input{
    border:none!important;
}

.is-form-style input.is-search-submit, .is-search-icon{
    border:none!important;
}

button.is-search-submit:focus .is-search-icon{
    border-right: #44D62C solid 2px!important;
    border-left: #44D62C solid 2px!important;
    border-top: #44D62C solid 2px!important;
    border-bottom: #44D62C solid 2px!important;
}

.astm-search-menu.is-menu.sliding.menu-item a:focus{
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important;
}
 
input#is-search-input-145353:focus .is-menu.sliding form {
    outline: #44D62C solid 3px !important;
}

.is-menu.sliding form{
    right: -15px;
}

.is-menu form label {
    padding-right: -5px;
}

.is-menu.sliding form{
    outline: #fff solid 3px !important;
    border-radius: 2px;
    transition: width 0.6s, background-color 0.6s, color 1s !important;
    margin-right: 10px;
}

.is-menu.sliding:not(.open) form {
    outline: #fff solid 3px !important;
}

@media only screen and (max-width: 991px){
    .is-menu.sliding form {
        margin-left: 10px;
        margin-right: 0px !important;
        left: 0!important;
        max-width: max-content;
    }

    .rt-slide-nav .offscreen-navigation ul li>a {
        max-width: 250px;
    }
}

/*.single-post .entry-content ul li a{
    color: #fff!important;
}*/

.is-menu.sliding:not(.open) form {
    outline: transparent solid 3px !important;
}

.is-menu path.search-icon-path {
    fill: #ffffff !important;
}

.search .ast-container section.ast-archive-description{
    padding-left:0 !important;

    
}

/* Podstawowy styl nagłówka na stronie wyników wyszukiwania */
.search h2.ast-blog-single-element {
    text-decoration: underline;
    text-decoration-color: #44D62C;
}

/* Usunięcie podkreślenia po najechaniu myszką (hover) */
.search h2.ast-blog-single-element:hover {
    text-decoration: none;
}

h2.najnowsze{
    margin-bottom: 20px!important;
}

@media (max-width:768px){
    h2.najnowsze{
    margin: 20px 10px !important;
    width: calc(100% - 20px) !important;
}
}


/*MailerLite form styles*/

/* Styl główny kontenera formularza */
.embedForm {
    background-color: transparent !important;
}

/* Styl głównego przycisku wewnątrz formularza */
.embedForm button.primary {
    width: 30% !important;
}

/* Styl pól tekstowych (linia pod spodem zamiast cienia) */
.embedForm input.form-control {
    box-shadow: 0 2px 0 0 #fff !important;
}

a.elementor-element.elementor-element-2d26d6f{
    text-decoration: none !important;
}

/*rozszerzenie sekcji*/ 
.fullwidth-section{
    width: 100vw!important;
    max-width: 100vw!important;
    margin-left: calc(50% - 50vw)!important;
    margin-right: calc(50% - 50vw)!important;
}


/* Styl obrazka wewnątrz linku gofollow, który znajduje się w bannerze nr 2 */
.ad-banner-2 .gofollow img {
    max-width: 1140px !important;
}

.custom-control-input:hover{
    cursor: pointer !important;
}

@media (max-width: 544px) {
    .ast-footer-copyright {
        text-align: left !important;
    }
}

.footer-logo-link{
    display: block !important;
    max-width: 100px !important;
}

/* Styl główny kontenera zdjęć */
.depositephotos-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    margin-bottom: 20px;
    max-width: 90% !important;
}

/* Styl linków wewnątrz kontenera */
.depositephotos-container a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast-footer-copyright{
    max-width: 90% !important;
}

/* 1. Layout podstawowy i kontenery */
.weekly-layout { 
    max-width: 1188px; 
    margin: 0 auto; 
    padding: 24px; 
    box-sizing: border-box; 
}

@media only screen and (min-width: 1600px) {
    .weekly-layout { max-width: 1188px; }
}

/* 2. Nagłówki i Typografia */
.najnowsze {
    margin: 0 !important; 
    font-size: 28px !important; 
    color: #003467; 
    font-weight: 600; 
    border-bottom: solid 3.5px #44D62C; 
    width: calc(50% - 12px); 
    padding-bottom: 10px;
}

.top-grid h3, .bottom-row h3 {
    font-size: 22px !important;
    text-transform: uppercase !important;
}

.top-grid h3 a, .bottom-row h3 a {
    color: #003467 !important;
}

/* 3. Siatki (Grids) */
.top-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    margin-bottom: 30px; 
    gap: 24px;
}

.bottom-row { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: fit-content auto; 
    row-gap: 0px; 
    align-items: flex-start;
}

/* 4. Karty wpisów (Post Cards) */
.post-card { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; background: transparent; }

.post-card-2 { 
    display: flex; 
    flex-direction: row; 
    gap: 12px; 
    align-items: stretch; 
    height: 200px; 
}

.post-card .thumb, .post-card-2.half-width .thumb { 
    flex: 0 0 50%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
    background: #f5f5f5;
}

.post-card .meta, .post-card-2.half-width .meta { 
    flex: 0 0 50%; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start;
}

/* Interakcje i linki */
.post-card:hover a, .post-card-2:hover a { text-decoration: none !important; }

.category a {
    text-decoration: none !important;
    padding-bottom: 5px;
    border-bottom: solid 3.5px #44D62C;
    margin-right: 20px;
}

.category a:hover { border-bottom: solid 3.5px transparent; }

/* 5. Meta dane i zajawki */
.cat-date { display: flex; flex-direction: row; margin-bottom: 10px; flex-flow: wrap; }
.meta .category { font-size: 0.78rem; margin-bottom: 4px; text-transform: uppercase; }
.meta .date { font-size: 0.75rem; margin-bottom: 6px; color: inherit; opacity: 0.8; }
.post-card .meta h3 { margin: 0 0 6px; font-size: 1rem; }

/* Excerpt tylko dla karty Lead */
.post-card .meta .excerpt { display: none; }
.post-card--lead .meta .excerpt { 
    display: -webkit-box; 
    margin-top: 8px; 
    color: inherit; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
}

/* 6. Sekcja Komentarza/Wydarzeń */
.comment-week { 
    flex: 1 1 0; 
    padding: 16px; 
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 8px; 
    border-left: solid 3.5px #44D62C; 
    border-top: solid 3.5px #44D62C; 
}
.comment-week .author { font-weight: 600; }

.comment-flex {display:flex; flex-direction:row; gap:20px; align-items:flex-start;}

.thumb.com-img {width: 30%}

/* 7. Responsywność - Tablety */
@media (min-width: 768px) and (max-width: 1100px) {
    .top-grid h3, .bottom-row h3 { font-size: 18px !important; }
}

/* 8. Responsywność - Mobile (Zoptymalizowana pod 922px i 767px) */
@media (max-width: 922px) {
    .najnowsze { width: 100% !important; }

    .top-grid { grid-template-columns: 63% !important; justify-content: center; }

    .bottom-row { 
        display: flex; 
        flex-direction: column; 
        row-gap: 0px; 
    }

    .post-card-2.half-width {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .post-card-2.half-width .thumb,
    .post-card-2.half-width .meta {
        width: 100%;
        flex: 0 0 auto;
        height: auto;
    }
	
	.post-card-2.half-width.box3{
		width: 63% !important;
		margin-left: auto;
        margin-right: auto;
	}
	
	h3.box2{ width: 63%; place-self: center;}

    .comment-week { width: 63%; flex: 0 0 auto; justify-self: center; align-self: center;}

    /* Kolejność elementów w bottom-row */
    .box1 { order: 1; }
    .box2 { order: 3; }
    .box3 { order: 2; }
    .box4 { 
        order: 4; 
        margin-bottom: 50px; /* Dodany margines bezpieczeństwa z news.php */
    }
}

@media (max-width: 768px) {
    .najnowsze { width: 100% !important; }

    .top-grid { grid-template-columns: 84% !important; justify-content: center; }

    .bottom-row { 
        display: flex; 
        flex-direction: column; 
        row-gap: 0px; 
    }

    .post-card-2.half-width {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .post-card-2.half-width .thumb,
    .post-card-2.half-width .meta {
        width: 100%;
        flex: 0 0 auto;
        height: auto;
    }
	
	.post-card-2.half-width.box3{
		width: 84% !important;
		margin-left: auto;
        margin-right: auto;
	}
	
	h3.box2{ width: 84%; place-self: center;}

    .comment-week { width: 84%; flex: 0 0 auto; justify-self: center; align-self: center;}

    /* Kolejność elementów w bottom-row */
    .box1 { order: 1; }
    .box2 { order: 3; }
    .box3 { order: 2; }
    .box4 { 
        order: 4; 
        margin-bottom: 50px; /* Dodany margines bezpieczeństwa z news.php */
    }
	

@media (max-width: 500px) {
	.comment-flex{
		flex-direction:column !important;
	}
	.thumb.com-img {width: 50% !important; align-self: center;}
}
}