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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//e-moment.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(43,36,32);
	--wd-text-font-size: 14px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 300;
	--wd-title-color: rgb(43,36,32);
	--wd-entities-title-font: "Libre Baskerville", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(43,36,32);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(43,36,32);
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(43,21,9);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(0,0,0);
	--btn-default-font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(43,36,32);
	--btn-default-bgcolor-hover: rgb(228,215,208);
	--btn-accented-font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(43,36,32);
	--btn-accented-bgcolor-hover: rgb(228,215,208);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: rgb(43,36,32);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount {
	font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
	color: rgb(221,51,51);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title, html .wd-product .wd-product-cats a, html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-family: "Libre Baskerville", Arial, Helvetica, sans-serif;
	color: rgb(43,36,32);
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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

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


.onsale,
.wd-sidebar-opener,
.product-label {
    display: none !important;
}
footer .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding-bottom: 0px !important;
}

.amp-map-button{
		width: 100%;
		margin-top: 0;
    padding: 5px 28px;
    min-height: 48px;
    font-size: 14px;
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
}


/* ============================================================================
   e-moment — Checkout: sekcja wyboru płatności (Autopay + WooCommerce)
   ----------------------------------------------------------------------------
   Gdzie wkleić:  WP-admin → Wygląd → Dostosuj → Dodatkowy CSS
   Zakres:        wszystko pod  #payment  → nie rusza reszty sklepu.
   PRZETESTOWANE na żywym checkoucie (kanały Autopay = .bm-*).
   Zasady, które trzeba było obejść:
     • Autopay wymusza border/box-shadow inline → ramka kart przez `outline`.
     • Pusty <span> opisu rozpychał kartę na .selected → chowamy :empty.
     • Listę banków (Przelew internetowy) chowa/pokazuje Autopay → NIE narzucamy
       jej `display` (żeby banki znikały, gdy wybrana jest inna metoda);
       ustawiamy tylko kierunek/zawijanie, by były 2 w rzędzie.
   ============================================================================ */

/* ── Górna lista bramek (Autopay „Szybka płatność" + „Przelew bankowy") ─────── */
#payment ul.payment_methods, #payment ul.wc_payment_methods { margin:0!important; padding:0!important; list-style:none!important; border:0; }
#payment ul.payment_methods > li.wc_payment_method {
  list-style:none!important; display:flex!important; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px;
  margin:0 0 10px; padding:14px 16px; border:1px solid #e8ded2; border-radius:12px; background:#fff;
}
#payment ul.payment_methods > li.wc_payment_method::before { content:none!important; }
#payment ul.payment_methods > li.wc_payment_method > input[type="radio"] { flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#221c17; }
#payment ul.payment_methods > li.wc_payment_method > label { display:flex; align-items:center; gap:10px; flex:1 1 auto; margin:0; font-weight:600; cursor:pointer; }
#payment .wc_payment_method > label img { max-height:24px!important; height:auto!important; width:auto!important; max-width:130px!important; margin-left:auto!important; }
#payment ul.payment_methods > li.wc_payment_method > .payment_box { flex:1 1 100%; width:100%; margin-top:10px; }

/* ── Pole rozwinięcia bramki + opis ────────────────────────────────────────── */
#payment .payment_box { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; }
#payment .payment_box::before { display:none!important; }
#payment .payment_box > .payment_box > p, #payment .bm-payment-channels-wrapper > p { margin:0 0 10px!important; padding:0; font-size:13px; line-height:1.4; color:#6c6157; }

/* ── Kanały Autopay: rozbij grupy (neutralizuj wrappery; NIE ruszaj display listy banków) ── */
#payment .bm-payment-channels-wrapper ul, #payment [class*="bm-group-"]:not(.bm-group-expandable-wrapper),
#payment [class*="bm-group-"] > li, #payment [class*="bm-group-"] > li > ul {
  list-style:none!important; margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; display:block!important;
}
#payment [class*="bm-group-"] { margin:0 0 8px!important; }
#payment .bm-group-expandable-wrapper { list-style:none!important; margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; }
#payment .bm-payment-channels-wrapper li::before { content:none!important; }
/* pusty opis kanału rozpychał kartę na .selected — chowamy (zostaje tylko niepusty, np. „Wybierz bank…") */
#payment .bm-payment-channel-method-desc:empty { display:none!important; }

/* ── Każdy kanał / header grupy = zwarta karta (Apple Pay i Google Pay OSOBNO) ─ */
#payment li.bm-payment-channel-item, #payment li.bm-payment-channel-group-item {
  list-style:none!important; display:block!important; margin:0 0 8px!important; padding:0!important;
  border-radius:10px!important; background:#fff!important;
  outline:1px solid #e8ded2 !important; outline-offset:-1px !important;
  transition:outline-color .15s ease, background .15s ease;
}
#payment li.bm-payment-channel-item:hover, #payment li.bm-payment-channel-group-item:hover { outline-color:#b09c93 !important; background:#faf7f3 !important; }
#payment li.bm-payment-channel-item.selected, #payment li.bm-payment-channel-item:has(input:checked),
#payment li.bm-payment-channel-group-item.selected, #payment li.bm-payment-channel-group-item:has(input:checked) {
  outline:2px solid #221c17 !important; outline-offset:-2px !important; background:#f4efe9 !important;
}

/* Rząd kanału: [radio] [logo] [nazwa] — do LEWEJ, zwarte */
#payment .bm-payment-channel-label, #payment li.bm-payment-channel-group-item > label {
  display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important;
  margin:0!important; padding:10px 14px!important; min-height:0!important; text-align:left!important; cursor:pointer; font-weight:500;
}
#payment .bm-payment-channel-label input[type="radio"], #payment li.bm-payment-channel-group-item > label input[type="radio"] {
  flex:0 0 auto!important; width:18px!important; height:18px!important; margin:0!important; accent-color:#221c17;
}
#payment img.bm-payment-channel-method-logo, #payment img.bm-payment-channel-group-method-logo {
  height:28px!important; width:auto!important; max-width:72px!important; object-fit:contain; flex:0 0 auto; margin:0!important;
}
#payment .bm-payment-channel-method-name, #payment .bm-payment-channel-group-method-name { margin:0!important; font-size:15px; line-height:1.2; text-align:left!important; font-weight:500; }
#payment li.bm-payment-channel-group-item > .bm-payment-channel-method-desc { display:block!important; padding:0 14px 10px!important; margin:0!important; font-size:12px; color:#6c6157; text-align:left; }

/* ── Banki PBL („Przelew internetowy"): KWADRATOWE kafelki, 3 kolumny, logo wyśrodkowane ── */
#payment .bm-group-expandable-wrapper { flex-direction:row!important; flex-wrap:wrap!important; gap:8px!important; align-content:flex-start!important; }
#payment .bm-group-expandable-wrapper .bm-payment-channel-item {
  flex:0 0 calc(33.333% - 6px)!important; width:auto!important; margin:0!important; box-sizing:border-box!important;
  aspect-ratio:1 / 1!important; display:flex!important; align-items:center!important; justify-content:center!important;
  outline:1px solid #e8ded2 !important; outline-offset:-1px!important; border-radius:10px!important; background:#fff!important;
}
#payment .bm-group-expandable-wrapper .bm-payment-channel-item:hover,
#payment .bm-group-expandable-wrapper .bm-payment-channel-item.selected,
#payment .bm-group-expandable-wrapper .bm-payment-channel-item:has(input:checked) { outline:2px solid #221c17!important; outline-offset:-2px!important; background:#f4efe9!important; }
#payment .bm-group-expandable-wrapper .bm-payment-channel-label {
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; height:100%!important; padding:10px!important; gap:0!important; margin:0!important;
}
#payment .bm-group-expandable-wrapper input[type="radio"] { position:absolute!important; opacity:0!important; width:0!important; height:0!important; margin:0!important; pointer-events:none; }
#payment .bm-group-expandable-wrapper img.bm-payment-channel-method-logo { height:auto!important; max-height:52%!important; max-width:80%!important; width:auto!important; object-fit:contain; }
#payment .bm-group-expandable-wrapper .bm-payment-channel-method-name { display:none!important; }

/* Przycisk „Kupuję i płacę" */
#payment .form-row.place-order { margin-top:14px; }

/* ── MOBILE (≤ 480 px) ─────────────────────────────────────────────────────── */
@media (max-width:480px) {
  #payment ul.payment_methods > li.wc_payment_method { padding:12px; }
  #payment .bm-payment-channel-label, #payment li.bm-payment-channel-group-item > label { padding:10px 12px!important; }
  #payment img.bm-payment-channel-method-logo, #payment img.bm-payment-channel-group-method-logo { height:26px!important; }
  #payment .bm-payment-channel-method-name, #payment .bm-payment-channel-group-method-name { font-size:15px; }
  #payment ul.payment_methods > li.wc_payment_method > label { flex-wrap:wrap; }
}



/* Resting link colour, inherited by both levels. #5a504a keeps the quiet, muted
   feel of the original but reaches ~7:1 on white. */
.wd-dropdown-menu.wd-dropdown .wd-sub-menu {
	--sub-menu-color: #5a504a;
}

/* The hairline ring, declared once on the top-level item. It is an ancestor of
   both panels AND the host of the arrow pseudo-element, so every rule below
   reads the same value instead of repeating the literal. */
li.item-level-0:has(> .wd-dropdown-menu.wd-dropdown) {
	--dd-ring: rgba(43, 36, 32, 0.06);
	--dd-ring-strong: rgba(43, 36, 32, 0.10);
}

/* Panels. Woodmart's default is `0 0 3px rgba(0,0,0,.15)` on both levels — an
   all-around halo with no direction, which reads flat. A downward, wider, softer
   shadow plus a hairline ring lifts the panel off the page without a border.
   The ring stays at a low alpha on purpose: the level-2 panel sits FLUSH against
   the parent's right edge — measured zero gap and zero overlap — so the two 1px
   rings land on the same seam and stack. At a heavier alpha that reads as one
   dark 2px rule down the middle of an open two-level menu. */
.wd-dropdown-menu.wd-dropdown,
.wd-dropdown-menu.wd-dropdown .sub-sub-menu.wd-dropdown {
	border-radius: var(--wd-form-brd-radius, 5px);
	box-shadow:
		0 12px 32px -14px rgba(43, 36, 32, 0.30),
		0 0 0 1px var(--dd-ring);
	/* Restated VERBATIM from the theme, all three of them. `transition` is one
	   property: naming only opacity and visibility here would silently drop the
	   theme's `transform` and turn the panel's slide-up into a jump. The closed
	   panel sits at translateY(15px) and animates to 0 as it fades in — read off
	   the live page, not assumed. */
	transition:
		opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
		visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),
		transform 0.4s cubic-bezier(0.19, 1, 0.22, 1),
		box-shadow 0.25s ease;
}

/* Pointer inside a panel. This is NOT what opens the dropdown — that is the
   parent `li:hover`. It only deepens the shadow while the cursor is actually
   over the panel, so the surface under the hand reads as the active one. */
.wd-dropdown-menu.wd-dropdown:hover,
.wd-dropdown-menu.wd-dropdown .sub-sub-menu.wd-dropdown:hover {
	box-shadow:
		0 16px 40px -14px rgba(43, 36, 32, 0.36),
		0 0 0 1px var(--dd-ring-strong);
}

/* ─── Arrow tying a top-level title to its panel ─────────────────────────────
   The panel is a fixed 220px box, left-aligned to the item (`margin-left:-10px`),
   NOT centred under it — the offset between the two centres measures 14px, 28px,
   67px and 79px across the four dropdowns. So an arrow placed on the panel would
   point at empty space. It goes on the parent `li` instead, where `left: 50%` is
   the title's own centre by construction (the li has no horizontal padding).

   `li::before` is free; `li::after` is NOT — that is the 1px divider between
   menu items. And the panel's own `::after` is the 15px hover bridge over its
   `margin-top`, which is why neither of those is touched here.

   The selector has to be `:has()`, not `.menu-item-has-children`: this page also
   carries a second, mobile copy of the menu whose items have that class but no
   panel, so a class-based rule would draw arrows pointing at nothing.

   The 15px offset is the panel's own `margin-top`, i.e. where its top edge lands
   once OPEN. Measuring the closed panel gives 30px and is a trap: closed, it also
   carries translateY(15px) and slides up to 0 while fading in. The arrow repeats
   that same 15px slide in its own transform so the two move as one piece.

   The arrow is a square rotated 45°, centred ON the panel's top edge: the upper
   half shows as the point, the lower half merges into the panel's white. z-index
   clears the panel's 380 so the hairline ring on the point's two outer sides is
   not painted over by the panel itself. */
li.item-level-0:has(> .wd-dropdown-menu.wd-dropdown)::before {
	content: "";
	position: absolute;
	z-index: 381;
	top: calc(100% + 15px);
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: #fff; /* = panel background */
	border-top-left-radius: 2px; /* after rotation: softens the point itself */
	box-shadow: -1px -1px 0 var(--dd-ring); /* the two sides that stay visible */
	transform: translate(-50%, calc(-50% + 15px)) rotate(45deg);
	pointer-events: none; /* the theme's JS owns the gap; don't add a hit area */
	opacity: 0;
	visibility: hidden;
	/* Same three properties, same curve and duration as the panel's own reveal,
	   so point and panel arrive together instead of racing. */
	transition:
		opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
		visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),
		transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

li.item-level-0:has(> .wd-dropdown-menu.wd-dropdown):hover::before {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) rotate(45deg);
}

/* Rows, both levels — `li > a` (descendant, not child-of-.wd-sub-menu) is what
   makes this reach level 2, mirroring Woodmart's own selector shape. */
.wd-dropdown-menu.wd-dropdown .wd-sub-menu li > a {
	border-radius: var(--wd-form-brd-radius, 5px);
	padding-inline: 10px;
	margin-inline: -10px;
	transition: color 0.2s ease, background-color 0.2s ease;
}

/* Row highlight on `li:hover > a`, deliberately NOT `a:hover`.
   Hover-inside-hover: while the cursor is down in a level-2 panel, the level-1
   `li` is still an ancestor and therefore still hovered — so the parent row
   stays lit and the trail from top level to the item under the cursor remains
   readable. With `a:hover` the parent would go dark the moment you moved into
   its own submenu, which is exactly when you most need to see where you came
   from. Woodmart sets no background here, so this adds to its colour change
   instead of fighting it. */
.wd-dropdown-menu.wd-dropdown .wd-sub-menu li:hover > a,
.wd-dropdown-menu.wd-dropdown .wd-sub-menu li > a:focus-visible {
	background-color: rgba(176, 156, 147, 0.14); /* --wd-alternative-color, low alpha */
}

/* Current page inside a dropdown — Woodmart marks it `current-menu-item` but
   leaves it looking like every other row. */
.wd-dropdown-menu.wd-dropdown .wd-sub-menu li.current-menu-item > a {
	--sub-menu-color: var(--wd-primary-color, #2b2420);
	font-weight: 600;
}

/* Keyboard focus needs an outline of its own: the row highlight above is a
   background only, which would leave keyboard users guessing. */
.wd-dropdown-menu.wd-dropdown .wd-sub-menu li > a:focus-visible {
	outline: 2px solid var(--wd-primary-color, #2b2420);
	outline-offset: -2px;
}