/*
 * LL Superstore Core — structural fallback styles.
 *
 * The Superstore theme (assets/css/superstore.css) carries the full design
 * treatment for these same classes and loads after this file. Everything
 * here is layout-critical only, so the plugin renders sanely under any
 * theme: per-pair line as a block, comparator table borders, sticky bar
 * positioning contract.
 */

.ll-per-pair {
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.ll-pack-chip {
	position: absolute;
	top: 0.625rem;
	left: 0.625rem;
	z-index: 2;
	padding: 0.3rem 0.55rem;
	border-radius: 4px;
	font-weight: 600;
	pointer-events: none;
}

.ll-basis-tag {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 999px;
	padding: 0.15rem 0.55rem;
}

.ll-value-flag {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
}

.ll-comparator {
	margin: 1.25rem 0;
	overflow: hidden;
}

.ll-comparator-table {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.ll-comparator-table th,
.ll-comparator-table td {
	padding: 0.65rem 1rem;
	text-align: left;
	vertical-align: middle;
}

@media (max-width: 640px) {
	.ll-comparator-table thead {
		display: none;
	}

	.ll-comparator-table,
	.ll-comparator-table tbody,
	.ll-comparator-table tr,
	.ll-comparator-table td {
		display: block;
		width: 100%;
	}

	.ll-comparator-table td {
		padding: 0.15rem 0;
	}
}

.ll-sticky-atc {
	display: none;
}

@media (max-width: 781px) {
	.ll-sticky-atc {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		display: flex;
		align-items: center;
		gap: 0.9rem;
		padding: 0.6rem 0.9rem calc(0.6rem + env(safe-area-inset-bottom));
		transform: translateY(110%);
		transition: transform 160ms ease-out;
	}

	.ll-sticky-atc.is-visible {
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ll-sticky-atc {
		transition: none;
	}
}