/* -------------------------------------------------- */
/* Arena Casino — intro dy-kolonësh (titull + përshkrim) i ripërdorur nga     */
/* faqet "Slots" dhe "Live Table Games", plus lista e lojrave nën përshkrimin */
/* e çdo panel, brenda komponentit .explore ekzistues (shih                  */
/* template-parts/slots-brands.php dhe template-parts/live-tables.php).      */
/* -------------------------------------------------- */

.page-intro {
	max-width: var(--container-width-wide);
	margin: 0 auto;
	padding: calc(var(--header-height) + 64px) 24px 48px;
	display: grid;
	grid-template-columns: minmax(200px, 380px) 1fr;
	gap: 48px;
	align-items: center;
}

.page-intro__title {
	font-family: var(--font-serif);
	font-weight: 600;
	font-size: clamp(40px, 6vw, 72px);
	line-height: 1;
	/* Capitalize, jo uppercase — njësoj si të gjitha titujt e tjerë të
	   faqeve (shih .career-title, .contact-hero__title etj.). */
	text-transform: capitalize;
	color: var(--color-text);
	text-wrap: balance;
	margin: 0;
}

.page-intro__desc {
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-text-muted);
	margin: 0;
	padding: 50px;
}

@media (max-width: 780px) {
	.page-intro {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* -------------------- Lista e lojrave (brenda .explore__content) -------------------- */
.explore__games {
	margin: 0 0 8px;
}

.explore__games-label {
	display: block;
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-gold);
	margin: 0 0 12px;
}

.explore__games-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

.explore__games-pill {
	padding: 8px 16px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-pill);
	font-size: 13px;
	color: var(--color-text);
	background: rgba(201, 162, 75, 0.08);
}