/* Wygląd wtyczek doklejających własny HTML: CookieYes (zgoda na cookies)
   i Omnibus (najniższa cena z 30 dni). Wtyczki wstawiają kolory atrybutem
   style="", więc kolory nadpisujemy z !important - reszta bez. */

/* ---------------------------------------------------------------- CookieYes */
.ss-theme .cky-consent-container,
.ss-theme .cky-modal,
.ss-theme .cky-preference-center { font-family: var(--ss-font-text); }

.ss-theme .cky-consent-container { max-width: 440px; }
.ss-theme .cky-consent-container .cky-consent-bar {
	background-color: #fff !important;
	border: 1px solid var(--ss-border) !important;
	border-radius: var(--ss-r-xl);
	box-shadow: var(--ss-shadow-card);
	padding: 24px;
}
.ss-theme .cky-consent-container .cky-title {
	color: var(--ss-ink) !important;
	font-family: var(--ss-font-display);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.25;
	margin-bottom: 10px;
}
.ss-theme .cky-consent-container .cky-notice-des,
.ss-theme .cky-consent-container .cky-notice-des p {
	color: var(--ss-body-2) !important;
	font-size: 13.5px;
	line-height: 1.55;
}
/* Układ przycisków: „Odrzuć” i „Akceptuj” równo w jednym rzędzie,
   „Dostosuj” pod spodem jako link. */
.ss-theme .cky-notice-btn-wrapper { display: flex; padding-top: 16px; gap: 8px; flex-wrap: wrap; }
.ss-theme .cky-notice-btn-wrapper .cky-btn-reject,
.ss-theme .cky-notice-btn-wrapper .cky-btn-accept { flex: 1 1 140px; margin: 0; }
.ss-theme .cky-notice-btn-wrapper .cky-btn-customize { flex: 1 1 100%; order: 3; margin: 0; min-height: 32px; }
.ss-theme .cky-btn {
	font-family: var(--ss-font-text);
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.2;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: var(--ss-r-md);
	border-width: 1px;
	transition: background-color .15s, border-color .15s, color .15s;
}
.ss-theme .cky-btn-accept {
	color: #fff !important;
	background-color: var(--ss-accent) !important;
	border-color: var(--ss-accent) !important;
}
.ss-theme .cky-btn-accept:hover {
	background-color: var(--ss-accent-hover) !important;
	border-color: var(--ss-accent-hover) !important;
}
.ss-theme .cky-btn-reject {
	color: var(--ss-ink) !important;
	background-color: #fff !important;
	border-color: var(--ss-border-strong) !important;
}
.ss-theme .cky-btn-reject:hover { border-color: var(--ss-ink) !important; }
.ss-theme .cky-btn-customize {
	color: var(--ss-body-2) !important;
	background-color: transparent !important;
	border-color: transparent !important;
	text-decoration: underline;
	padding-left: 6px;
	padding-right: 6px;
}
.ss-theme .cky-btn-customize:hover { color: var(--ss-ink) !important; }
.ss-theme .cky-btn:focus-visible { outline: 2px solid var(--ss-accent); outline-offset: 2px; }

/* Plakietka „ustawienia cookies” w rogu. */
.ss-theme .cky-btn-revisit-wrapper {
	background: var(--ss-ink) !important;
	width: 40px;
	height: 40px;
	box-shadow: 0 6px 18px rgba(42, 46, 69, .25);
	opacity: .75;
	transition: opacity .15s, transform .15s;
}
.ss-theme .cky-btn-revisit-wrapper:hover { opacity: 1; transform: scale(1.06); }
.ss-theme .cky-btn-revisit-wrapper .cky-btn-revisit img { width: 22px; height: 22px; }
.ss-theme .cky-revisit-bottom-left { bottom: 18px; left: 18px; }

/* Panel ustawień szczegółowych. */
.ss-theme .cky-preference-center {
	border-radius: var(--ss-r-xl) !important;
	box-shadow: var(--ss-shadow-modal);
	background-color: #fff !important;
}
.ss-theme .cky-preference-title {
	color: var(--ss-ink) !important;
	font-family: var(--ss-font-display);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.02em;
}
.ss-theme .cky-preference-content-wrapper,
.ss-theme .cky-gpc-wrapper .cky-gpc-desc,
.ss-theme .cky-preference-content-wrapper p,
.ss-theme .cky-accordion-header-des p { color: var(--ss-body-2) !important; font-size: 13.5px; line-height: 1.55; }
.ss-theme .cky-accordion { border-bottom: 1px solid var(--ss-border) !important; }
.ss-theme .cky-accordion-btn {
	color: var(--ss-ink) !important;
	font-family: var(--ss-font-display);
	font-size: 15px;
	font-weight: 700;
}
.ss-theme .cky-accordion-chevron i { border-color: var(--ss-muted) !important; }
.ss-theme .cky-switch input[type=checkbox] { accent-color: var(--ss-accent); }
.ss-theme .cky-switch input[type=checkbox]:checked { background: var(--ss-accent) !important; }
.ss-theme .cky-prefrence-btn-wrapper { gap: 8px; flex-wrap: wrap; }
.ss-theme .cky-btn-preferences {
	color: var(--ss-ink) !important;
	background-color: #fff !important;
	border-color: var(--ss-border-strong) !important;
}
.ss-theme .cky-btn-preferences:hover { border-color: var(--ss-ink) !important; }
.ss-theme .cky-preference-header .cky-btn-close { border-radius: 50%; }
.ss-theme .cky-footer-shadow { display: none; }
.ss-theme .cky-footer-wrapper span { background: transparent; }

@media (max-width: 560px) {
.ss-theme .cky-consent-container { max-width: none; }
.ss-theme .cky-consent-container .cky-consent-bar { padding: 20px; border-radius: var(--ss-r-lg); }
.ss-theme .cky-notice-btn-wrapper .cky-btn { flex: 1 1 100%; }
.ss-theme .cky-btn-customize { order: 3; }
}

/* ---------------------------------------------------------------- Omnibus */
/* Komunikat renderujemy sami w karcie produktu (patrz .ss-omnibus w product.css).
   Tu tylko wygląd domyślnego akapitu wtyczki w pozostałych miejscach. */
.ss-theme p.iworks-omnibus {
	margin: 4px 0 0;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--ss-muted);
}
.ss-theme p.iworks-omnibus .amount,
.ss-theme p.iworks-omnibus bdi { font-weight: 600; color: var(--ss-body-2); }