/*
 * Ayorn Tools — jeden styl przycisków na całym sklepie (AYR-D44: złoto jak logo,
 * zaokrąglone, premium). Wariant wybiera klasa na <body>: ay-btn-zloto (domyślny),
 * ay-btn-czarny, ay-btn-szampan, ay-btn-roz (dzisiejszy, do porównania).
 * Obejmuje: koszyk na karcie, CTA w boksach, przyciski w siatce kategorii,
 * etykiety konfiguratora („Zobacz podgląd…”), przyciski koszyka/kasy.
 */
body[class*="ay-btn-"] {
	--ay-btn-tlo: linear-gradient(135deg, #ead7a6 0%, #cfab5c 50%, #b8892c 100%);
	--ay-btn-tekst: #241c18;
	--ay-btn-ramka: transparent;
	--ay-btn-cien: 0 6px 16px rgba(184, 137, 44, .25);
	--ay-btn-hover: linear-gradient(135deg, #f0dfb4 0%, #d6b465 50%, #c0922f 100%);
	--ay-btn2-tlo: linear-gradient(135deg, #f3e6c4, #dcc082);
	--ay-btn2-tekst: #241c18;
	--ay-btn2-ramka: transparent;
}
body.ay-btn-czarny {
	--ay-btn-tlo: #241c18;
	--ay-btn-tekst: #e9cf8f;
	--ay-btn-ramka: #c9a24f;
	--ay-btn-cien: inset 0 0 0 1px rgba(233, 207, 143, .25);
	--ay-btn-hover: #3a2d26;
	--ay-btn2-tlo: transparent;
	--ay-btn2-tekst: #241c18;
	--ay-btn2-ramka: #c9a24f;
}
body.ay-btn-szampan {
	--ay-btn-tlo: linear-gradient(180deg, #f6ead0, #e5cf9c);
	--ay-btn-tekst: #241c18;
	--ay-btn-ramka: #c9a24f;
	--ay-btn-cien: none;
	--ay-btn-hover: linear-gradient(180deg, #faf0dc, #ead6a8);
	--ay-btn2-tlo: #fbf5e8;
	--ay-btn2-tekst: #241c18;
	--ay-btn2-ramka: #dcc082;
}
body.ay-btn-roz {
	--ay-btn-tlo: linear-gradient(135deg, #d0b8ae, #c7aa9d);
	--ay-btn-tekst: #241c18;
	--ay-btn-ramka: transparent;
	--ay-btn-cien: none;
	--ay-btn-hover: linear-gradient(135deg, #d8c3ba, #cdb3a7);
	--ay-btn2-tlo: linear-gradient(135deg, #d0b8ae, #c7aa9d);
	--ay-btn2-tekst: #241c18;
	--ay-btn2-ramka: transparent;
}

/* Główne: koszyk na karcie, przyciski kasy i koszyka */
body[class*="ay-btn-"] form.cart .single_add_to_cart_button,
body[class*="ay-btn-"] .checkout-button,
body[class*="ay-btn-"] #place_order,
body[class*="ay-btn-"] .wc-proceed-to-checkout .button {
	background: var(--ay-btn-tlo) !important;
	color: var(--ay-btn-tekst) !important;
	border: 1px solid var(--ay-btn-ramka) !important;
	border-radius: 999px !important;
	box-shadow: var(--ay-btn-cien) !important;
	text-shadow: none !important;
}
body[class*="ay-btn-"] form.cart .single_add_to_cart_button:hover,
body[class*="ay-btn-"] .checkout-button:hover,
body[class*="ay-btn-"] #place_order:hover {
	background: var(--ay-btn-hover) !important;
}

/* Drugorzędne: CTA w boksach, przyciski w siatce, etykiety konfiguratora */
body[class*="ay-btn-"] .ay-boks .ay-cta,
body[class*="ay-btn-"] .products .product-small .add-to-cart-button .button,
body[class*="ay-btn-"] .products .product-small a.add_to_cart_button,
body[class*="ay-btn-"] .ayorn-komunia-preview__badge,
body[class*="ay-btn-"] .ayorn-preview-jump {
	background: var(--ay-btn2-tlo) !important;
	color: var(--ay-btn2-tekst) !important;
	border: 1px solid var(--ay-btn2-ramka) !important;
	box-shadow: none !important;
}
body[class*="ay-btn-"] .products .product-small a.add_to_cart_button:hover,
body[class*="ay-btn-"] .ay-boks .ay-cta:hover {
	background: var(--ay-btn-tlo) !important;
	color: var(--ay-btn-tekst) !important;
}

/* 17.10: gradient liczony od krawędzi ramki, inaczej pod przezroczystą ramką wychodzi ciemny pasek po lewej */
body[class*="ay-btn-"] form.cart .single_add_to_cart_button, body[class*="ay-btn-"] .checkout-button, body[class*="ay-btn-"] #place_order, body[class*="ay-btn-"] .wc-proceed-to-checkout .button, body[class*="ay-btn-"] .ay-boks .ay-cta, body[class*="ay-btn-"] .products .product-small a.add_to_cart_button, body[class*="ay-btn-"] .products .product-small .add-to-cart-button .button, body[class*="ay-btn-"] .ayorn-preview-jump, body[class*="ay-btn-"] .ayorn-komunia-preview__badge { background-origin: border-box !important; background-clip: border-box !important; }

/* ---------- 17.10 (D73) ---------- */
/* Najechanie myszką: skrót „background” w :hover resetował background-origin, stąd kreska z lewej */
body[class*="ay-btn-"] form.cart .single_add_to_cart_button:hover, body[class*="ay-btn-"] .checkout-button:hover, body[class*="ay-btn-"] #place_order:hover, body[class*="ay-btn-"] .wc-proceed-to-checkout .button:hover, body[class*="ay-btn-"] .ay-boks .ay-cta:hover, body[class*="ay-btn-"] a.add_to_cart_button:hover, body[class*="ay-btn-"] .add-to-cart-button .button:hover, body[class*="ay-btn-"] .woocommerce-mini-cart__buttons .button:hover, body[class*="ay-btn-"] .ay-podglad-stopka__koszyk:hover { background-origin: border-box !important; background-clip: border-box !important; }

/* Przyciski w każdej siatce produktów (strona główna, podobne, telefon): okrągłe, złote, równe */
body[class*="ay-btn-"] .product-small .add-to-cart-button a.button, body[class*="ay-btn-"] .product-small a.add_to_cart_button { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 !important; padding: 0 12px !important; border-radius: 999px !important; border: 1px solid transparent !important; background: var(--ay-btn2-tlo) !important; background-origin: border-box !important; color: var(--ay-btn2-tekst) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; box-shadow: none !important; }
body[class*="ay-btn-"] .product-small a.add_to_cart_button:hover, body[class*="ay-btn-"] .product-small .add-to-cart-button a.button:hover { background: var(--ay-btn-tlo) !important; background-origin: border-box !important; color: var(--ay-btn-tekst) !important; }
.product-small.col > .col-inner { height: 100%; display: flex; flex-direction: column; }
.product-small.box { flex: 1 1 auto; display: flex; flex-direction: column; }
.product-small .box-text { flex: 1 1 auto; display: flex; flex-direction: column; }
.product-small .box-text .add-to-cart-button { margin-top: auto; padding-top: 10px; }

/* Róż motywu („kolor dodatkowy”) zamieniony na złoto: licznik koszyka, szukajka, mini koszyk */
body[class*="ay-btn-"] .header-cart-link [data-icon-label]::after, body[class*="ay-btn-"] .cart-icon strong { background: #c9a24f !important; color: #241c18 !important; border-color: #c9a24f !important; }
body[class*="ay-btn-"] .searchform .button.secondary, body[class*="ay-btn-"] .searchform button.secondary, body[class*="ay-btn-"] .ux-search-submit { background: #241c18 !important; color: #e9cf8f !important; border-color: #241c18 !important; }
body[class*="ay-btn-"] .header-search-form .ux-search-submit, body[class*="ay-btn-"] .nav-dropdown .ux-search-submit { background: transparent !important; color: #e9cf8f !important; }
body[class*="ay-btn-"] .searchform .search-field { border-radius: 999px 0 0 999px !important; }
body[class*="ay-btn-"] .searchform .button.secondary, body[class*="ay-btn-"] .widget .searchform button { border-radius: 0 999px 999px 0 !important; }
body[class*="ay-btn-"] .woocommerce-mini-cart__buttons .button { border-radius: 999px !important; min-height: 44px; font-weight: 600 !important; letter-spacing: .1em; }
body[class*="ay-btn-"] .woocommerce-mini-cart__buttons .button.checkout { background: var(--ay-btn-tlo) !important; background-origin: border-box !important; color: var(--ay-btn-tekst) !important; border: 0 !important; }
body[class*="ay-btn-"] .woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent !important; color: #241c18 !important; border: 1px solid #d8cfc4 !important; }
body[class*="ay-btn-"] .button.secondary:not(.is-outline):not(.ux-search-submit):not(.is-underline) { background-color: #c9a24f !important; color: #241c18 !important; }
/* Wszystkie przyciski motywu zaokrąglone jak reszta sklepu (baner strony głównej, treści stron) */
body[class*="ay-btn-"] .button:not(.icon):not(.ux-search-submit):not(.is-link):not(.is-underline), body[class*="ay-btn-"] input[type="submit"].button { border-radius: 999px !important; }
body[class*="ay-btn-"] .button.secondary:not(.is-outline):not(.ux-search-submit):not(.is-underline) { background: var(--ay-btn-tlo) !important; background-origin: border-box !important; border-color: transparent !important; }
/* 18.10: przycisk motywu „podkreślony” (np. „Przeglądaj ofertę” na stronie głównej) = złoty link z kreską, nie pigułka */
body[class*="ay-btn-"] .button.is-underline { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 4px !important; min-height: 0 !important; color: #9a7a35 !important; letter-spacing: .14em; font-size: 13px !important; font-weight: 600 !important; }
body[class*="ay-btn-"] .button.is-underline::before, body[class*="ay-btn-"] .button.is-underline::after { display: none !important; }
body[class*="ay-btn-"] .button.is-underline span { border-bottom: 1px solid currentColor; padding-bottom: 4px; }
body[class*="ay-btn-"] .button.is-underline:hover { color: #241c18 !important; }
body[class*="ay-btn-"] .dark .button.is-underline { color: #e9cf8f !important; }
body[class*="ay-btn-"] .dark .button.is-underline:hover { color: #fff !important; }

/* 17.10 (D73): strony informacyjne (Wysyłka, Płatności, FAQ, Regulamin, Polityka) w stylu sklepu */
.is-divider[style*="235, 204, 194"], .is-divider[style*="235,204,194"] { background-color: #c9a24f !important; }
.ux-menu.stack .ux-menu-link__link, .ux-menu .ux-menu-link__link { font-family: "DM Sans", sans-serif !important; font-size: 15px !important; color: #3b332e !important; text-transform: none !important; letter-spacing: 0 !important; padding: 10px 0 !important; }
.ux-menu .ux-menu-link__link:hover { color: #9a7a35 !important; }
.ux-menu .ux-menu-link--active .ux-menu-link__link, .ux-menu .ux-menu-link.active .ux-menu-link__link { color: #241c18 !important; font-weight: 600 !important; }
.ux-menu.divider-solid .ux-menu-link:not(:last-child) .ux-menu-link__link, .ux-menu .ux-menu-link + .ux-menu-link { border-color: #ece3d6 !important; }
.page h6 a, .page h6 { letter-spacing: .12em; color: #8a7d74 !important; font-weight: 500; }
.page .entry-content p, .page .col-inner > p, .page .col-inner li { line-height: 1.7; color: #3b332e; }
.page .col-inner h2, .page .col-inner h3 { color: #241c18; }
/* 18.10: w ciemnych sekcjach motywu (klasa .dark) tekst jasny, inaczej znika na czarnym tle */
.page .dark .col-inner h2, .page .dark .col-inner h3, .page .dark .col-inner h4 { color: #f5efe6; }
.page .dark .col-inner > p, .page .dark .col-inner li, .page .dark .col-inner .text p { color: rgba(245, 239, 230, .78); }

/* QA 17.10: cele dotyku min. 40 px, pole ilości na karcie jako jedna pastylka, odznaka promocji złota */
body[class*="ay-btn-"] .ayorn-preview-jump { min-height: 40px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center; }
body[class*="ay-btn-"] form.cart .ux-quantity { border: 1px solid #d8cfc4; border-radius: 999px; overflow: hidden; background: #fff; }
body[class*="ay-btn-"] form.cart .ux-quantity .input-text,
body[class*="ay-btn-"] form.cart .ux-quantity .button { border: 0 !important; background: #fff !important; box-shadow: none !important; min-height: 40px; }
body[class*="ay-btn-"] form.cart .ux-quantity .button { min-width: 34px; }
body[class*="ay-btn-"] .badge-inner.on-sale, body[class*="ay-btn-"] .badge-circle .badge-inner.secondary { background-color: #c9a24f !important; color: #241c18 !important; }
@media (max-width: 549px) { body[class*="ay-btn-"] .header-cart-link { min-height: 40px; display: inline-flex; align-items: center; } }


/* 18.10: mini koszyk (rozwijany w nagłówku i panel na telefonie) jasny i czytelny: miniatura, nazwa, ilość z ceną, kwota, dwa przyciski */
.cart-item .nav-dropdown.dark, .cart-item .nav-dropdown { width: 360px !important; max-width: 92vw; padding: 18px !important; background: #fff !important; border: 0 !important; border-top: 1px solid #efe6d8 !important; border-radius: 0 0 14px 14px; box-shadow: 0 22px 46px rgba(28, 20, 16, .16) !important; color: #241c18 !important; text-align: left; }
.cart-item .nav-dropdown .woocommerce-mini-cart, #cart-popup .woocommerce-mini-cart { max-height: 360px; overflow-y: auto; margin: 0 0 12px !important; padding: 0 4px 0 0 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart-item, #cart-popup .woocommerce-mini-cart-item { position: relative; display: grid !important; grid-template-columns: 56px minmax(0, 1fr); column-gap: 12px; align-items: center; min-height: 72px; margin: 0 !important; padding: 10px 28px 10px 0 !important; border-bottom: 1px solid #f1eadf !important; list-style: none; }
.cart-item .nav-dropdown .woocommerce-mini-cart-item > a:not(.remove), #cart-popup .woocommerce-mini-cart-item > a:not(.remove) { display: contents !important; color: #241c18 !important; font-size: 14px !important; font-weight: 500; line-height: 1.35; text-transform: none !important; letter-spacing: 0 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart-item img, #cart-popup .woocommerce-mini-cart-item img { grid-row: 1 / span 2; width: 56px !important; height: 56px !important; margin: 0 !important; border-radius: 10px; object-fit: cover; background: #f6f1ea; }
.cart-item .nav-dropdown .ux-mini-cart-qty, #cart-popup .ux-mini-cart-qty, .cart-item .nav-dropdown .quantity, #cart-popup .quantity { grid-column: 2; display: block; margin: 2px 0 0 !important; color: #6f645d !important; font-size: 13px !important; opacity: 1 !important; }
.cart-item .nav-dropdown .quantity .amount, #cart-popup .quantity .amount { color: #241c18 !important; font-weight: 600; }
.cart-item .nav-dropdown a.remove, #cart-popup a.remove { position: absolute !important; top: 50% !important; right: 0 !important; left: auto !important; width: 24px !important; height: 24px !important; margin-top: -12px; border: 1px solid #e3d6c1 !important; border-radius: 50% !important; color: #8a7d74 !important; background: #fff !important; font-size: 15px !important; line-height: 22px !important; text-align: center; opacity: 1 !important; }
.cart-item .nav-dropdown a.remove:hover, #cart-popup a.remove:hover { color: #8a3b17 !important; border-color: #8a3b17 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart__total, #cart-popup .woocommerce-mini-cart__total { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 12px !important; padding: 12px 0 0 !important; border-top: 1px solid #e7ded1 !important; color: #241c18 !important; font-size: 15px !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart__total *, #cart-popup .woocommerce-mini-cart__total * { color: #241c18 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart__total .amount, #cart-popup .woocommerce-mini-cart__total .amount { font-size: 17px; font-weight: 600; white-space: nowrap; }
.cart-item .nav-dropdown .woocommerce-mini-cart__buttons, #cart-popup .woocommerce-mini-cart__buttons { display: grid !important; gap: 8px; margin: 0 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart__buttons .button, #cart-popup .woocommerce-mini-cart__buttons .button { width: 100%; margin: 0 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart__empty-message, #cart-popup .woocommerce-mini-cart__empty-message { color: #6f645d !important; }
#cart-popup .cart-popup-inner { padding-left: 18px !important; padding-right: 18px !important; }
#cart-popup .cart-popup-title .heading-font { font-family: "Marcellus", Georgia, serif !important; letter-spacing: .12em; color: #241c18; }

/* 18.10: szukajka w nagłówku: szersza, wpisywany tekst ciemny i wyraźny, podpowiedzi czytelne */
.header-search-dropdown .nav-dropdown { width: 400px !important; max-width: 92vw; padding: 14px !important; background: #fff !important; border: 0 !important; border-top: 1px solid #efe6d8 !important; border-radius: 0 0 14px 14px; box-shadow: 0 22px 46px rgba(28, 20, 16, .16) !important; }
.header-search-dropdown .nav-dropdown .search-field, .header-search-dropdown .nav-dropdown input[type="search"] { height: 46px !important; padding: 0 16px !important; border: 1px solid #d8cfc4 !important; background: #fff !important; color: #241c18 !important; font-size: 16px !important; box-shadow: none !important; }
.header-search-dropdown .nav-dropdown .search-field::placeholder { color: #8a7d74 !important; opacity: 1; }
.header-search-dropdown .nav-dropdown .search-field:focus { border-color: #241c18 !important; }
.header-search-dropdown .nav-dropdown .ux-search-submit, .header-search-dropdown .nav-dropdown .searchform button { width: 46px !important; height: 46px !important; background: #241c18 !important; color: #e9cf8f !important; }
.autocomplete-suggestions { background: #fff !important; border: 1px solid #efe6d8 !important; border-radius: 0 0 12px 12px; box-shadow: 0 18px 36px rgba(28, 20, 16, .14) !important; overflow-x: hidden !important; }
.autocomplete-suggestions .autocomplete-suggestion { display: flex !important; align-items: center; gap: 10px; padding: 8px 12px !important; border-bottom: 1px solid #f4eee5 !important; color: #3b332e !important; font-size: 14px !important; line-height: 1.35; white-space: normal !important; }
.autocomplete-suggestions .autocomplete-suggestion strong { color: #241c18 !important; font-weight: 700; }
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, .autocomplete-suggestions .autocomplete-suggestion:hover { background: #faf6ef !important; }
.autocomplete-suggestions .autocomplete-suggestion img { width: 40px !important; height: 40px !important; flex: 0 0 40px; border-radius: 8px; object-fit: cover; }

/* 18.10 (właściciel): menu główne tą samą czcionką co nagłówki (Marcellus); rozwijane listy zostają w DM Sans dla czytelności */
.header .header-nav-main > li > a, .header .header-nav-main > li.header-button-1 a, .header .header-nav-main > li.header-button-2 a, .header .header-nav-main .account-item > a, .header .header-nav-main .cart-item > a { font-family: "Marcellus", Georgia, serif !important; font-weight: 400 !important; letter-spacing: .08em !important; }
.header-nav-main > li.header-button-2 a, .header-nav-main > li.header-button-1 a { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff !important; padding: 0 !important; min-height: 0 !important; text-transform: uppercase; font-size: 14px !important; }
.header-nav-main > li.header-button-2 a:hover, .header-nav-main > li.header-button-1 a:hover { color: #e9cf8f !important; }
/* 18.10 (poprawka): wiersz mini koszyka bez siatki: miniatura po lewej, nazwa i ilość z ceną obok, krzyżyk po prawej */
.cart-item .nav-dropdown .woocommerce-mini-cart-item, #cart-popup .woocommerce-mini-cart-item { display: block !important; min-height: 76px; padding: 10px 34px 10px 68px !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart-item > a:not(.remove), #cart-popup .woocommerce-mini-cart-item > a:not(.remove) { display: block !important; color: #241c18 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; }
.nav-dropdown.dark .woocommerce-mini-cart-item > a:not(.remove) { color: #241c18 !important; }
.cart-item .nav-dropdown .woocommerce-mini-cart-item img, #cart-popup .woocommerce-mini-cart-item img { position: absolute !important; left: 0; top: 10px; float: none !important; }
.cart-item .nav-dropdown .ux-mini-cart-qty, #cart-popup .ux-mini-cart-qty { display: block; margin-top: 4px !important; }
.cart-item .nav-dropdown .quantity, #cart-popup .quantity { color: #6f645d !important; }
/* 18.10: na ciemnych banerach i sekcjach (.dark) nagłówki i nadtytuły jasne (reguły dla stron dawały im ciemny kolor) */
.page .dark h1, .page .dark h2, .page .dark h3, .page .dark h4, .page .dark .col-inner h2, .page .dark .col-inner h3, .page .dark .box-text h3 { color: #fff !important; }
.page .dark h6, .page .dark h6 a { color: rgba(245, 233, 205, .9) !important; }
.page .box-overlay.dark .box-text h3 { text-shadow: 0 2px 14px rgba(0, 0, 0, .35); }
