/* DDG Landing Cyan — โทนมิ้นท์ / น้ำเงินเข้ม + เลย์เอาต์เน้นแท็บเกม */

body.ddg-layout-cyan.ddg-landing {
	--ddg-black: #040c14;
	--ddg-bg: #071422;
	--ddg-bg-mid: #0c1f33;
	--ddg-panel: rgba(8, 28, 48, 0.88);
	--ddg-gold: #00d4aa;
	--ddg-gold-bright: #5eead4;
	--ddg-gold-dim: #0d9488;
	--ddg-bronze: #155e75;
	--ddg-text: #e8f4fc;
	--ddg-muted: #7eb8d4;
	--ddg-border: rgba(0, 212, 170, 0.4);
	--ddg-glow: rgba(56, 189, 248, 0.25);
	--ddg-font: "Outfit", "Noto Sans Thai", system-ui, sans-serif;
	--ddg-display: "Outfit", "Noto Sans Thai", sans-serif;
}

/* Hero แบบเตี้ย — โลโก้ซ้าย ปุ่มขวา */
body.ddg-layout-cyan .ddg-hero {
	min-height: clamp(16rem, 52vh, 28rem);
	min-height: clamp(16rem, 52svh, 28rem);
}

body.ddg-layout-cyan .ddg-hero__bg {
	background:
		radial-gradient(ellipse 80% 60% at 80% 0%, rgba(56, 189, 248, 0.2), transparent 55%),
		radial-gradient(ellipse 60% 50% at 10% 80%, rgba(0, 212, 170, 0.12), transparent 50%),
		linear-gradient(165deg, #0c1f33 0%, #040c14 100%);
}

body.ddg-layout-cyan .ddg-hero__inner {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	gap: 1rem 1.5rem;
	padding-top: clamp(5rem, 12vw, 6rem);
}

body.ddg-layout-cyan .ddg-hero__logoWrap {
	margin-bottom: 0;
	flex: 1 1 auto;
	justify-content: flex-start;
}

body.ddg-layout-cyan .ddg-hero__logo {
	max-height: clamp(3.5rem, 10vw, 6rem);
}

body.ddg-layout-cyan .ddg-hero__h1 {
	margin: 0;
	text-align: left;
	flex: 1 1 100%;
	font-size: clamp(0.95rem, 2.8vw, 1.35rem);
}

body.ddg-layout-cyan .ddg-hero-cta {
	margin-left: auto;
	border-radius: 999px;
	background: linear-gradient(135deg, #00d4aa, #0891b2);
	border-color: #5eead4;
	box-shadow: 0 8px 28px rgba(0, 212, 170, 0.35);
}

body.ddg-layout-cyan .ddg-top--on-hero {
	background: linear-gradient(180deg, rgba(4, 12, 20, 0.92), transparent);
	border-bottom: 1px solid rgba(0, 212, 170, 0.15);
}

body.ddg-layout-cyan .ddg-btn-nav--register {
	background: linear-gradient(135deg, #00d4aa, #06b6d4);
	color: #042018;
}

body.ddg-layout-cyan .ddg-btn-nav--login {
	border-color: var(--ddg-gold);
	color: var(--ddg-gold-bright);
}

/* แท็บเกม — แนวตั้งบนเดสก์ท็อป */
@media (min-width: 900px) {
	body.ddg-layout-cyan .ddg-gtab {
		display: grid;
		grid-template-columns: minmax(10rem, 14rem) 1fr;
		gap: 0;
		align-items: start;
	}

	body.ddg-layout-cyan .ddg-gtab__barWrap {
		position: sticky;
		top: 4.5rem;
		padding: 1rem 0.75rem 1rem 0;
	}

	body.ddg-layout-cyan .ddg-gtab__bar {
		flex-direction: column;
		gap: 0.35rem;
		overflow: visible;
	}

	body.ddg-layout-cyan .ddg-gtab__tab {
		width: 100%;
		justify-content: flex-start;
		border-radius: 12px;
		border: 1px solid transparent;
	}

	body.ddg-layout-cyan .ddg-gtab__tab[aria-selected="true"] {
		background: rgba(0, 212, 170, 0.15);
		border-color: var(--ddg-border);
	}
}

/* โปรโม — กริดคงที่ ไม่เลื่อน */
body.ddg-layout-cyan .ddg-promo__wrap {
	overflow: visible;
}

body.ddg-layout-cyan .ddg-promo__track {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
	overflow: visible;
	scroll-snap-type: none;
}

@media (min-width: 768px) {
	body.ddg-layout-cyan .ddg-promo__track {
		grid-template-columns: repeat(4, 1fr);
	}
}

body.ddg-layout-cyan .ddg-promo__cell {
	flex: none;
	width: auto;
	scroll-snap-align: unset;
}

/* Trust — การ์ดแนวนอน */
body.ddg-layout-cyan .ddg-trust__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	max-width: 56rem;
	margin-inline: auto;
	padding: 1.5rem;
	border-radius: 16px;
	border: 1px solid var(--ddg-border);
	background: var(--ddg-panel);
}

@media (min-width: 768px) {
	body.ddg-layout-cyan .ddg-trust__inner {
		grid-template-columns: minmax(12rem, 1fr) 2fr;
		align-items: start;
	}
}

/* Deep — สลับสีพื้นหลัง */
body.ddg-layout-cyan .ddg-deep {
	background: linear-gradient(180deg, var(--ddg-bg-mid), var(--ddg-black));
}

body.ddg-layout-cyan .ddg-liveCasino__goldHairline {
	background: linear-gradient(90deg, transparent, var(--ddg-gold), transparent);
}

body.ddg-layout-cyan .ddg-split {
	background: radial-gradient(ellipse at 50% 0%, rgba(56, 189, 248, 0.08), transparent 60%), var(--ddg-bg);
}

body.ddg-layout-cyan .ddg-split__twoGrid--both {
	grid-template-columns: 1fr;
}

@media (min-width: 900px) {
	body.ddg-layout-cyan .ddg-split__twoGrid--both {
		grid-template-columns: 1fr 1fr;
	}
}

body.ddg-layout-cyan .ddg-split__waveLine {
	stroke: url(#ddgSplitGoldStroke);
}

body.ddg-layout-cyan #ddgSplitGoldStroke stop:nth-child(1) {
	stop-color: #a7f3d0;
}
body.ddg-layout-cyan #ddgSplitGoldStroke stop:nth-child(2) {
	stop-color: #00d4aa;
}
body.ddg-layout-cyan #ddgSplitGoldStroke stop:nth-child(3) {
	stop-color: #0e7490;
}

body.ddg-layout-cyan .ddg-foot {
	border-top: 1px solid var(--ddg-border);
	background: #040c14;
}

body.ddg-layout-cyan .ddg-floatContacts__toggle,
body.ddg-layout-cyan .ddg-floatContacts__disc--line {
	background: linear-gradient(135deg, #00d4aa, #0891b2);
}