/*
Theme Name: Otulaj Dom
Template: twentytwentyfive
Description: Motyw sklepu otulajdom.pl – dodatki do domu z druku 3D.
Version: 1.0.1
Text Domain: otulajdom
*/

/* Nagłówek przyklejony do góry */
.otd-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(140%) blur(8px);
}
.admin-bar .otd-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .otd-header { top: 0; } }

.otd-topbar { letter-spacing: 0.02em; }

/* Ikony w nagłówku: wyszukiwarka bez pomarańczowego tła */
.otd-header .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	padding: 0.4rem;
	margin: 0;
}
.otd-header .wp-block-search__button:hover { color: var(--wp--preset--color--accent); }
.otd-header .wp-block-search__button svg { width: 24px; height: 24px; }
.otd-header .wp-block-search__input {
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--border);
}

/* Mała etykieta nad nagłówkami */
.otd-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 800;
}

/* Karty: zalety, materiały, kroki */
.otd-card {
	height: 100%;
	transition: transform .2s ease, box-shadow .2s ease;
}
.otd-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px -18px rgba(43, 37, 35, .45);
}
.otd-icon {
	display: inline-grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	font-size: 1.35rem;
	line-height: 1;
}
.otd-step-number {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 2.75rem;
	line-height: 1;
	color: var(--wp--preset--color--accent);
}

/* Przycisk konturowy */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid currentColor;
	background: transparent;
	color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--surface);
}

/* Karty produktów */
.wc-block-product-template .wc-block-product,
.wc-block-product-template > li {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 18px;
	padding: 0.75rem 0.75rem 1.25rem;
	transition: transform .2s ease, box-shadow .2s ease;
}
.wc-block-product-template .wc-block-product:hover,
.wc-block-product-template > li:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px -20px rgba(43, 37, 35, .5);
}
.wc-block-components-product-image img,
.wc-block-product-template img {
	border-radius: 12px;
	background: var(--wp--preset--color--sand);
}
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--accent);
	color: #fff;
	border: 0;
	border-radius: 999px;
}

/* Pola formularzy (koszyk, zamówienie) */
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control input,
.wc-blocks-components-select select,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
	border-radius: 10px !important;
}

/* Rozwijane pytania (FAQ) */
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	font-family: var(--wp--preset--font-family--heading);
}
.wp-block-details[open] summary { color: var(--wp--preset--color--accent-dark); }

/* Stopka */
.otd-footer a { color: inherit; opacity: .85; }
.otd-footer a:hover { opacity: 1; color: #fff; }
.otd-footer .wp-block-heading { color: #fff; }

.otd-hero-art img { border-radius: 28px; }