/* Dewa111 Pro Theme — responsive v1.0.0 (Dark & Hijau Luxury) */
@media (max-width: 1024px) {
	.up-grid { grid-template-columns: repeat(2, 1fr); }
	.up-footer-grid { grid-template-columns: repeat(2, 1fr); }
	/* Game cards: 2 columns on tablet */
	.up-article-content .up-game-card { width: 48%; }
	/* Featured games: 2 columns on tablet */
	.up-games-grid { grid-template-columns: repeat(2, 1fr); }
	/* Hero: stack vertically on tablet */
	.up-hero-grid { grid-template-columns: 1fr; gap: 2rem; }
}

/* Tablet (641px - 1024px): fixed header, logo + nav inline */
@media (min-width: 641px) and (max-width: 1024px) {
	.up-header-inner { gap: 1rem; min-height: 80px; padding: 10px 16px; }
	.up-nav { gap: 1rem; padding: 0 12px; }
	.up-menu { gap: 1.25rem; }
	.up-brand img { max-height: 64px; height: 64px; max-width: 64px; }
	body { padding-top: 80px; }
	body.admin-bar { padding-top: 112px; }
}

/* Mobile header (≤ 640px): clean single row, logo only (no menu, no buttons) */
@media (max-width: 640px) {
	html, body { overflow-x: hidden; max-width: 100vw; }
	body { padding-top: 76px; }

	.up-header { background: #0a0a0a; }

	.up-header-inner {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 0;
		padding: 10px 16px;
		min-height: 76px;
	}

	/* Logo centered, only element in mobile header */
	.up-brand {
		width: 100%;
		justify-self: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	.up-brand img {
		max-height: 64px;
		height: auto;
		width: auto;
		max-width: 80%;
		object-fit: contain;
	}
	.up-logo-text { font-size: 1.4rem; text-align: center; }

	/* Navigation hidden on mobile (clean header, logo only) */
	.up-nav { display: none; }

	/* Post/page content: full width, 16px padding, readable */
	.up-container { padding: 0 16px; }
	.up-content { padding: 2rem 0 3rem; }
	.up-article { max-width: 100%; }
	.up-article-content { font-size: 16px; line-height: 1.6; }
	.up-article-content h2 { font-size: 24px; margin-top: 2rem; }
	.up-article-content h3 { font-size: 18px; margin-top: 1.5rem; }
	.up-article-title { font-size: 32px; }

	.up-grid { grid-template-columns: 1fr; }
	.up-footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
	.up-hero { padding: 2.5rem 0; }
	.up-hero-actions .btn { width: 100%; }
	.up-hero-trust { gap: 1rem; }
	/* Jackpot cards: single column on mobile */
	.up-jackpot-grid { grid-template-columns: 1fr; }
	/* Featured games: single column on mobile */
	.up-games-grid { grid-template-columns: 1fr; }

	/* Game & bonus cards: single column on mobile */
	.up-article-content .up-game-card { width: 100%; margin-right: 0; }
	.up-article-content .up-bonus-card { width: 100%; }

	/* Floating button: 16px from bottom/right on mobile */
	.up-float-play { right: 16px; bottom: 16px; }
}

/* Very small mobile (≤ 480px) */
@media (max-width: 480px) {
	.up-container { padding: 0 1rem; }
	.up-card-body { padding: 1.25rem; }
	.up-header-inner { padding: 8px 12px; }
	.up-brand img { max-height: 56px; max-width: 80%; }
	body { padding-top: 72px; }
	.up-float-play { right: 14px; bottom: 14px; width: 56px; height: 56px; font-size: 0.68rem; }
}