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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//aout.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("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//aout.pl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 50px;
	--wd-text-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(139,21,56);
	--wd-alternative-color: rgb(248,231,235);
	--wd-link-color: rgb(139,21,56);
	--wd-link-color-hover: rgb(107,15,42);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(139,21,56);
	--btn-accented-bgcolor-hover: rgb(26,26,26);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(226,180,180);
	--notices-success-color: #fff;
	--notices-warning-bg: rgba(33,0,0,0.16);
	--notices-warning-color: rgb(58,58,58);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(240,235,220);
	background-image: url(https://aout.pl/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.header-banner {
	background-color: rgb(226,180,180);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(0,0,0);
	background-image: url(https://aout.pl/wp-content/uploads/IMG_9482-scaled-e1742035426354.webp);
	background-size: cover;
	background-position: left bottom;
}
.wd-footer {
	background-color: rgb(234,234,234);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.page .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: url(https://aout.pl/wp-content/uploads/vertical-line-bg-2.png);
	background-repeat: repeat;
}
.single-product .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgba(221,51,51,0.73);
}
.product-labels .product-label.new {
	background-color: rgb(195,147,91);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 72px;
	}

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



/* =================================================
   KONFIGURACJA KOLORÓW (Zmienne)
   ================================================= */
:root {
    --valentine-burgundy: #8B1538;    /* Twój nowy, głęboki bordo */
    --valentine-hover: #6B0F2A;       /* Ciemniejszy odcień do hovera */
    --valentine-pink: #E2B4B4;        /* Jasny róż do stopek i banerów */
    --white: #ffffff;
}

/* =================================================
   1. NAGŁÓWEK I MENU (BORDOWE TŁO / BIAŁE NAPISY)
   ================================================= */
.whb-general-header, 
.whb-sticky-row, 
.whb-row.whb-general-header {
    background-color: var(--valentine-burgundy) !important;
}

/* Wymuszenie białego koloru czcionki w nagłówku */
.whb-column a, 
.whb-column span, 
.wd-nav-main .nav-link-text, 
.wd-tools-text, 
.wd-tools-icon:before {
    color: var(--white) !important;
}

/* =================================================
   2. PANELE BOCZNE I KOSZYK (BIAŁE TŁO / BORDOWY TEKST)
   ================================================= */
.wd-side-hidden, 
.wd-side-hidden-content, 
.wd-popup-content, 
.wd-dropdown-menu,
.wd-dropdown-my-account,
.wd-search-full-screen {
    background-color: var(--white) !important;
    color: var(--valentine-burgundy) !important;
}

/* Teksty wewnątrz pop-upów, menu bocznego i koszyka */
.wd-side-hidden *, 
.wd-popup-content *, 
.wd-dropdown-menu a,
.wd-side-hidden .wd-nav-mob-tab li a,
.wd-side-hidden .wd-entities-title,
.wd-side-hidden .amount {
    color: var(--valentine-burgundy) !important;
}

/* =================================================
   3. PRZYCISKI (BORDOWE TŁO / BIAŁY TEKST)
   ================================================= */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
button[type="submit"]:not(.searchsubmit, .newsletter-submit), 
.btn, 
.wd-buy-now-btn {
    background-color: var(--valentine-burgundy) !important;
    color: var(--white) !important;
    border: 2px solid var(--valentine-burgundy) !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-radius: 5px !important;
}

/* Hover przycisków - zamiana na białe tło i bordowe obramowanie */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.btn:hover,
.wd-buy-now-btn:hover {
    background-color: var(--white) !important;
    color: var(--valentine-burgundy) !important;
    border-color: var(--valentine-burgundy) !important;
}

/* =================================================
   4. KARTA PRODUKTU, CENY I PAGINACJA
   ================================================= */
.price, .amount, .woocommerce-Price-amount, .price ins {
    color: var(--valentine-burgundy) !important;
    font-weight: 700 !important;
}

.wd-pagination li .page-numbers.current {
    background-color: var(--valentine-burgundy) !important;
    color: var(--white) !important;
    border-color: var(--valentine-burgundy) !important;
}

.wd-pagination li a.page-numbers:hover {
    color: var(--valentine-burgundy) !important;
}

/* =================================================
   5. STOPKA, NEWSLETTER I TOP BAR (RÓŻOWE TŁO)
   ================================================= */
footer.site-footer, 
.footer-container,
.wd-prefooter, 
.whb-top-bar {
    background-color: var(--valentine-pink) !important;
    color: var(--valentine-burgundy) !important;
}

footer.site-footer a, 
footer.site-footer span, 
footer.site-footer .widget-title,
footer.site-footer .wp-block-heading,
.header-banner-close {
    color: var(--valentine-burgundy) !important;
}

/* Newsletter - bordowy nagłówek i biały formularz */
.newsletter-form, .mc4wp-form {
    background-color: var(--white) !important;
    padding: 15px;
    border: 2px solid var(--valentine-burgundy) !important;
    border-radius: 10px;
}

/* =================================================
   6. MOBILE: LOGO I TOOLBAR
   ================================================= */
/* Wymuszenie białego logo na mobilu przez filtr */
.whb-column_mobile3 .wd-logo img, 
.whb-hidden-lg .wd-logo img {
    filter: brightness(0) invert(1) !important;
}

/* Dolny pasek (Toolbar) na telefonie */
.wd-toolbar, .wd-toolbar > div {
    background-color: var(--valentine-burgundy) !important;
}

.wd-toolbar a, 
.wd-toolbar a i, 
.wd-toolbar a span,
.wd-toolbar .wd-tools-icon:before {
    color: var(--white) !important;
}

/* =================================================
   7. USUNIĘCIE TEŁ (KATEGORIE I AKCJE PRODUKTU)
   ================================================= */
/* Przezroczyste kategorie */
.wd-cat-title, 
.wd-entities-title,
.category-grid-item .wd-cat-content-2,
.wd-cat-content {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--valentine-burgundy) !important;
}

/* Przezroczyste przyciski akcji (Porównaj, Ulubione) */
.wd-action-btn.wd-compare-btn a,
.wd-action-btn.wd-wishlist-btn a,
.wd-action-btn > a {
    background-color: transparent !important;
    background: none !important;
    color: var(--valentine-burgundy) !important;
    border: none !important;
    box-shadow: none !important;
}

.wd-action-btn > a:hover {
    color: var(--valentine-hover) !important;
}

/* =================================================
   8. ETYKIETY (NOWOŚĆ)
   ================================================= */
.product-label.new, 
.wd-label.new {
    background-color: var(--valentine-burgundy) !important;
    color: var(--white) !important;
}

/* =================================================
   9. LICZNIK KOSZYKA I ULUBIONYCH (BADGE)
   ================================================= */
/* Tło kółeczka - ustawiamy na Twój różowy */
.wd-cart-number, 
.wd-wishlist-count,
.wd-tools-icon .wd-cart-number,
.wd-header-cart .wd-cart-number {
    background-color: var(--valentine-pink) !important;
    color: var(--valentine-burgundy) !important; /* Bordowa cyfra */
    font-weight: 800 !important;
}

/* Opcjonalnie: Usunięcie cienia, jeśli chcesz, by był bardziej płaski i nowoczesny */
.wd-cart-number {
    box-shadow: none !important;
}

/* =================================================
   10. PERSONALIZACJA MAILPOET (ZINTEGROWANA ZE STOPKĄ)
   ================================================= */
.mailpoet_form {
    background-color: rgba(255, 255, 255, 0.4) !important;
    padding: 25px !important;
    border: 1.5px dashed var(--valentine-burgundy) !important;
    border-radius: 15px !important;
    color: var(--valentine-burgundy) !important;
}

.mailpoet_text {
    border: 1px solid var(--valentine-burgundy) !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 5px !important;
    padding: 12px !important;
    color: var(--valentine-burgundy) !important;
}

/* PRZYCISK - Wymuszamy biały napis, żeby nie stał się bordowy */
.mailpoet_submit, 
input.mailpoet_submit, 
.mailpoet_form .mailpoet_submit {
    background-color: var(--valentine-burgundy) !important;
    color: var(--white) !important; /* Tutaj zawsze biały */
    border: none !important;
    border-radius: 5px !important;
    padding: 12px 25px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.mailpoet_submit:hover {
    background-color: var(--valentine-hover) !important;
    color: var(--white) !important;
}

/* =================================================
   11. WYMUSZENIE BORDO DLA TEKSTÓW (BEZ PRZYCISKU)
   ================================================= */

/* Celujemy w tytuły i opisy, ale POMIJAMY przycisk */
.mailpoet_form h3, 
.mailpoet_form_title,
.mailpoet_paragraph,
.mailpoet_widget_title,
.widget_newsletter .widget-title {
    color: var(--valentine-burgundy) !important;
}

/* Specyficzne wymuszenie dla tekstów MailPoet, które blokuje przycisk przed zmianą koloru */
[class^="mailpoet_form"] *:not(.mailpoet_submit) {
    color: var(--valentine-burgundy);
}

/* Przywrócenie czystej bieli dla tekstów wewnątrz przycisku (kontratak) */
.mailpoet_submit, .mailpoet_submit span {
    color: var(--white) !important;
} label,
.mailpoet_message_success {
    color: var(--valentine-burgundy) !important;
}

/* =================================================
   12. TOTALNE WYMUSZENIE BORDO W MAILPOET
   ================================================= */

/* Celowanie w konkretne klasy i ID MailPoet */
[class^="mailpoet_form"] h3, 
[class^="mailpoet_form"] .mailpoet_paragraph,
.mailpoet_form_title,
.mailpoet_paragraph,
.mailpoet_column_host *, 
.mailpoet_widget_title {
    color: var(--valentine-burgundy) !important;
}

/* Jeśli napis jest częścią widgetu WoodMart w stopce */
.footer-container .widget-title, 
.site-footer .widget-title,
.wd-prefooter .title {
    color: var(--valentine-burgundy) !important;
}
or: var(--valentine-hover) !important;
}

/* =================================================
   13. OSTATECZNA NAPRAWA PASKA I KATEGORII
   ================================================= */

/* --- NAPRAWA PASKA AKCJI (KOSZYK + SERCE) --- */

/* Cały pasek - stabilna biała pigułka */
.wd-buttons {
    background-color: #ffffff !important;
    border-radius: 40px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border: 1px solid rgba(139, 21, 56, 0.05) !important;
    overflow: hidden !important;
    height: 40px !important;
}

/* Reset przycisków wewnątrz paska */
.wd-buttons .wd-action-btn > a,
.wd-buttons .wd-add-cart-btn > a {
    background-color: transparent !important;
    background: none !important;
    color: var(--valentine-burgundy) !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
}

/* Ikony wewnątrz paska */
.wd-buttons .wd-action-btn > a:before,
.wd-buttons .wd-add-cart-btn > a:before {
    color: var(--valentine-burgundy) !important;
    font-size: 17px !important;
    margin: 0 !important;
}

/* USUNIĘCIE TICKA (FAJKI) - blokada przed rozpychaniem paska */
.wd-buttons .wd-add-cart-btn.added > a:after,
.wd-buttons .wd-wishlist-added:after,
.wd-buttons .wd-action-btn .wd-tooltip-label {
    display: none !important;
    content: none !important;
}

/* Efekt po dodaniu - ikona po prostu zmienia kolor na różowy (bez skakania) */
.wd-buttons .wd-add-cart-btn.added > a:before,
.wd-buttons .wd-wishlist-btn.wd-wishlist-added > a:before {
    color: var(--valentine-pink) !important;
}

/* Zmiana koloru licznika na liście życzeń (Wishlist) */
.wd-header-wishlist .wd-tools-count, 
.wd-wishlist-count {
    background-color: var(--valentine-pink) !important; /* Różowe tło */
    color: var(--valentine-burgundy) !important;      /* Bordowa cyfra */
}

/* Zmiana koloru informacji o wysyłce na bordowy */
p.shipping-info {
    color: var(--valentine-burgundy) !important;
}

/* =================================================
   ULTRA-MINIMALISTYCZNY COPYRIGHT AOÛT JEWELRY
   ================================================= */

/* 1. Tło i odstępy paska */
.wd-copyrights {
    background-color: #ffffff !important;
    border-top: 1px solid #f2f2f2 !important;
    padding: 25px 0 !important; /* Nieco mniejszy padding, by był dyskretny */
}

/* 2. Styl napisu - Klucz do elegancji */
.aout-copyrights {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    
    /* Kolor: Twoje bordo, ale z 40% widoczności (delikatny i przezroczysty) */
    color: rgba(139, 21, 56, 0.45) !important; 
    
    /* Typografia */
    font-size: 11px !important;       /* Mniejszy druk = bardziej luksusowy */
    letter-spacing: 0.35em !important; /* Jeszcze większy odstęp między literami */
    text-transform: uppercase !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* 3. Wyśrodkowanie struktury WoodMart */
.wd-copyrights .container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 100% !important;
}