/*
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 5,700+ 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.1.1748794571
Updated: 2025-06-01 18:16:11

*/
/*BLOK MEBLE /*
 /* ==============================
   BLOK MEBLE (niezmieniony, po usunięciu zbędnych linii)
   ============================== */
ul#ast-hf-menu-1 > li#menu-item-1362 {
  position: relative;
}

/* MEGAMENU – centrowanie i wygląd kontenera */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  padding: 30px;
  background: white;
  border-radius: 20px;
  width: 1000px;                 /* sztywna szerokość dla centrowania */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-241px); /* centrowanie względem rodzica */
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

/* Wyłączenie wszystkich przejść w menu */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu,
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu * {
  transition: none !important;
}

/* Kafelki – pojedyncze elementy (pozycje “MEBLE”) */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li {
  list-style: none;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  padding-top: 130px;
  background-repeat: no-repeat;
  background-size: 80px auto;
  background-position: center 30px !important; /* zastępuje top center */
  transition: 0.2s ease;
  min-height: 155px;
}

/* Efekt hover na kafelkach */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Klikalność całego kafla – link “w tle” */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li > a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  /* align-items i justify-content były nadpisywane, więc pozostawiamy tylko absolutną pozycję i flex */
  text-decoration: none;
  z-index: 1;
  padding-bottom: 15px;
}

/* Tło obrazków w poszczególnych kafelkach */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(1) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Fotel.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(2) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Komoda.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(3) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/LawaStolik.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(4) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Lozko-scaled.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(5) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Naroznik-1.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(6) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Sofa.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(7) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Szafkartv.png');
}
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li:nth-child(8) {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/05/Szafa.png');
}

/* Schowanie strzałek w podmenu */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu .ast-icon.icon-arrow {
  display: none !important;
}
/* Schowanie strzałki obok MEBLE w głównym menu */
ul#ast-hf-menu-1 > li#menu-item-1362 > a .ast-icon.icon-arrow {
  display: none !important;
}

/* Reset padding linku, dopasowanie tekstu w kafelku */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li > a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  letter-spacing: 0.5px;
}

/* Ukrycie wszelkich SVG w menu (opcjonalnie) */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu svg {
  display: none !important;
}



/* ==============================
   BLOK POMIESZCZENIA – finalna wersja, tekst POD obrazkiem 
   ============================== */

/* ==============================
   BLOK POMIESZCZENIA – pełny kafelek klikalny, tekst pod obrazkiem
   ============================== */
/* ==============================
   BLOK POMIESZCZENIA – tekst idealnie pod środkiem obrazka
   ============================== */

/* 1) Kontener “POMIESZCZENIA” */
ul#ast-hf-menu-1 > li#menu-item-1363 {
  position: relative;
}

/* 2) MEGAMENU – siatka i styl kontenera */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  padding: 30px;
  background: white;
  border-radius: 20px;
  width: 1000px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-367px);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

/* 3) Wyłączamy wszystkie przejścia (Opera) */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu,
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu * {
  transition: none !important;
}

/* 4) Pojedynczy kafel (LI): pozycja i wymiary */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li {
  list-style: none;
  position: relative;    
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  min-width: 190px;
  max-width: 200px;
  min-height: 167px;   /* 15px marginesu + 100px obrazka + przestrzeń na tekst */
  margin-bottom: 6px;
  margin-top: 0;
}

/* 5) Efekt hover na kafelkach */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 6) Obrazek w kafelku – pseudo-element ::before */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li::before {
  content: '';
  display: block;           
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;              
  height: 100px;           
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;              
  pointer-events: none;
}
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:nth-child(1)::before {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/06/salon.webp');
}
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:nth-child(2)::before {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/06/pokoj-dziecka.jpg');
}
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:nth-child(3)::before {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/06/sypialnia-1-scaled.webp');
}
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:nth-child(4)::before {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/06/przedpokoj.jpg');
}
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li:nth-child(5)::before {
  background-image: url('https://laverno.pl/wp-content/uploads/2025/06/lazienka.jpg');
}

/* 7) <a> o szerokości obrazka (90%), wycentrowany + całe klikane pionowo */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li > a {
  position: absolute;
  top: 15px;                     /* wyrównujemy się do górnej krawędzi pseudo::before */
  left: 50%;
  transform: translateX(-70px);   /* centrujemy poziomo */
  width: 90%;                    /* tyle samo, co obrazek ::before */
  height: calc(100% - 15px);     /* od góry kafla do samego dołu, minus te 15px marginesu */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;   /* od góry w <a> */
  align-items: center;           /* wyśrodkowanie poziome tekstu */
  padding-top: 112px;            /* 100px = wysokość obrazka, dzięki czemu tekst ląduje bezpośrednio pod nim */
  background: transparent;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  letter-spacing: 0.5px;
  text-transform: capitalize;    /* Pierwsza litera duża, reszta mała */
  z-index: 2;                     /* nad pseudo::before */
  text-align: center;            /* wymuszamy centrowanie w Operze */
}

/* 8) Schowanie strzałek */
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu .ast-icon.icon-arrow,
ul#ast-hf-menu-1 > li#menu-item-1363 > a .ast-icon.icon-arrow {
  display: none !important;
}
/* Zastąp wszystkie reguły lowercase/first-letter jednym „capitalize” */
ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li > a,
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li > a {
  text-transform: lowercase;   /* wszystko na małe */
}

ul#ast-hf-menu-1 > li#menu-item-1362 > ul.sub-menu > li > a,
ul#ast-hf-menu-1 > li#menu-item-1363 > ul.sub-menu > li > a {
  text-transform: capitalize;  /* zamienia pierwszy znak każdego wyrazu na duży */
}

/*KAFELKI NA STRONIE POMIESZCZENIA */

.kategorie-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  justify-items: center;
  margin: 50px auto;
  max-width: 1200px;
}

.kategoria-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  max-width: 250px;
  overflow: hidden;
}

.kategoria-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.pomieszczenia-page .kategoria-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background-color: #e5e5e5 !important;
  padding: 20px;
  border-radius: 20px;
  
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  max-width: 250px;
  overflow: hidden;
}

.pomieszczenia-page .kategoria-box img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 140px !important; /* ZWIĘKSZ TU JAK CHCESZ */
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  border-radius: 15px !important;
  margin-bottom: 15px !important;
}



.kategoria-box span {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000;
  text-align: center;
}

.pomieszczenia-page .kategoria-box {
  padding-bottom: 15px !important; /* góra, prawo, dół, lewo */
}

.pomieszczenia-page .kategoria-box span {
  margin-top: -10px !important; /* zmniejsz odstęp od obrazka */
}

/* 1. Schowaj tooltipa */
.ast-card-action-tooltip {
  display: none !important;
}

/* 2. Ustaw produkt jako kontekst pozycyjny */
.product {
  position: relative;
}

/* 3. Styl dla ikony koszyka */
.product .ahfb-svg-iconset {
  position: absolute;
  bottom: -200px;
  right: 10px;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  z-index: 5; /* żeby nie był pod spodem */
}

/* 4. Pokaż ikonę tylko po najechaniu */
.product:hover .ahfb-svg-iconset {
  opacity: 1;
  pointer-events: auto;
}

/* ==== STYLING KAFELKÓW PRODUKTU ==== */

.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 5px 5px !important;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02);
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.woocommerce ul.products li.product img {
  max-height: 260px !important;
  object-fit: contain;
  transition: transform .3s ease;
  border-radius: 8px;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.03);
}

.woocommerce ul.products li.product h2 {
  font-size: 16px;
  margin: 15px 0 5px;
  color: #222;
  font-weight: 500;
}

.woocommerce ul.products li.product .price {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-top: 5px;
}

.woocommerce ul.products li.product .price del {
  color: #888;
  opacity: 0.7;
  margin-right: 6px;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}
/* ==== JESZCZE MNIEJSZE KAFELKI PRODUKTU ==== */

/* 1. Węższy grid – minimum 260px */
.woocommerce ul.products {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 20px 15px !important;
}

/* 2. Mniejszy padding – kompaktowe kafelki */
.woocommerce ul.products li.product {
  padding: 18px 12px !important;
}

/* 3. Mniejsze obrazki */
.woocommerce ul.products li.product img {
  max-height: 160px !important;
}

/* 4. Skrojone fonty do nowego rozmiaru */
.woocommerce ul.products li.product h2 {
  font-size: 15px !important;
  margin: 12px 0 5px !important;
}
.woocommerce ul.products li.product .price {
  font-size: 14px !important;
  margin-top: 5px !important;
}



/* Strona główna – centrowanie produktów z shortcode bez flexa */
.home .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 20px 20px !important;
  justify-content: center !important;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}
/* Układ cen promocyjnych - cena promocyjna pod regularną */
.woocommerce ul.products li.product .price {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.woocommerce ul.products li.product .price ins {
    order: 2; /* Cena promocyjna na dole */
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price del {
    order: 1; /* Cena regularna na górze */
    display: block !important;
}
/* Przesunięcie sekcji sklepu w prawo */
.woocommerce .site-main,
.woocommerce-page .site-main,
.woocommerce #primary,
.woocommerce-page #primary {
  margin-left: 40px; /* możesz dać więcej lub mniej, np. 60px */
}
/* Zmiana siatki produktów na 4 kolumny */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

/* Reset szerokości pojedynczego produktu */
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
}



/* Usuwamy padding/margin z wiersza i sidebara */
.ast-row,
#secondary,
.widget-area.secondary,
.sidebar-main,
.ast-filter-wrap {
  margin-left: -70px !important;
  padding-right: 10px !important;
	
}
.woocommerce .widget-area {
  border-right: none !important;
  border: none !important;
}

.woocommerce .ast-sidebar-wrap {
  border-right: none !important;
}

/* Poszerzamy tylko kontener z produktami */
.woocommerce ul.products {
  max-width: 120% !important;
  width: 120% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(3, 1fr) !important;
  display: grid !important;
  gap: 30px !important;
  padding: 0 20px; /* opcjonalnie dodaj trochę luzu po bokach */
}

/* Dopilnowujemy żeby produkty nie miały własnych dziwnych szerokości */
.woocommerce ul.products li.product {
  width: 100% !important;
}