/* Tea Store — Zgody i cookies. Kolory zgodne z motywem teastore-szmaragd. */

.tc-banner[hidden],
.tc-banner [hidden],
.tc-open[hidden] { display: none !important; }

.tc-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99998;
	padding: 12px;
	pointer-events: none;
}

.tc-banner__box {
	pointer-events: auto;
	max-width: 980px;
	margin: 0 auto;
	padding: 18px 20px;
	border-top: 3px solid #c3a349;
	border-radius: 14px;
	background: #fff;
	color: #182d25;
	font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}

.tc-banner__title { margin: 0 0 6px; font-size: 1.1rem; color: #113c30; }
.tc-banner__text { margin: 0 0 12px; }
.tc-banner a { color: #113c30; }

.tc-opt { display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; font-size: .92rem; cursor: pointer; }
.tc-opt input { flex: none; width: 18px; height: 18px; margin-top: 3px; accent-color: #c3a349; }

.tc-banner__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

.tc-btn {
	min-width: 150px;
	height: 44px;
	padding: 0 18px;
	border: 2px solid #113c30;
	border-radius: 999px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.tc-btn--outline { background: #fff; color: #113c30; }
.tc-btn--gold { background: #c3a349; border-color: #c3a349; color: #102d24; }
.tc-btn:focus-visible,
.tc-open:focus-visible,
.tc-opt input:focus-visible { outline: 3px solid #113c30; outline-offset: 2px; }

.tc-open {
	padding: 0 0 0 8px;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.tc-open--float {
	position: fixed;
	left: 12px;
	bottom: 12px;
	z-index: 99997;
	padding: 8px 14px;
	border-radius: 999px;
	background: #113c30;
	color: #fff;
	text-decoration: none;
}

@media (max-width: 600px) {
	.tc-banner { padding: 8px; }
	.tc-banner__box { padding: 16px; }
	.tc-btn { flex: 1 1 100%; min-width: 0; }
}