/* Omnibus - historia cen WooCommerce by INB Marketing – front */
.inb-omnibus-wrap,
.inb-omnibus,
.inb-omnibus-slot,
.inb-omnibus__text,
.inb-omnibus__regular {
	display: block;
	width: 100%;
	flex-basis: 100%;
	clear: both;
}
.inb-omnibus-slot:empty {
	display: none;
}
.inb-omnibus {
	margin: 0.4em 0 0;
	padding: 0;
	font-size: var(--inb-omnibus-size, 0.85em);
	font-weight: 400;
	font-style: normal;
	line-height: 1.45;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	white-space: normal;
	color: var(--inb-omnibus-color, inherit);
}
.inb-omnibus--loop,
.inb-omnibus--related,
.inb-omnibus--cart {
	font-size: var(--inb-omnibus-size, 0.8em);
}
.inb-omnibus .inb-omnibus__price,
.inb-omnibus .inb-omnibus__price .woocommerce-Price-amount,
.inb-omnibus .inb-omnibus__price .amount,
.inb-omnibus .inb-omnibus__price bdi {
	font-size: inherit !important;
	font-weight: 600;
	color: var(--inb-omnibus-price, inherit) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.inb-omnibus__regular {
	margin-top: 0.15em;
	opacity: 0.85;
}
.inb-omnibus--placeholder {
	font-style: italic;
}
.inb-omnibus-reviews-info {
	margin: 0 0 1.25em;
	padding: 0.75em 1em;
	border-left: 3px solid currentColor;
	font-size: 0.9em;
	opacity: 0.9;
}

/* Układ ceny promocyjnej: cena przekreślona + (hasło) + cena promocyjna.
   Rozmieszczenie jest wymuszane niezależnie od stylów motywu dla <del> i <ins>. */
.inb-omnibus-sale {
	display: inline;
}
.inb-omnibus-sale__slogan {
	font-size: var(--inb-omnibus-slogan-size, 0.7em);
	font-weight: 400;
	font-style: normal;
	color: var(--inb-omnibus-slogan-color, inherit);
	text-decoration: none;
	white-space: normal;
}
.inb-omnibus-sale__now > ins {
	text-decoration: none;
}
.inb-omnibus-sale.inb-omnibus-sale--inline > del,
.inb-omnibus-sale.inb-omnibus-sale--inline > .inb-omnibus-sale__now,
.inb-omnibus-sale.inb-omnibus-sale--inline > .inb-omnibus-sale__now > ins {
	display: inline !important;
	float: none !important;
}
.inb-omnibus-sale.inb-omnibus-sale--inline > del {
	margin: 0 0.35em 0 0 !important;
}
.inb-omnibus-sale.inb-omnibus-sale--stacked {
	display: block;
}
.inb-omnibus-sale.inb-omnibus-sale--stacked > del,
.inb-omnibus-sale.inb-omnibus-sale--stacked > .inb-omnibus-sale__now {
	display: block !important;
	float: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.inb-omnibus-sale.inb-omnibus-sale--stacked > .inb-omnibus-sale__now > ins {
	display: inline !important;
	float: none !important;
}

/* Historia ceny */
.inb-omnibus-history {
	display: block;
	width: 100%;
	clear: both;
	color: inherit;
}
.inb-omnibus-history[hidden] {
	display: none !important;
}
.inb-omnibus-history--toggle {
	margin-top: 0.35em;
	font-size: 0.85em;
	font-weight: 400;
	line-height: 1.45;
}
.inb-omnibus-history__toggle {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
	color: var(--inb-omnibus-color, inherit);
}
.inb-omnibus-history__toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
.inb-omnibus-history__toggle::after {
	content: " ▾";
}
.inb-omnibus-history__toggle[aria-expanded="true"]::after {
	content: " ▴";
}

/* Przełącznik historii w tej samej linii co komunikat (zaraz za tekstem i ceną). */
.inb-omnibus-wrap--inline .inb-omnibus .inb-omnibus__text {
	display: inline;
	width: auto;
	flex-basis: auto;
	clear: none;
}
.inb-omnibus .inb-omnibus-history.inb-omnibus-history--toggle {
	display: inline;
	width: auto;
	clear: none;
	margin: 0 0 0 0.5em;
	font-size: 1em;
	white-space: nowrap;
}

/* Przełącznik historii jako ikona zegara – warstwa 1 z 3 (arkusz).
   Rozmiar i kolor pochodzą wyłącznie z ustawień wtyczki; motyw nie może ich zmienić. */
html body .inb-omnibus-history.inb-omnibus-history--toggle.inb-omnibus-history--icon {
	margin: 6px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
html body .inb-omnibus .inb-omnibus-history.inb-omnibus-history--toggle.inb-omnibus-history--icon {
	display: inline-block !important;
	width: auto !important;
	margin: 0 0 0 6px !important;
	vertical-align: middle !important;
}
html body .inb-omnibus-history.inb-omnibus-history--toggle[hidden],
html body .inb-omnibus .inb-omnibus-history.inb-omnibus-history--toggle[hidden],
html body .inb-omnibus .inb-omnibus-history.inb-omnibus-history--toggle.inb-omnibus-history--icon[hidden] {
	display: none !important;
}
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon,
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon:hover,
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon:focus,
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon:active {
	display: inline-block !important;
	box-sizing: content-box !important;
	width: var(--inb-omnibus-icon-size, 24px) !important;
	height: var(--inb-omnibus-icon-size, 24px) !important;
	min-width: var(--inb-omnibus-icon-size, 24px) !important;
	min-height: var(--inb-omnibus-icon-size, 24px) !important;
	max-width: var(--inb-omnibus-icon-size, 24px) !important;
	max-height: var(--inb-omnibus-icon-size, 24px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: var(--inb-omnibus-icon-color, #000) !important;
	font-size: 0 !important;
	line-height: 0 !important;
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
	transition: none !important;
	text-decoration: none !important;
	vertical-align: middle !important;
	float: none !important;
	flex: 0 0 auto !important;
	cursor: pointer !important;
}
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon::before,
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon::after {
	content: none !important;
	display: none !important;
}
html body .inb-omnibus-history .inb-omnibus-history__toggle.inb-omnibus-history__toggle--icon:focus-visible {
	outline: 2px solid var(--inb-omnibus-icon-color, #000) !important;
	outline-offset: 3px !important;
}
html body .inb-omnibus-history .inb-omnibus-history__toggle--icon > svg.inb-omnibus-history__icon {
	display: block !important;
	width: var(--inb-omnibus-icon-size, 24px) !important;
	height: var(--inb-omnibus-icon-size, 24px) !important;
	min-width: var(--inb-omnibus-icon-size, 24px) !important;
	min-height: var(--inb-omnibus-icon-size, 24px) !important;
	max-width: var(--inb-omnibus-icon-size, 24px) !important;
	max-height: var(--inb-omnibus-icon-size, 24px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	fill: none !important;
	stroke: var(--inb-omnibus-icon-color, #000) !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
	overflow: visible !important;
	pointer-events: none !important;
}
html body .inb-omnibus-history .inb-omnibus-history__toggle--icon > svg.inb-omnibus-history__icon * {
	fill: none !important;
	stroke: var(--inb-omnibus-icon-color, #000) !important;
	stroke-width: 2 !important;
	opacity: 1 !important;
}

.inb-omnibus-history__panel {
	display: block;
	box-sizing: border-box;
	width: 100%;
	clear: both;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}
.inb-omnibus-history__panel[hidden] {
	display: none !important;
}
.inb-omnibus-history__panel--detached {
	margin: 0.75em 0 1em;
	padding: 1em;
	border: 1px solid rgba(128, 128, 128, 0.3);
	border-radius: 6px;
}
.inb-omnibus-history__title {
	display: block;
	margin: 0 0 0.25em;
	font-size: 1.1em;
	font-weight: 600;
}
.inb-omnibus-history__range,
.inb-omnibus-history__empty {
	margin: 0 0 0.75em;
	font-size: 0.9em;
	opacity: 0.8;
}
.inb-omnibus-history__chart {
	display: block;
	width: 100%;
	height: auto;
	max-height: 260px;
	margin: 0 0 0.75em;
	overflow: visible;
}
.inb-omnibus-history__chart line {
	stroke: var(--inb-omnibus-chart, currentColor);
	stroke-width: 2.5;
	stroke-linecap: round;
	fill: none;
}
.inb-omnibus-history__chart line.is-sale {
	stroke: var(--inb-omnibus-chart-sale, #c0392b);
}
.inb-omnibus-history__chart line.is-step {
	stroke-width: 1.5;
	stroke-dasharray: 3 4;
	opacity: 0.55;
}
.inb-omnibus-history__chart line.is-axis {
	stroke: currentColor;
	stroke-width: 1;
	opacity: 0.2;
}
.inb-omnibus-history__chart circle {
	fill: var(--inb-omnibus-chart, currentColor);
}
.inb-omnibus-history__chart circle.is-sale {
	fill: var(--inb-omnibus-chart-sale, #c0392b);
}
.inb-omnibus-history__chart text {
	font-size: 13px;
	fill: currentColor;
	opacity: 0.75;
}
.inb-omnibus-history__table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 0.95em;
}
.inb-omnibus-history__table th,
.inb-omnibus-history__table td {
	padding: 0.4em 0.6em;
	border-bottom: 1px solid rgba(128, 128, 128, 0.25);
	text-align: left;
	font-weight: 400;
}
.inb-omnibus-history__table th {
	font-weight: 600;
}
.inb-omnibus-history__tag {
	display: inline-block;
	margin-left: 0.4em;
	padding: 0 0.5em;
	border-radius: 999px;
	font-size: 0.8em;
	line-height: 1.7;
	color: #fff;
	background: var(--inb-omnibus-chart-sale, #c0392b);
}
