/* ================ ============== WIDGETS ================ ============== */
#tm-widget-hydra {
	display: none !important;
}

@media screen and (max-width: 1024px) {
	#tm-widget-muskrat2 {
		display: none !important;
	}

	.cky-revisit-bottom-left {
		display: none !important;
	}

	#chat-widget-container {
		display: none !important;
	}

	a[href*="kalkulator.raty.aliorbank.pl"] {
		display: none !important;
	}
}


/* ================ ============== GALLERY ================ ============== */

/* === MAIN IMAGE – stabilny kontener === */
.ifil-gallery-main {
	margin-bottom: 15px;
}

.ifil-gallery-main .ifil-gallery-slide {
	height: 520px; /* wysokość głównego zdjęcia */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* link wypełnia cały slajd */
.ifil-gallery-main .ifil-gallery-slide a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* obraz zawsze mieści się w kontenerze i zachowuje proporcje */
.ifil-gallery-main .ifil-gallery-slide img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: var(--radius);
	display: block;
}

/* === GENERAL === */
.ifil-gallery button {
	border-radius: var(--radius);
}

/* === THUMBNAILS BOX === */
.ifil-gallery-thumbs button.ifil-thumb {
	margin: 5px;
	width: 76px;
	height: 76px;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid var(--field-border);
	border-radius: var(--radius);
	background: #fff;
	box-sizing: border-box;
}

/* === THUMB IMAGE FIT === */
.ifil-gallery-thumbs button.ifil-thumb img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	transition: transform var(--transition), opacity var(--transition), filter var(--transition);
}

/* Hover zoom */
.ifil-gallery-thumbs button.ifil-thumb:hover img {
	transform: scale(1.08);
}

/* === Slick arrows === */
.ifil-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: var(--radius);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease,
		box-shadow 0.2s ease;
}

.ifil-prev { left: 8px; }
.ifil-next { right: 8px; }

.ifil-arrow:hover {
	background: var(--brand-primary-bg);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.ifil-gallery-main .slick-prev:before,
.ifil-gallery-main .slick-next:before {
	content: none !important;
}

/* === Thumb inactive state === */
.ifil-gallery-thumbs .ifil-thumb img {
	filter: blur(1.5px);
	opacity: 0.6;
}

/* === Thumb active === */
.ifil-gallery-thumbs .ifil-thumb.slick-current {
	border-color: var(--brand-primary-bg) !important;
	box-shadow: 0 0 0 1px var(--brand-primary-bg);
}

.ifil-gallery-thumbs .ifil-thumb.slick-current img {
	filter: none;
	opacity: 1;
}

/* === Hover on non-active === */
.ifil-gallery-thumbs .ifil-thumb:not(.slick-current):hover img {
	filter: blur(1px);
	opacity: 0.8;
}

/* === Responsive === */
@media (max-width: 768px) {
	.ifil-gallery-main .ifil-gallery-slide {
		height: 380px;
	}

	.ifil-arrow {
		width: 38px;
		height: 38px;
	}

	.ifil-prev { left: 6px; }
	.ifil-next { right: 6px; }
}

/* ================ ============== VARIANTS ================ ============== */
[data-variant-list] a.active {
	background-color: var(--brand-primary-bg);
	color: var(--on-primary);
}

[data-variant-list] a,
[data-variant-list] button {
	border-radius: var(--radius);
	font-size: 14px;
	font-weight: 500;
	transition: all var(--transition);
}

/* ================ ============== ADD TO CART ================ ============== */
form.cart {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 10px !important;
}

.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button.alt,
.single_add_to_cart_button,
.single_add_to_cart_button.button,
.single_add_to_cart_button.button.alt {
	display: inline-block;
	padding: 14px 5px;
	border-radius: var(--btn-radius);
	font-weight: 800 !important;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	transition: background-color var(--transition), color var(--transition),
		border-color var(--transition);
	background: var(--btn-primary-bg) !important;
	color: var(--btn-primary-text) !important;
	border: 1px solid var(--dark-text) !important;
	width: 100%;
}

@media screen and (max-width: 760px) {
	.single_add_to_cart_button.button.alt {
		padding: 15px 15px !important;
	}
}

.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce div.product form.cart .button.alt:hover,
.woocommerce div.product form.cart .button.alt:focus,
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus,
.single_add_to_cart_button.button:hover,
.single_add_to_cart_button.button:focus,
.single_add_to_cart_button.button.alt:hover,
.single_add_to_cart_button.button.alt:focus {
	background: var(--btn-primary-bg-hov) !important;
	color: var(--btn-primary-text-hov) !important;
}

/* ================ ============== PRICE ================ ============== */
.ifil-products-track p.iworks-omnibus {
	display: none !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price .amount,
.woocommerce div.product span.price .amount,
.woocommerce div.product p.price .amount bdi,
.woocommerce div.product span.price .amount bdi {
	color: var(--brand-primary-text) !important;
	font-weight: 800 !important;
	font-size: 1.8rem !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

p.price bdi {
	color: var(--brand-primary-text) !important;
	font-weight: 800 !important;
	font-size: 1.8rem !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	color: #8a8a8a !important;
	font-weight: 400 !important;
	opacity: 0.9 !important;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	text-decoration: none !important;
	color: var(--brand-primary-text) !important;
	font-weight: 700 !important;
}

/* ================ ============== BREADCRUMBS ================ ============== */
.woocommerce .woocommerce-breadcrumb {
	padding: 0px !important;
	margin: 0px !important;
}
.woocommerce-breadcrumb {
	display: block;
	white-space: normal;
}
.woocommerce-breadcrumb{
	white-space: normal;
	overflow-wrap: anywhere;  
	word-break: break-word;
	line-height: 1.35;
}

.woocommerce-breadcrumb .crumb,
.woocommerce-breadcrumb .bc-delim{
	display: inline;
}

.woocommerce-breadcrumb .crumb {
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* ================ ============== TITLE ================ ============== */

@media screen and (min-width: 1024px) {
	#ifil-single-summary-col,
	#ifil-single-aside{
		padding-top: var(--ifil-title-offset, 48px);
	}	
}


@media screen and (max-width: 1024px) {
	#ifil-single-summary-col,
	#ifil-single-aside{
		padding-top: 24px;
	}	
}

html.ifil-title-offset-pending #ifil-single-summary-col,
html.ifil-title-offset-pending #ifil-single-aside{
	opacity: 0;
}

html.ifil-title-offset-ready #ifil-single-summary-col,
html.ifil-title-offset-ready #ifil-single-aside{
	opacity: 1;
	transition: opacity 120ms ease;
}

/* ================ ============== OMNIBUS ================ ============== */
p.iworks-omnibus {
	font-size: 12px !important;
}

.ifil-atc-dialog .iworks-omnibus {
	display: none !important;
}

.acc-panel-inner .iworks-omnibus {
	display: none !important;
}

/* ================ ============== ALIOR BANK ================ ============== */
.single-product form.cart{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.single-product form.cart > .wc-block-components-quantity-selector,
.single-product form.cart > button.single_add_to_cart_button{
	width: auto !important;
	flex: 0 0 auto !important;
	min-width: 0;
}

.single-product form.cart > button.single_add_to_cart_button{
	flex: 1 1 auto !important;  
}

.single-product form.cart > a[href*="kalkulator.raty.aliorbank.pl"],
.single-product form.cart > a[href*="aliorbank.pl"]{
	flex: 0 0 100% !important;
	width: 100% !important;
	display: block;
	margin-top: 8px;
}

.single-product form.cart a[href*="kalkulator.raty.aliorbank.pl"] > img{
	display: none !important;
}

.single-product form.cart a[href*="kalkulator.raty.aliorbank.pl"]{
	display: block;
	width: 440px;
	height: 44px;
	max-width: 100%;
	background: url('https://nowoczesnelazienki.pl/wp-content/uploads/2025/12/sprawdz-rate-w-alior-banku-440x44-rounded.png') center / contain no-repeat;
	transition: 0.3s ease-in-out;
}

.single-product form.cart a[href*="kalkulator.raty.aliorbank.pl"]:hover{
	opacity: 0.8;
}

p.stock {
	display: none !important;
}