@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.roomgaga.pl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.2") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://www.roomgaga.pl/wp-content/uploads/2025/01/1-4-scaled.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Montserrat", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:300;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(165,82,59);
}
:root{
--wd-alternative-color:#d3b082;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:rgb(188,96,67);
}
:root{
--btn-default-bgcolor-hover:#d3b082;
}
:root{
--btn-accented-bgcolor:#b36641;
}
:root{
--btn-accented-bgcolor-hover:#d3b082;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1222px) {
			[data-vc-full-width]:not([data-vc-stretch-content]),
			:is(.vc_section, .vc_row).wd-section-stretch {
				padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
			div.wd-popup.wd-promo-popup {
			max-width: 800px;
		}
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 280px;
		}
	
	
/* ===============================
   REMOVE "HOT" PRODUCT LABEL
   =============================== */

.product-labels,
.product-label,
.product-label.hot,
.product-label.featured,
.product-labels .hot,
.product-labels .featured {
    display: none !important;
}
/* =========================================================
   GLOBAL FIX – zabezpieczenie przed przesuwaniem strony
   ========================================================= */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* =========================================================
   HEADER – poprawne zachowanie przy full width hero
   ========================================================= */

.whb-header,
.whb-header-inner {
  overflow: visible !important;
}

/* =========================================================
   HERO / IMAGE CAROUSEL – BEZ BIAŁYCH MARGINESÓW
   ========================================================= */

.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vc_row > .vc_column_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vc_row img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   MOBILE – dodatkowe bezpieczeństwo
   ========================================================= */

@media (max-width: 1024px) {
  .vc_row,
  .vc_row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ===============================
   MOBILE – USUŃ NAPIS "MENU"
   =============================== */
@media (max-width: 1024px) {
    .whb-mobile-header .menu-text,
    .whb-mobile-header .mobile-nav-title,
    .whb-mobile-header .wd-nav-opener-text {
        display: none !important;
    }
}
/* =====================================
   GTRANSLATE – DE: MENU zamiast Speisekarte
   ===================================== */

/* ukryj przetłumaczony tekst */
html[lang="de"] .whb-mobile-header .menu-text,
html[lang="de"] .whb-mobile-header .mobile-nav-title {
    display: none !important;
}

/* dodaj stały napis MENU */
html[lang="de"] .whb-mobile-header .wd-nav-opener:after {
    content: "MENU";
    font-size: 12px;
    letter-spacing: 0.08em;
    margin-left: 6px;
    display: inline-block;
}
/* NIE TŁUMACZ TEKSTU MENU (GTranslate safe) */
.gtranslate_wrapper,
.menu-toggle,
.mobile-nav-icon,
.mobile-nav-toggle,
.whb-mobile-header .menu-toggle {
    translate: no;
}

/* Ukryj ewentualny długi tekst (DE) */
.whb-mobile-header .menu-toggle span {
    white-space: nowrap;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ================================
   MOBILE MENU – FORCE "MENU"
   (GTranslate-proof)
================================ */

/* ukryj oryginalny tekst (Speisekarte / Menu itd.) */
@media (max-width: 1024px) {
  .menu-toggle,
  .mobile-nav-toggle {
    font-size: 0 !important;
    position: relative;
  }

  /* dodaj stały napis MENU */
  .menu-toggle::after,
  .mobile-nav-toggle::after {
    content: "MENU";
    font-size: 13px;
    letter-spacing: 0.08em;
    font-weight: 500;
    color: #222;
  }
}
/* =====================================================
   FINAL FIX – MOBILE MENU (ikonka bez tekstu)
   GTranslate-proof, bez przesuwania headera
   ===================================================== */

@media (max-width: 1024px) {

  /* usuń KAŻDY tekst przy hamburgerze */
  .wd-tools-text,
  .wd-tools-text font,
  .menu-toggle,
  .mobile-nav-toggle,
  .whb-mobile-header .menu-text,
  .whb-mobile-header .mobile-nav-title,
  .whb-mobile-header .wd-nav-opener-text {
    display: none !important;
  }

}
/* =========================================
   MOBILE MENU – tylko krzyżyk (bez tekstu)
   ========================================= */

@media (max-width: 1024px) {

  /* tekst typu Close / Zamknij */
  .wd-nav-close-text,
  .wd-close-text,
  .mobile-nav-close-text,
  .wd-close span,
  .wd-close font {
    display: none !important;
  }

}
/* =====================================================
   MOBILE MENU CLOSE – ONLY ICON (NO TEXT)
   GTranslate / WoodMart SAFE
   ===================================================== */

@media (max-width: 1024px) {

  /* zabij każdy tekst w przycisku zamykania */
  .wd-nav-close,
  .wd-close,
  .wd-close-btn,
  .mobile-nav-close {
    font-size: 0 !important;
  }

  /* przywróć rozmiar samej ikony X */
  .wd-nav-close:before,
  .wd-nav-close:after,
  .wd-close:before,
  .wd-close:after,
  .mobile-nav-close:before,
  .mobile-nav-close:after {
    font-size: 20px !important;
  }

}
/* =========================================
   MOBILE OFFCANVAS MENU – tylko krzyżyk, bez tekstu "Close"
   (WoodMart safe)
   ========================================= */
@media (max-width: 1024px) {

  /* przycisk zamykania w panelu bocznym */
  .wd-side-hidden .wd-close-btn .wd-tools-text,
  .wd-side-hidden .wd-close-btn .wd-tools-text font,
  .wd-side-hidden .wd-close-btn .wd-tools-text span,
  .wd-side-hidden .wd-close-btn .wd-tools-text i {
    display: none !important;
  }

  /* czasem close jest w ogólnym wrapperze przycisku */
  .wd-side-hidden .wd-close-btn font {
    display: none !important;
  }
}
@media (max-width: 1024px){
  body .mobile-nav__header .mobile-nav__close{
    font-size: 0 !important;      /* ukrywa tekst */
    line-height: 0 !important;
  }

  /* przywróć rozmiar ikonki (która już tam jest) */
  body .mobile-nav__header .mobile-nav__close > *{
    font-size: 18px !important;
    line-height: 1 !important;
  }
}
@media (max-width: 1024px){

  body .mobile-nav__header .mobile-nav__close{
    font-size: 0 !important;      /* ukrywa tekst typu Close/Zamknij */
    line-height: 0 !important;
    position: relative;
  }

  body .mobile-nav__header .mobile-nav__close::after{
    content: "×" !important;      /* zawsze działa */
    font-size: 26px !important;   /* dopasuj jak chcesz */
    line-height: 1 !important;
    display: inline-block !important;
  }
}
@media (max-width: 1024px){
  body .mobile-nav__header *{
    -webkit-tap-highlight-color: transparent;
  }
  body .mobile-nav__header .mobile-nav__close-text,
  body .mobile-nav__header .mobile-nav__close font,
  body .mobile-nav__header .mobile-nav__close span{
    display: none !important;
  }
}
/* =====================================================
   WOODMART MOBILE MENU – CLOSE
   ONLY ICON, NO TEXT (Close/Zamknij)
   ===================================================== */

@media (max-width: 1024px) {

  /* usuń tekst generowany przez ::before */
  body .mobile-nav__header .mobile-nav__close::before {
    content: none !important;
  }

  /* wyzeruj font na elemencie */
  body .mobile-nav__header .mobile-nav__close {
    font-size: 0 !important;
  }

  /* dodaj tylko ikonę X */
  body .mobile-nav__header .mobile-nav__close::after {
    content: "×" !important;     /* pewny krzyżyk */
    font-size: 22px !important;
    line-height: 1 !important;
    display: inline-block;
  }

}
/* =====================================================
   MOBILE OFFCANVAS MENU – close button: ONLY X, NO TEXT
   Works across WoodMart variants
   ===================================================== */
@media (max-width: 1024px) {

  /* 1) ZABIJ WSZYSTKIE TEKSTY "Close/Zamknij/..." W NAGŁÓWKU MOBILE MENU */
  .mobile-nav__header,
  .wd-side-hidden .mobile-nav__header,
  .wd-side-hidden .wd-close-btn {
    font-size: 0 !important;
  }

  /* 2) USUŃ KAŻDY PSEUDO-TEXT (często "Close" jest w ::before) */
  .mobile-nav__header *::before,
  .mobile-nav__header *::after,
  .wd-side-hidden .wd-close-btn *::before,
  .wd-side-hidden .wd-close-btn *::after {
    content: none !important;
  }

  /* 3) WYMUŚ JEDEN KRZYŻYK NA KONKRETNYM PRZYCISKU (kilka możliwych selektorów) */
  .mobile-nav__header .mobile-nav__close,
  .mobile-nav__header .wd-close-btn,
  .wd-side-hidden .wd-close-btn,
  .wd-side-hidden .wd-close-btn .wd-close,
  .wd-side-hidden .wd-close-btn a,
  .wd-side-hidden .wd-close-btn button {
    font-size: 0 !important;
    position: relative !important;
  }

  .mobile-nav__header .mobile-nav__close::after,
  .mobile-nav__header .wd-close-btn::after,
  .wd-side-hidden .wd-close-btn::after,
  .wd-side-hidden .wd-close-btn .wd-close::after,
  .wd-side-hidden .wd-close-btn a::after,
  .wd-side-hidden .wd-close-btn button::after {
    content: "×" !important;
    font-size: 26px !important;
    line-height: 1 !important;
    display: inline-block !important;
  }
}
/* =====================================================
   MOBILE SIDE MENU – USUŃ TEKST "Close / Schließen"
   ZOSTAW KRZYŻYK (WoodMart)
   ===================================================== */

@media (max-width: 1024px) {

  /* ukryj TYLKO tekst */
  .close-side-widget font {
    display: none !important;
  }

  /* upewnij się, że link i ikona są widoczne */
  .close-side-widget a {
    font-size: inherit !important;
  }

}
/* =========================================
   MOBILE – side menu close: tylko krzyżyk
   usuń tekst (Close / Schließen / Zamknij)
   ========================================= */
@media (max-width: 1024px) {

  .close-side-widget font {
    display: none !important;
  }

}
/* =====================================================
   MOBILE OFFCANVAS MENU – usuń napis Close/Zamknij/Schließen,
   zostaw tylko krzyżyk (WoodMart / GTranslate)
   ===================================================== */
@media (max-width: 1024px) {

  /* wariant 1: close-side-widget */
  .close-side-widget font,
  .close-side-widget .wd-tools-text,
  .close-side-widget .wd-tools-text font,
  .close-side-widget span,
  .close-side-widget i + span {
    display: none !important;
  }

  /* wariant 2: wd-close-btn / wd-action-btn z krzyżykiem */
  .wd-side-hidden .wd-close-btn font,
  .wd-side-hidden .wd-close-btn .wd-tools-text,
  .wd-side-hidden .wd-close-btn .wd-tools-text font,
  .wd-side-hidden .wd-action-btn.wd-cross-icon font,
  .wd-side-hidden .wd-action-btn.wd-cross-icon .wd-tools-text,
  .wd-side-hidden .wd-action-btn.wd-cross-icon .wd-tools-text font {
    display: none !important;
  }

  /* wariant 3: mobile-nav__close */
  .mobile-nav__header .mobile-nav__close font,
  .mobile-nav__header .mobile-nav__close .wd-tools-text,
  .mobile-nav__header .mobile-nav__close .wd-tools-text font {
    display: none !important;
  }
}
/* =====================================================
   MOBILE SIDE MENU – usuń napis Close / Schließen / Zamknij
   zostaw TYLKO krzyżyk
   ===================================================== */
@media (max-width: 1024px) {

  .close-side-widget.wd-cross-icon font,
  .close-side-widget.wd-cross-icon font font {
    display: none !important;
  }

}
/* =========================================
   MOBILE SIDE MENU – ukryj tekst Close
   ========================================= */
@media (max-width: 1024px) {
  .close-side-widget.wd-cross-icon a font {
    display: none !important;
  }
}
/* =========================================
   MOBILE SIDE MENU – tylko krzyżyk (bez tekstu)
   ========================================= */
@media (max-width: 1024px) {
  .close-side-widget.wd-cross-icon a {
    font-size: 0 !important; /* zabija KAŻDY tekst */
  }

  .close-side-widget.wd-cross-icon a::before,
  .close-side-widget.wd-cross-icon a::after {
    font-size: 20px !important; /* krzyżyk zostaje */
  }
}
/* ===============================
   HERO TEXT – CLICKABLE + GTRANSLATE
   =============================== */

.hero-row {
  position: relative;
}

.hero-row .hero-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;

  max-width: 90%;
  text-align: center;

  color: #ffffff;
  text-decoration: none;

  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.03em;

  /* czytelność na zdjęciu */
  text-shadow: 0 4px 20px rgba(0,0,0,0.35);
}

/* hover */
.hero-row .hero-link:hover {
  opacity: 0.85;
}

/* MOBILE */
@media (max-width: 768px) {
  .hero-row .hero-link {
    font-size: 24px;
    padding: 0 16px;
  }
}
/* GTRANSLATE – ukryj flagi, zostaw skrót języka */
.gtranslate_wrapper img,
.gt_selector img,
.gt-lang-code img {
  display: none !important;
}

/* wyrównanie po usunięciu flag */
.gtranslate_wrapper a,
.gt_selector a {
  padding-left: 0 !important;
}
/* ================================
   GTRANSLATE – WIĘKSZY SWITCHER NA MOBILE
   ================================ */
@media (max-width: 1024px) {

  /* cały obszar klikany */
  .gtranslate_wrapper,
  .gt_selector {
    font-size: 30px !important;   /* wielkość tekstu PL */
    min-height: 36px;
    display: flex;
    align-items: center;
  }

  /* pojedynczy język (PL) */
  .gtranslate_wrapper a,
  .gt_selector a {
    padding: 8px 14px !important; /* POWIĘKSZA KLIK */
    border-radius: 20px;
    line-height: 1;
  }

  /* opcjonalnie: delikatne tło (UX) */
  .gtranslate_wrapper a:hover {
    background: rgba(0,0,0,0.05);
  }
}
/* =====================================
   MOBILE – LANGUAGE SWITCHER BIGGER
   (Woodmart + GTranslate)
   ===================================== */
@media (max-width: 1024px) {

  /* kontener języka w headerze */
  .whb-mobile-header .whb-column .language-switcher,
  .whb-mobile-header .whb-column .gtranslate_wrapper,
  .whb-mobile-header .whb-column a[href*="googtrans"],
  .whb-mobile-header .whb-column a[title*="PL"],
  .whb-mobile-header .whb-column a[title*="EN"],
  .whb-mobile-header .whb-column a {
    font-size: 16px !important;
    padding: 10px 16px !important;
    line-height: 1 !important;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* zwiększ obszar kliku */
  .whb-mobile-header a {
    touch-action: manipulation;
  }
}
/* =========================================
   GTRANSLATE – POWIĘKSZ SWITCHER NA MOBILE
   tylko mobile, tylko PL/EN itd.
   ========================================= */
@media (max-width: 1024px) {

  /* cały klikany obszar */
  .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 10px 14px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* sam napis PL */
  .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

}
/* =========================================
   GTRANSLATE – WIĘKSZA LISTA JĘZYKÓW (MOBILE)
   ========================================= */
@media (max-width: 1024px) {

  /* cała rozwinięta lista */
  .gt_float_switcher .gt-lang-list {
    padding: 6px 0 !important;
  }

  /* pojedyncza pozycja języka */
  .gt_float_switcher .gt-lang-list a,
  .gt_float_switcher .gt-lang-list li {
    padding: 14px 18px !important;   /* ⬅️ DUŻY KLIK */
    font-size: 30px !important;
    line-height: 1.2 !important;
    min-height: 44px !important;     /* Apple guideline */
    display: flex !important;
    align-items: center !important;
  }

  /* sam skrót PL / EN / DE */
  .gt_float_switcher .gt-lang-list .gt-lang-code {
    font-weight: 1000 !important;
  }

}
/* =====================================================
   HERO – DESKTOP
   Owl Carousel – crop na ŚRODEK ZDJĘCIA
   Mobile bez zmian
   ===================================================== */

@media (min-width: 1025px) {

  /* wysokość hero */
  .home .owl-carousel-item,
  .home .owl-carousel-item-inner {
    height: calc(100vh - 140px);
    max-height: 780px;
    overflow: hidden;
  }

  /* właściwy obraz */
  .home .owl-carousel-item-inner img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: 50% 45% !important; /* 👈 ŚRODEK (lekko w dół) */

    display: block;
  }
}
/* =====================================================
   FIX – pokaż sekcję pod hero (Bestsellery)
   ===================================================== */

@media (min-width: 1025px) {
  .home .owl-carousel-item,
  .home .owl-carousel-item-inner {
    margin-bottom: 60px; /* ← robi miejsce na Bestsellery */
  }
}
/* =====================================================
   DESKTOP FIX – pokaż Bestsellery pod hero
   ===================================================== */

@media (min-width: 1025px) {

  /* następna sekcja po hero */
  .home .vc_row:first-of-type + .vc_row {
    position: relative;
    z-index: 5;
    margin-top: 80px; /* ← KLUCZOWE */
  }

}
/* =====================================================
   DESKTOP – hero NIE MOŻE UCINAĆ KOLEJNEJ SEKCJI
   (fix znikających Bestsellerów)
   ===================================================== */

@media (min-width: 1025px) {

  /* hero / pierwszy row */
  .home .vc_row:first-of-type {
    overflow: visible !important;
    min-height: unset !important;
    height: auto !important;
    padding-bottom: 80px; /* robi realne miejsce na Bestsellery */
  }

  /* owl carousel wrapper */
  .home .vc_row:first-of-type .owl-carousel,
  .home .vc_row:first-of-type .owl-stage-outer {
    overflow: visible !important;
  }

}
/* Przesunięcie wszystkiego co jest pod kafelkiem Dlaczego warto */
.woodmart-woocommerce-accordions, 
.wc-tabs-wrapper {
    margin-bottom: 0px !important;
}

/* Celowanie bezpośrednio w sekcję Może Ci się spodobać */
.upsells, 
.related, 
.product-extra-content {
    margin-top: 20px !important;
    padding-top: 40px !important;
    clear: both;
}

/* Jeśli używasz Elementora/WPBakery, to przesunie całą sekcję */
.woodmart-related-upsell-products {
    margin-top: 0px !important;
}
/* Wymuszenie tła dla całej stopki */
.footer-container, .main-footer {
    background-color: #fce1c5 !important;
    border: none !important;
}

/* Styl nagłówków - grube i czarne jak w oryginale */
.footer-container h3, 
.footer-container b, 
.footer-container strong {
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    display: block !important;
    text-align: left !important; /* Wyrównanie do lewej jak u Ulki */
}

/* Styl linków i tekstów */
.footer-container a, .footer-container p {
    color: #333 !important;
    font-size: 14px !important;
    text-align: left !important;
    text-decoration: none !important;
    line-height: 2 !important;
}

/* EFEKT KAFELEK NA MOBILE */
@media (max-width: 768px) {
    .footer-container .vc_column_container {
        width: 100% !important;
        padding: 30px 20px !important;
        border-bottom: 1px solid rgba(0,0,0,0.1) !important; /* Linia oddzielająca kafelki */
    }
}
/* 1. Usunięcie bariery blokującej dotyk w całej stopce */
.footer-container {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* 2. Wymuszenie klikalności samych odnośników */
.footer-container a {
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: all !important;
    display: inline-block !important;
    padding: 10px 0 !important; /* Większy obszar dla palca */
}

/* 3. Naprawa problemu z kontenerem głównym strony */
.website-wrapper {
    overflow: visible !important;
}