/*
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: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
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.11.15.1764405801
Updated: 2025-11-29 09:43:21

*/

/* Sticky menu główne 
.site-header {
    position: fixed;
    top: 5;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); 
	margin-bottom: 150px !important;
}*/
/*@media (max-width: 767px) { 
  główny kontener 
  .opinie_mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 12px !important;
    scroll-snap-type: x mandatory !important;
  } */

  /* pojedynczy element/kafelek */
  .opinie_mobile .opinie_item {
    flex: 0 0 auto !important;
    width: 78% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    scroll-snap-align: center !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  /* obrazek wewnątrz elementu (dopasowanie) */
  .opinie_mobile .opinie_item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* opcjonalne: pasek przewijania (webkit) */
  .opinie_mobile::-webkit-scrollbar {
    height: 6px !important;
  }
  .opinie_mobile::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2) !important;
    border-radius: 10px !important;
  }

/**************************** Skalowanie do duzych ekranów ****************************/

@media (min-width: 3000px) {
  /* Astra podstawowe kontenery */
  .ast-container,
  .site-content .ast-container,
  .site-header .ast-container,
  .site-footer .ast-container,
  .ast-builder-grid-row,
  .ast-builder-layout-element,
  .ast-footer-copyright,
  .ast-footer-widgets,
  .ast-col-sm-12,
  /* Header / Navigation (Astra Header Builder) */
  .main-header-bar .ast-container,
  .main-navigation,
  .site-navigation,
  .ast-primary-header-bar,
  .ast-builder-menu,
  /* Elementor containers & stretched sections */
  .elementor-section > .elementor-container,
  .elementor-section.elementor-section-stretched > .elementor-container,
  .elementor-section.elementor-section-full_width > .elementor-container,
  .elementor-section .elementor-container,
  .elementor .elementor-inner,
  .elementor-widget-wrap,
  /* WooCommerce / other wide wrappers */
  .woocommerce .woocommerce-notices-wrapper,
  /* safety: site root wrappers */
  .site, 
  .site-main {
    max-width: 2600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Dodatkowo: jeśli Astra w header/stopce wyrównuje elementy do krawędzi
     wymuśmy padding wewnętrzny, by kontener robił centrowanie */
  header.site-header,
  footer.site-footer,
  .ast-header-break-point,
  .ast-footer {
    box-sizing: border-box;
  }

  /* Elementy, które wcześniej mogły być "stretched" - ograniczamy ich szerokość */
  .elementor-section.elementor-section-stretched,
  .elementor-section.elementor-section-full_width {
    overflow: visible;
  }
}



/**************************** Newsletter ****************************/

.nl-footer-outer {
  background: #000;
  padding: 28px 16px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* CONTAINER ograniczający szerokość i robiący dwie kolumny */
.nl-container {
  width: 100%;
  max-width: 1200px;
  display: flex;
  align-items: center;         /* vertical center */
  justify-content: space-between;
  gap: 36px;
  box-sizing: border-box;
  padding: 0 8px;
}

/* LEWA KOLUMNA: nagłówek + opis (używasz tego HTMLu wcześniej) */
.opis_footer {
  flex: 0 0 45%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* zmień na center jeśli chcesz wycentrować tekst w kolumnie */
  text-align: left;
  color: #fff;
}


.naglowek_footer { margin:0 0 8px 0; font-size:35px; line-height:1; font-weight:600; color:#fff; }
.tresc_fotter { margin:0; font-size:20px; color:#fff; opacity:0.95; }
.nl-wrap, .mc4wp-form { flex: 0 0 50%; min-width: 0; box-sizing: border-box; background: transparent; padding: 0; }
.nl-wrap .mc4wp-form, .mc4wp-form { display: block !important; }
.nl-row { display: flex; gap: 12px; align-items: center; }
.nl-input-wrap { flex: 1 1 auto; min-width: 0; }


.mc4wp-form input[type="email"],
.nl-input {
  display: block;
  width: 100%;
  min-width: 0;
  background: #fff;           
  border: none;
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 20px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
}

.mc4wp-form input[type="email"]::placeholder,
.nl-input::placeholder { color: #000; }

/* Przycisk (targetujemy przycisk typu submit) */
.mc4wp-form button[type="submit"],
.nl-btn {
  flex: 0 0 auto;
  padding: 12px 33px;
  font-size: 20px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  border-radius: 24px;       
  background: #FFE600;       
  color: #000;
  box-shadow: none;
}

.nl-btn:hover{
	background: #fff !important;
}


.nl-consent,
.mc4wp-form .nl-consent,
.mc4wp-form label[for*="consent"] { /* różne outputy mogą się różnić */
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}

.mc4wp-form input[type="checkbox"],
.nl-consent input[type="checkbox"] {
  margin-right: 8px;
  accent-color: #FFE600;
}


.mc4wp-response {
  color: #fff;
  margin-top: 10px;
  font-size: 14px;
}


.visually-hidden {
  position: absolute !important;
  height:1px; width:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}

@media (max-width: 820px) {
  .nl-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }

  .opis_footer { flex: 0 0 auto; align-items: center; text-align: center; width: 100%; }
  .naglowek_footer { font-size: 36px; }
  .tresc_fotter { font-size: 16px; }

  .nl-wrap { flex: 0 0 auto; width: 100%; }


  .nl-row { flex-direction: row; align-items: center; gap: 10px; }
  .mc4wp-form input[type="email"] { font-size: 15px; padding: 12px 12px; }
  .mc4wp-form button[type="submit"] { padding: 12px 16px; font-size: 15px; }

}

.ast-footer-container .nl-container,
.site-footer .nl-container,
footer .nl-container { display: flex !important; }
.ast-footer-container .nl-input-wrap,
.site-footer .nl-input-wrap,
footer .nl-input-wrap { min-width: 0 !important; }
.ast-footer-container input[type="email"],
.site-footer input[type="email"],
footer input[type="email"] { box-sizing: border-box; min-width: 0 !important; }

/**************************** produkty ****************************/
div.summary.entry-summary > h1{
    font-size: 40px
}
.entry-title,.entry-title a {
    font-weight: 400 !important;
}
div.summary.entry-summary > div.woocommerce-product-details__short-description > ul {
margin-left: 20px !important;
}	

@media (min-width: 922px) {
	.nl-row {
		max-width: 70% !important; 
	}
}	
@media (max-width: 1024px) {
	div.summary.entry-summary > h1{
    font-size: 25px
	}
	.woocommerce-js div.product form.cart {
    display: flex ;
    justify-content: center; !important;
	}	
	
	
}


@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:600px;
    }
.woocommerce-js div.product div.images img {
    display: block;
    width: 600px;
    height: 600px;
    box-shadow: none
}	


.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: 60%;
        padding: 0px 40px 0px 40px !important;
        
    }

/**************************** koszyk ****************************/	
#post-28 > div > div > form > table > thead {
color: white !important;
background-color: #141414 !important;  
}
#post-28 > div > div > div.woocommerce-notices-wrapper > div{
color: white !important;
background-color: #141414 !important;
}    
#post-28 > div > div > div.cart-collaterals > div > h2{
background-color: #141414 !important;     
}
#post-28 > div > div > div.cart-collaterals > div > div > a{
    padding: 8px 
}	
#customer_details > div.col-1 > div.woocommerce-additional-fields{
    display: none;
}
#customer_details > div.col-1 > div.woocommerce-billing-fields > p{
    display: none;
}
.woocommerce-checkout  label {
    color: white;
}
#post-29 > div > div > div.woocommerce-form-coupon-toggle{
    display: none;
}
#billing_address_2_field{
    display:none !important;
}