/* CasinoExpo Lotto - frontend
   Eget prefix (cel-) for att undvika krockar med temat. */

.cel-lotto {
	--cel-accent: #1f5896;
	--cel-accent-dark: #13315c;
	--cel-accent-light: #f6f7f9;
	--cel-cta: #1a7a3c;
	--cel-cta-dark: #145e2e;
	--cel-extra: #f0a500;
	--cel-extra-dark: #c98600;
	--cel-ink: #1d2327;
	--cel-line: #e2e6ea;
	--cel-muted: #5c6770;
	margin: 0 0 1.5rem;
	color: var(--cel-ink);
}

.cel-game {
	border: 1px solid var(--cel-line);
	border-radius: 12px;
	padding: 1.25rem 1.25rem 1rem;
	margin: 0 0 1.25rem;
	background: #fff;
}

.cel-game__title {
	margin: 0 0 .35rem;
	font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--cel-accent-dark);
}

.cel-game__result-label {
	font-weight: 400;
	color: var(--cel-muted);
}

.cel-game__date {
	margin: 0 0 .9rem;
	color: var(--cel-muted);
	font-size: .95rem;
}

.cel-game__date strong {
	color: var(--cel-ink);
}

/* Bollar */
.cel-balls {
	list-style: none;
	margin: 0 0 .75rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.cel-ball {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1;
	box-sizing: border-box;
}

.cel-ball--main {
	background: var(--cel-accent);
	color: #fff;
	border: 2px solid var(--cel-accent-dark);
}

.cel-ball--extra {
	background: var(--cel-extra);
	color: #fff;
	border: 2px solid var(--cel-extra-dark);
}

.cel-ball--legend {
	width: 1.1rem;
	height: 1.1rem;
	vertical-align: middle;
	margin-right: .15rem;
}

.cel-balls__legend {
	margin: 0 0 .9rem;
	font-size: .85rem;
	color: var(--cel-muted);
	display: flex;
	align-items: center;
	gap: .35rem;
}

.cel-game__special {
	margin: 0 0 .9rem;
	font-size: .95rem;
}

/* Utdelningstabell */
.cel-prizes-wrap {
	overflow-x: auto;
	margin: 0 0 1rem;
}

.cel-prizes {
	width: 100%;
	border-collapse: collapse;
	font-size: .92rem;
}

.cel-prizes thead th {
	background: var(--cel-accent-dark);
	color: #fff;
	text-align: left;
	padding: .55rem .7rem;
	font-weight: 600;
}

.cel-prizes tbody td {
	padding: .5rem .7rem;
	border-bottom: 1px solid var(--cel-line);
}

.cel-prizes tbody tr:nth-child(odd) td {
	background: var(--cel-accent-light);
}

.cel-game__turnover {
	margin: 0 0 .9rem;
	font-size: .9rem;
	color: var(--cel-muted);
}

/* Meta-rad: nasta dragning + jackpot + CTA */
.cel-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	padding-top: .85rem;
	border-top: 1px solid var(--cel-line);
}

.cel-meta__next {
	font-size: .92rem;
	color: var(--cel-muted);
}

.cel-meta__label {
	font-weight: 600;
	color: var(--cel-ink);
}

.cel-meta__jackpot {
	font-weight: 700;
	color: var(--cel-accent-dark);
}

.cel-cta {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	background: var(--cel-cta);
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
	padding: .6rem 1.15rem;
	border-radius: 8px;
	transition: background .15s ease;
	white-space: nowrap;
}

.cel-cta:hover,
.cel-cta:focus {
	background: var(--cel-cta-dark);
	color: #fff !important;
	text-decoration: none !important;
}

.cel-game__pending,
.cel-empty {
	color: var(--cel-muted);
	font-style: italic;
	margin: .5rem 0;
}

.cel-updated {
	font-size: .82rem;
	color: var(--cel-muted);
	margin: .25rem 0 0;
}

.cel-lotto--cta-only .cel-cta {
	margin-left: 0;
}

@media (max-width: 520px) {
	.cel-ball {
		width: 2.25rem;
		height: 2.25rem;
		font-size: .95rem;
	}
	.cel-cta {
		margin-left: 0;
		width: 100%;
		justify-content: center;
	}
}

/* Keno-sida ([keno_resultat]) */
.cel-keno__h{font-size:1.5rem;color:var(--cel-accent-dark);margin:2em 0 .1em;font-weight:600;line-height:1.25}
.cel-keno .cel-ball--king{background:var(--cel-extra);color:#3a2c00;border:2px solid var(--cel-extra-dark);box-shadow:0 0 0 3px #fff8e5,0 2px 6px rgba(201,134,0,.4);position:relative}
.cel-keno .cel-ball--king::after{content:"\265B";position:absolute;top:-1.1rem;left:50%;transform:translateX(-50%);font-size:.9rem;color:var(--cel-extra-dark)}
.cel-kdraw{border:1px solid var(--cel-line);border-radius:14px;background:#fff;overflow:hidden}
.cel-kdraw__top{height:5px;background:linear-gradient(90deg,#2d6cb3,var(--cel-accent))}
.cel-kdraw__in{padding:20px 22px 22px}
.cel-kdraw__meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:baseline;margin:0 0 1rem}
.cel-kdraw__date{font-weight:700;color:var(--cel-accent-dark)}
.cel-kdraw__no{font-size:.85rem;color:var(--cel-muted)}
.cel-kking{margin:1.1rem 0 0;display:flex;align-items:center;gap:.6rem;background:#fff8e5;border:1px solid #f2d98a;border-radius:9px;padding:.55rem .85rem;font-size:.95rem}
.cel-kking__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--cel-extra);color:#3a2c00;font-weight:700;border:2px solid var(--cel-extra-dark)}
.cel-kking strong{color:#7a5b00}
.cel-kstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:.4rem 0 0}
.cel-kstat{border:1px solid var(--cel-line);border-left:4px solid var(--cel-accent);border-radius:11px;background:var(--cel-accent-light);padding:14px 16px}
.cel-kstat__lbl{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--cel-muted);font-weight:600;margin:0 0 .3em}
.cel-kstat__val{font-size:1.5rem;font-weight:800;color:var(--cel-accent-dark);line-height:1.15;margin:0}
.cel-kstat__note{font-size:.82rem;color:var(--cel-muted);margin:.35em 0 0}
.cel-keno__intro{margin:.2em 0 1.1em}
.cel-kplan{border:1px solid var(--cel-line);border-radius:11px;margin:0 0 .6rem;background:#fff;overflow:hidden}
.cel-kplan[open]{box-shadow:0 1px 3px rgba(19,49,92,.07)}
.cel-kplan>summary{list-style:none;cursor:pointer;padding:.85rem 1rem;display:flex;align-items:center;gap:1rem}
.cel-kplan>summary::-webkit-details-marker{display:none}
.cel-kplan__name{font-weight:700;color:var(--cel-accent-dark);font-size:1.05rem}
.cel-kplan__hint{font-size:.82rem;color:var(--cel-muted)}
.cel-kplan>summary::after{content:"+";color:var(--cel-accent);font-weight:700;font-size:1.3rem;line-height:1;margin-left:auto}
.cel-kplan[open]>summary::after{content:"\2212"}
.cel-kplan__body{padding:0 1rem 1rem}
.cel-kplan__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cel-kplan__col-h{margin:.2em 0 .5em;font-size:.9rem;color:var(--cel-accent-dark);font-weight:600}
.cel-kplan__col--kk .cel-kplan__col-h::before{content:"\265B ";color:var(--cel-extra-dark)}
.cel-kprize{width:100%;border-collapse:collapse;font-size:.88rem}
.cel-kprize thead th{background:var(--cel-accent-dark);color:#fff;text-align:left;padding:.45rem .6rem;font-weight:600;font-size:.82rem}
.cel-kprize thead th:not(:first-child){text-align:right}
.cel-kprize tbody td{padding:.4rem .6rem;border-bottom:1px solid var(--cel-line)}
.cel-kprize tbody td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.cel-kprize tbody tr:nth-child(odd) td{background:var(--cel-accent-light)}
.cel-kwin{color:var(--cel-cta-dark);font-weight:600}
.cel-kzero{color:var(--cel-muted)}
@media (max-width:640px){
	.cel-kstats{grid-template-columns:1fr}
	.cel-kplan__cols{grid-template-columns:1fr}
}