/* Mamutek – style uzupełniające theme.json */

/* ---------- Typografia ---------- */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title {
	font-variation-settings: "SOFT" 100;
}

.is-style-etykieta {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--kakao);
}

a {
	text-underline-offset: 4px;
}

/* ---------- Przeszycia (style bloków) ---------- */
.wp-block-group.is-style-przeszycie,
.wp-block-column.is-style-przeszycie {
	border: var(--wp--custom--przeszycie);
	border-radius: 24px;
	padding: var(--wp--preset--spacing--40);
}

.wp-block-image.is-style-przeszycie img {
	border-radius: 18px;
}
.wp-block-image.is-style-przeszycie {
	padding: 12px;
	border: var(--wp--custom--przeszycie);
	border-radius: 28px;
}

.wp-block-image.is-style-przeszycie-kolo {
	padding: 12px;
	border: var(--wp--custom--przeszycie);
	border-radius: 50%;
	overflow: hidden;
}
.wp-block-image.is-style-przeszycie-kolo img {
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: contain;
}

.wp-block-cover.is-style-przeszycie {
	outline: var(--wp--custom--przeszycie);
	outline-offset: 10px;
	border-radius: 18px;
	overflow: visible;
}
.wp-block-cover.is-style-przeszycie > .wp-block-cover__background,
.wp-block-cover.is-style-przeszycie > .wp-block-cover__image-background {
	border-radius: 18px;
}

.wp-block-separator.is-style-przeszycie {
	border: 0;
	border-top: var(--wp--custom--przeszycie-jasne) !important;
	background: none !important;
	height: 0;
	opacity: 1;
}

.wp-block-button.is-style-przeszyty .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--czekolada);
	border: 2px dashed currentColor;
	padding: 12px 26px;
}
.wp-block-button.is-style-przeszyty .wp-block-button__link:hover {
	background: var(--wp--preset--color--len);
	color: var(--wp--preset--color--czekolada);
}

/* Sekcje oddzielone przeszyciem */
.mamutek-szew-gora {
	border-top: var(--wp--custom--przeszycie-jasne);
}
.mamutek-szew-dol {
	border-bottom: var(--wp--custom--przeszycie-jasne);
}

/* ---------- Nagłówek ---------- */
.mamutek-header {
	border-bottom: var(--wp--custom--przeszycie-jasne);
}
.mamutek-header .wp-block-site-logo img,
.mamutek-logo-fallback img {
	height: auto;
	display: block;
}
.mamutek-header .wp-block-navigation a {
	text-decoration: none;
}
.mamutek-header .wp-block-navigation .current-menu-item > a,
.mamutek-header .wp-block-navigation a[aria-current="page"] {
	text-decoration: underline dashed;
	text-underline-offset: 8px;
}
.mamutek-header .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--czekolada);
	padding: 10px;
}
.mamutek-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--krem) !important;
	color: var(--wp--preset--color--czekolada) !important;
	padding: var(--wp--preset--spacing--50);
}
.mamutek-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 26px;
}
.mamutek-topbar p {
	margin: 0;
}

/* ---------- Stopka ---------- */
.mamutek-footer a {
	color: var(--wp--preset--color--mleko);
	text-decoration: none;
}
.mamutek-footer a:hover {
	color: var(--wp--preset--color--krem);
	text-decoration: underline;
}

/* ---------- Karty i okładki ---------- */
.mamutek-karta {
	border-radius: 24px;
	overflow: hidden;
}
.wp-block-cover {
	border-radius: 18px;
}
.mamutek-kolo-mamut {
	border-radius: 50%;
	border: var(--wp--custom--przeszycie);
	background: var(--wp--preset--color--krem);
	padding: 10px;
}

/* ---------- Formularze ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="password"],
textarea,
select {
	font-family: inherit;
	font-size: 16px;
	color: var(--wp--preset--color--czekolada);
	background: var(--wp--preset--color--krem);
	border: 1.5px solid var(--wp--preset--color--karmel);
	border-radius: 14px;
	padding: 12px 16px;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--wp--preset--color--butelka);
	outline-offset: 2px;
}

/* ---------- WooCommerce ---------- */
.woocommerce ul.products li.product a img,
.wc-block-grid__product-image img,
.wc-block-components-product-image img,
.wp-block-woocommerce-product-image img {
	border-radius: 20px;
	background: var(--wp--preset--color--piasek);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-post-title.wc-block-components-product-name,
.wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--fraunces);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--wp--preset--color--czekolada);
	text-decoration: none;
}

.woocommerce ul.products li.product .price,
.wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--wp--preset--color--kakao);
	font-weight: 400;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wp-block-woocommerce-product-price .wc-block-components-product-price {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 28px;
	color: var(--wp--preset--color--czekolada);
}

.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--czekolada);
	border: 0;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 12px;
	min-height: 0;
	min-width: 0;
	line-height: 1.6;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wp-block-woocommerce-product-button .wp-block-button__link {
	background: var(--wp--preset--color--czekolada);
	color: var(--wp--preset--color--krem);
	border-radius: 999px;
	font-weight: 700;
	padding: 14px 28px;
	border: 0;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--kakao);
	color: var(--wp--preset--color--krem);
}

.woocommerce div.product div.images img,
.wp-block-woocommerce-product-image-gallery img,
.wc-block-product-gallery-large-image img {
	border-radius: 18px;
}
.woocommerce div.product div.images,
.wp-block-woocommerce-product-image-gallery {
	padding: 12px;
	border: var(--wp--custom--przeszycie);
	border-radius: 28px;
}

.woocommerce .quantity .qty {
	border-radius: 999px;
	min-height: 52px;
	text-align: center;
}

.woocommerce-tabs ul.tabs li,
.wc-tabs li {
	border-radius: 999px !important;
}

.wc-block-cart,
.wc-block-checkout {
	--wc-radius: 14px;
}
.wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
	background: var(--wp--preset--color--len);
	border-radius: 24px;
}
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input {
	border-radius: 14px !important;
	border-color: var(--wp--preset--color--karmel) !important;
	background: var(--wp--preset--color--krem) !important;
}
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border-radius: 16px;
}

.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner {
	border-radius: 16px;
	background: var(--wp--preset--color--szalwia);
	color: #24403f;
}

.woocommerce-breadcrumb,
.wc-block-breadcrumbs {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--kakao);
}

/* Pusty koszyk */
.wc-block-cart__empty-cart__title {
	font-family: var(--wp--preset--font-family--fraunces);
}

/* ---------- Ruch ---------- */
@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}

/* ---------- Układ i drobiazgi (dodatki 0.1.0) ---------- */
.wp-site-blocks > * {
	margin-block-start: 0;
}
.mamutek-topbar p {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.mamutek-footer-tagline {
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.mamutek-footer .mamutek-footer-szew {
	border-top-color: #8a6248 !important;
}
.mamutek-lista-linkow {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.mamutek-lista-linkow li {
	margin: 0 0 6px;
}

/* ---------- Wzorce sekcji ---------- */
.mamutek-ciemna {
	color: var(--wp--preset--color--krem);
}
.mamutek-ciemna .is-style-etykieta,
.mamutek-etykieta-jasna {
	color: var(--wp--preset--color--mleko);
}
.mamutek-numer {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: 44px;
	line-height: 1;
	margin: 0;
}
.wp-block-button.is-style-jasny .wp-block-button__link {
	background: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--czekolada);
}
.wp-block-button.is-style-jasny .wp-block-button__link:hover {
	background: var(--wp--preset--color--mleko);
}
.mamutek-karta,
.mamutek-karta-krok {
	border-radius: 24px;
	padding: 14px;
}
.mamutek-karta-krok {
	padding: var(--wp--preset--spacing--40);
}
.mamutek-zdjecie p {
	max-width: 30ch;
	margin-inline: auto;
}
.mamutek-404-mamut {
	max-width: 240px;
	margin-inline: auto;
}
.mamutek-404-numer {
	font-family: var(--wp--preset--font-family--fraunces);
	font-size: clamp(72px, 10vw, 110px);
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}
.mamutek-opinia {
	border: 0;
	padding: 0;
	max-width: 900px;
	margin-inline: auto;
}
.mamutek-opinia cite {
	display: block;
	margin-top: 16px;
	font-family: var(--wp--preset--font-family--karla);
	font-style: normal;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--mleko);
}
.wp-block-image.is-style-przeszycie-kolo {
	max-width: 420px;
	margin-inline: auto;
}
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	padding: 10px 0;
}