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

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(76,76,76);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(45,45,45);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: rgb(45,45,45);
	--wd-entities-title-color-hover: rgb(87, 87, 87);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(17,0,0);
	--wd-widget-title-font-size: 23px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(180,172,164);
	--wd-alternative-color: rgb(180,172,164);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(180,172,164);
	--btn-default-bgcolor-hover: rgba(180,172,164,0.71);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(180,172,164);
	--btn-accented-bgcolor-hover: rgba(180,172,164,0.71);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(87,87,87);
	--wd-link-color-hover: rgb(180,172,164);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,251,247,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 520px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(167,157,145);
	background-image: none;
}
 {
	font-size: 48px;
}
.product-labels .product-label.onsale {
	background-color: rgb(248,182,184);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(248,182,184);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* usuwa nazwy kategorii w product carousel */
.product-grid-item.wd-product :is(.wd-product-cats){
    display: none;
}





/* Przy używaniu kotwicy stosuje margines wysokosci sticky headera */
.anchor-target {
  scroll-margin-top: 110px;
}








@media (min-width: 768px) {
    /* Omija blokady Elementora i wymusza układ szachownicy na żywej stronie */
    .elementor-loop-container > div:nth-child(even) .szachownica-zdjecie {
        order: 2 !important;
    }
}














/* Ukrywanie dymka po najechaniu na swatcha na stronie produktu */
.single-product .tooltip,
.single-product [role="tooltip"],
.single-product [id^="tooltip"]{
  display: none !important;
}




/* Strona produktu - flexible product fields - większe odstępy pomiędzy dodatkami */
.single-product .fpf-fields .fpf-field.fpf-multi-checkbox label,
.single-product .fpf-fields .fpf-field.fpf-radio label{
  display: block !important;
  position: relative;
  padding-left: 30px;      /* miejsce na checkbox/radio */
  margin: 0 0 14px 0;      /* odstęp między pozycjami */
  line-height: 1.45;
}

/* checkbox/radio jako stała “kolumna” po lewej */
.single-product .fpf-fields .fpf-field.fpf-multi-checkbox label input[type="checkbox"],
.single-product .fpf-fields .fpf-field.fpf-radio label input[type="radio"]{
  position: absolute;
  left: 0;
  top: 0.15em;
  margin: 0 !important;
}

/* Mobile: mniejsza przerwa RAMKA → checkbox (zmniejszamy padding fieldset),
   a odstęp checkbox → tekst zostaje bez zmian */
@media (max-width: 767px){

  /* ramka (fieldset) bliżej środka */
  .single-product .fpf-fields fieldset.form-row{
    padding-left: 15px !important;   /* <- tu ustawiasz ramka → checkbox */
    padding-right: 15px !important;
  }

  /* Zostaw miejsce na checkbox, żeby tekst nie wchodził pod niego */
  .single-product .fpf-fields .fpf-field.fpf-multi-checkbox label,
  .single-product .fpf-fields .fpf-field.fpf-radio label{
    padding-left: 30px !important;   /* checkbox → tekst (zostaje “jak było”) */
  }

  .single-product .fpf-fields .fpf-field.fpf-multi-checkbox label input[type="checkbox"],
  .single-product .fpf-fields .fpf-field.fpf-radio label input[type="radio"]{
    left: 0 !important;
  }
}








/* Woodmart custom tabs (accordion) – pokaż cały content, bez wewnętrznego scrolla */
.single-product .woocommerce-Tabs-panel.wd-active.wd-scroll,
.single-product .wd-accordion-content.wd-active.wd-scroll{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* Wew. wrapper scrolla */
.single-product .woocommerce-Tabs-panel.wd-active.wd-scroll .wd-scroll-content,
.single-product .wd-accordion-content.wd-active.wd-scroll .wd-scroll-content{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}





/* Flexible Product Fields – nagłówki sekcji (legend): "Dodatki", "Voucher" itd. */
.single-product form.cart .fpf-fields fieldset > legend {
  font-family: "Poppins", sans-serif !important;
  font-size: 21px !important;
  font-weight: 500 !important; /* możesz zmienić np. na 500/600 */
  line-height: 1.2 !important;
}





/* Flexible Product Fields – checkboxy na stronie produktu */
.single-product .fpf-fields input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: #6f6660; /* kolor po zaznaczeniu (i często obramowania) */
  cursor: pointer;
}





/* Ukryj podsumowanie dodatków (Flexible Product Fields) na stronie produktu */
.single-product .fpf-totals,
.single-product #fpf_totals {
  display: none !important;
}





/* Strona produktu: ukryj nazwę atrybutu wariantu np. czas, kwota */
.single-product table.variations th.label,
.single-product table.variations td.label {
  display: none !important;
}

.single-product table.variations td.value {
  padding-left: 0 !important;
}







/* Strona produktu: ukryj cały selektor ilości [+ 1 -] */
.single-product form.cart .quantity {
  display: none !important;
}



















/* stylizacja ACF produkt*/
.spanko-section--split{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:start;
}
@media (min-width:768px){
  .spanko-section--split{ grid-template-columns:0.9fr 1.1fr; }
}
.spanko-img{ width:100%; height:auto; border-radius:14px; display:block; }

.spanko-list{ margin:0; padding-left:18px; }
.spanko-list li{ margin:8px 0; }
.spanko-list--check li::marker{ content:"✓  "; }

.spanko-steps{ margin:0; padding-left:18px; }
.spanko-steps__title{ font-weight:700; margin-bottom:4px; }
.spanko-steps__desc{ opacity:.9; }

.spanko-prose p{ margin:0 0 12px 0; }
.spanko-prose ul{ margin:0 0 12px 18px; }

.spanko-faq__item{ border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:10px 12px; margin:10px 0; }
.spanko-faq__q{ cursor:pointer; font-weight:700; }
.spanko-faq__a{ margin-top:10px; }

.spanko-help{ border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:16px; margin-top:16px; }
.spanko-help__actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.spanko-btn--outline{ background:transparent; }





















/* Tylko ta jedna opcja */
#fpf_2731972_field label[for="fpf_2731972_musujacy_rytual_tlenowy_asmr_15min"]{
  position: static !important;
  padding-right: 0 !important;

  display: inline-flex;        
  align-items: baseline;
  flex-wrap: wrap;             
}

/* stara cena (po nazwie) */
#fpf_2731972_field label[for="fpf_2731972_musujacy_rytual_tlenowy_asmr_15min"]::before{
  content: "  (149 zł)";
  margin-left: .35em;
  text-decoration: line-through;
  opacity: .6;
  order: 1;
}

/* nowa cena (po starej) */
#fpf_2731972_field label[for="fpf_2731972_musujacy_rytual_tlenowy_asmr_15min"]::after{
  content: " (0 zł)";
  margin-left: .35em;
  font-weight: 700;
  order: 2;
}







/* ZAMIANA "Dodatki" -> "W prezencie od nas" dla tego konkretnego pola */
#fpf_2731972_field > legend{
  font-size: 0 !important;     
  line-height: 0 !important;
  padding: 0 15px !important;  
}

#fpf_2731972_field > legend::after{
  content: "W prezencie od nas";
  font-size: 21px !important;  
  line-height: 1.2 !important;
  display: inline-block;
  white-space: nowrap;         
}


























.moj-sale{
	color: rgb(255,255,255);
  background-color: rgb(242,5,5);
  border-radius: 12px;
	direction: ltr;
	padding: 5px 10px;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	word-break: break-all;
	font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
	
	position: absolute;
    top: 7px;
    inset-inline-start: 7px;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 50%;
    transition: opacity .3s ease;
	
	z-index: 99;
}







/* Ukrycie footera dla produktu jesienne head spa ID 8156 */
.postid-8156.single-product .site-footer,
.postid-8156.single-product #footer,
.postid-8156.single-product footer {
  display: none !important;
}





body.home .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
    color: #575757 !important;
}

body.home .whb-sticked .wd-nav[class*="wd-style-"]>li>a:hover {
    color: #B4ACA4 !important;
}

body.home .whb-sticked .wd-tools-element .wd-tools-icon {
    color: #575757 !important;
}

body.home .whb-sticked .wd-tools-element .wd-tools-icon:hover {
    color: #B4ACA4 !important;
}

body.home .whb-sticked .wd-header-cats .menu-opener.color-scheme-light {
    color: #575757 !important;
}

body.home .whb-sticked .wd-header-cats .menu-opener.color-scheme-light:hover {
    color: #B4ACA4 !important;
}

body.home .whb-sticked .wd-icon {
    color: #575757 !important;
}

body.home .whb-sticked .wd-icon:hover {
    color: #B4ACA4 !important;
}

body.home .nav-link-text {
    color: white !important;
}

body.home .nav-link-text:hover {
    color: #B4ACA4 !important;
}

body.home .whb-sticked .nav-link-text {
    color: #575757 !important;
}

body.home .whb-sticked .nav-link-text:hover {
    color: #B4ACA4 !important;
}

body.home .whb-sticked .whb-color-dark:not(.whb-with-bg) {
    background-color: red !important;
}

body.home .whb-sticked .whb-color-dark:not(.whb-with-bg) {
    background-color: #FFFBF8 !important;
}

body .whb-sticked .whb-color-dark:not(.whb-with-bg) {
    background-color: #FFFBF8 !important;
}

body .whb-color-dark:not(.whb-with-bg) {
    background-color: #FFFBF8 !important;
}

body.home .whb-color-dark:not(.whb-with-bg) {
    background-color: transparent !important;
}

.button.btn-cart.wc-forward:hover {
    color: white; /* Zmienia kolor tekstu na biały przycisk addtocart */
}



/* Ukrycie daty */
.post-date,
.wd-post-date,
.wd-style-with-bg {
    display: none !important;
}

/* Ukrycie pozostałych informacji meta (autor, kategorie, komentarze itp.) */
.entry-meta .meta-author,
.entry-meta .meta-category,
.entry-meta .meta-comments,
.entry-meta .meta-tags,
.entry-meta .meta-date {
    display: none !important;
}

.wd-side-hidden.wd-opened {
    background-color: #FFFBF8;
}

.wd-nav-mobile li a, .wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text, .mobile-nav .searchform input[type="text"]::placeholder, .searchform .searchsubmit:after {
    color: #575757;
}
.wd-nav-mobile li:active>a, .wd-nav-mobile li.opener-page>a {
	color: #B4ACA4;
	background-color: #FFFBF8; 	
}

.mobile-nav .wd-nav-opener.wd-active {
	color: #575757;
	background-color: #FFFBF8; 	
}

/* Styl na urządzenia mobilne */
@media screen and (max-width: 768px) {
    body.home .nav-link-text {
        color: #575757 !important; 
    }

    body.home .nav-link-text:hover {
        color: #B4ACA4 !important; 
    }
}

/* napis pod opcją „Odbiorę osobiście” – ta sama linia startu co tekst radiobuttonów */
label[for="758_odbior_osobisty"]::after{
    content: "(PO ODBIÓR VOUCHERA NALEŻY SIĘ UMÓWIĆ)";
    display: block;        /* nowa linia */
    margin-left: 0px;     /* ≈ szerokość radio + odstęp (dostosuj do swojego UI) */
    color: red;
    font-weight: bold;
    font-size: 12px;
}




/* Ukrycie sekcji Wysyłka */
tr.woocommerce-shipping-totals {
    display: none;
}

/* Ukrycie sekcji VAT */
tr.tax-total {
    display: none;
}

/* Zmniejszenie rozmiaru tekstu dla elementów w iWorks Omnibus */
.iworks-omnibus, 
.iworks-omnibus * {
    font-size: 10px !important; 
	color: black !important; 
	font-weight: normal !important;
}

/* recaptcha */
.grecaptcha-badge {
    display: none !important;
}




.cmplz-btn.cmplz-deny {
    
}

.grecaptcha-badge {
    display: none !important;
}

.stock.in-stock.wd-style-default  {
    display: none !important;
}


.woocommerce-order-received .includes_tax {
    display: none !important;
}

small.includes_tax {
    display: none !important;
}

.ukryj {
    display: none !important;
}


/* Ukrywa sekcję „Voucher dla” razem z etykietą i inputem */
#flexible_coupon_recipient_name_field,
label[for="flexible_coupon_recipient_name"],
#flexible_coupon_recipient_name {
    display: none !important;
}


/* ==================  NOWE  ==================
   niższy sticky-header na telefonach – 
   overlap pozostaje z oryginalną wysokością
   ========================================== */
@media (max-width: 767px) {

    /* sam wiersz, gdy ZACZYNA być sticky */
    .whb-sticked .whb-sticky-row {
        height: 72px !important;     
        min-height: 72px !important;  
    }

    
    .whb-sticked .whb-sticky-row img,
    .whb-sticked .whb-sticky-row svg,
    .whb-sticked .whb-sticky-row .wd-icon,
    .whb-sticked .whb-sticky-row .wd-tools-icon {
        max-height: 40px !important;  
    }
}
/* =========================================== */


/* ====== STICKY HEADER – MOBILE ====== */
@media (max-width: 767px) {

    
    .whb-sticked .whb-sticky-row{
        display: flex;               
        align-items: center;         
        overflow: hidden;            
    }

    
    .whb-sticked .whb-sticky-row .wd-header-logo img{
        max-height: 40px !important;   
        height: auto;                  
        width: auto;
    }

  
    .whb-sticked .whb-sticky-row .wd-header-logo{
        margin: 0 !important;
    }
}

.wd-meta-date {
    display: none !important;
}

.wd-meta-reply {
    display: none !important;
}



.wpforms-form .wpforms-error.mailcheck-error,
.wpforms-form [id*="_suggestion"].wpforms-error {
    display: none !important;
}


/* WooCommerce: ukryj link "Wyczyść" przy wariantach */
.single-product a.reset_variations,
.single-product .wd-reset-var { 
  display: none !important;
}

/* (opcjonalnie) gdy motyw wstawia tekst przez ::before */
.single-product a.reset_variations::before { 
  content: none !important;
}



.black-friday-video .elementor-background-video-container video {
    width: 100%;
    height: 100%;
    object-fit: contain !important;  /* pokaż całe wideo, bez przycinania */
}