/* Flatsome / WordPress layout fixes for Sunwin clone */

body.sunwin-clone #wrapper.sunwin-clone-root,
body.sunwin-clone #main {
	background: #000;
	max-width: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

body.sunwin-clone .sunwin-section .section-content {
	padding: 0 !important;
}

body.sunwin-clone .sunwin-section .section-bg,
body.sunwin-clone .sunwin-section .section-bg.fill,
body.sunwin-clone .sunwin-section .section-bg .fill {
	background: transparent !important;
	opacity: 1 !important;
}

body.sunwin-clone .sunwin-section .row-collapse > .col {
	padding: 0 !important;
}

body.sunwin-clone .sunwin-section .col-inner {
	background: transparent !important;
}

body.sunwin-clone .bottom,
body.sunwin-clone #target.bottom {
	background: #0c0402 !important;
	width: 100%;
}

body.sunwin-clone .bottom-content {
	color: #e6dacd;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	body.sunwin-clone .bottom-content {
		max-width: 600px;
	}
}

body.sunwin-clone .main {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 100%;
	margin: 0 auto;
}

body.sunwin-clone .main-inner {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	body.sunwin-clone.home-page .main-inner {
		background-image: url(../images/main-bg-pc.webp) !important;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	body.sunwin-clone.sub-page .main-inner {
		background-image: url(../images/bg-sub-pc.png) !important;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	body.sunwin-clone.home-page .bg-after {
		background-image: url(../images/bg-after-pc.png) !important;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 1023px) {
	body.sunwin-clone.home-page .main-inner {
		background-image: url(../images/main-bg-sp.webp) !important;
	}

	body.sunwin-clone.sub-page .main-inner {
		background-image: url(../images/bg-sub-sp.png) !important;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

body.sunwin-clone .contact-sp {
	display: flex !important;
}

@media screen and (min-width: 1024px) {
	body.sunwin-clone .contact-sp {
		display: none !important;
	}

	body.sunwin-clone .contact-pc {
		display: flex !important;
	}
}

body.sunwin-clone .partner {
	position: relative;
	width: 100%;
}

body.sunwin-clone .access-text {
	z-index: 100;
}

body.sunwin-clone #qr-code:not([src]),
body.sunwin-clone #qr-code[src=''] {
	opacity: 0;
	min-height: 90px;
	min-width: 90px;
}

@media screen and (min-width: 1024px) {
	body.sunwin-clone .background-custom .bg-after:after {
		background: url(../images/bg-sub-pc.png) no-repeat !important;
		background-size: 100% 100%;
	}

	body.sunwin-clone .main-inner {
		padding-left: 160px;
		padding-right: 160px;
	}

	body.sunwin-clone .banner-left,
	body.sunwin-clone .banner-right {
		flex: 0 0 auto;
	}

	body.sunwin-clone .bg-after-content {
		max-width: 600px;
		margin: 0 auto;
	}

	body.sunwin-clone .title01 {
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.02em;
		line-height: 1.35;
		text-align: center;
	}

	body.sunwin-clone .title01 span {
		background: linear-gradient(90deg, #ffedd7 0%, #ffd1b5 45%, #ffe1c8);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}

	body.sunwin-clone .note {
		display: block !important;
		font-size: 16px;
		letter-spacing: 0.04em;
		margin: 24px auto 32px;
		max-width: 720px;
		padding: 0 16px;
		text-align: center;
		color: #cfb689;
	}

	body.sunwin-clone .note .note-link {
		font-weight: 700;
		text-transform: uppercase;
	}

	body.sunwin-clone .note .note-warn {
		color: #f04949 !important;
		-webkit-text-fill-color: #f04949 !important;
		font-weight: 600;
	}

	body.sunwin-clone .ambassador-track.slick-slider {
		cursor: grab;
	}

	body.sunwin-clone .ambassador-track .slick-dots {
		bottom: -28px;
	}
}

body.sunwin-clone .banner-left-slide .phishing-slide .slick-slide {
	outline: none;
}

body.sunwin-clone .banner-left-slide .phishing-slide-item > img {
	width: 100%;
	height: auto;
}

body.sunwin-clone .sunwin-header-native .sunwin-contact-stack {
	display: flex;
	flex-direction: column;
	gap: 7px;
	left: 20px;
	margin-top: 10px;
	position: fixed;
	top: 0;
	z-index: 99;
}

body.sunwin-clone .sunwin-partners-native .partner-title {
	margin-bottom: 0;
}

body.sunwin-clone .sunwin-partners-native .img-inner img {
	width: 63px;
	height: auto;
}

/* Typography — match sunwin.stream (SF Pro Display) */
body.sunwin-clone,
body.sunwin-clone .form-signup,
body.sunwin-clone .form-signup input,
body.sunwin-clone .form-signup button,
body.sunwin-clone footer#footer {
	font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Login / register forms — override Flatsome input chrome */
body.sunwin-clone .form-signup .input-wrapper {
	position: relative;
	background: transparent !important;
}

body.sunwin-clone .form-signup .input-wrapper p {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.sunwin-clone .form-signup .input-icon {
	background: none !important;
	display: block;
	height: 17px;
	left: 7px;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 8px);
	transform: translateY(-50%);
	width: 17px;
	z-index: 9;
}

body.sunwin-clone .form-signup input.username,
body.sunwin-clone .form-signup input.password,
body.sunwin-clone .form-signup input[type="text"],
body.sunwin-clone .form-signup input[type="password"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent !important;
	background-image: url(../images/input-bg.webp) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	height: 43px;
	padding: 0 15px 0 28px !important;
	width: 100%;
}

body.sunwin-clone .form-signup input.password,
body.sunwin-clone .form-signup input[type="password"] {
	padding-right: 40px !important;
}

body.sunwin-clone .form-signup input::placeholder {
	color: rgba(126, 118, 105, 0.55) !important;
	opacity: 1;
}

body.sunwin-clone .form-signup input:-webkit-autofill,
body.sunwin-clone .form-signup input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #1a120c inset !important;
	-webkit-text-fill-color: #fff !important;
	transition: background-color 9999s ease-out 0s;
}

body.sunwin-clone .form-signup.form-signup-sp {
	background-image: url(../images/form-bg.webp) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}

body.sunwin-clone .form-signup .btn-signup > button {
	background-color: transparent !important;
	background-image: url(../images/btn-register.webp) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	border: 0 !important;
}

@media screen and (min-width: 1024px) {
	body.sunwin-clone .form-signup .input-icon {
		height: 24px;
		left: 10px;
		top: calc(50% - 11px);
		width: 24px;
	}

	body.sunwin-clone .form-signup input.username,
	body.sunwin-clone .form-signup input.password,
	body.sunwin-clone .form-signup input[type="text"],
	body.sunwin-clone .form-signup input[type="password"] {
		font-size: 21px;
		height: 60px;
		padding-left: 40px !important;
	}
}

/* Footer UX block — clone site chrome */
body.sunwin-clone .sunwin-footer-block .section-content,
body.sunwin-clone .sunwin-footer-block .col-inner {
	padding: 0 !important;
}

body.sunwin-clone footer#footer {
	background: #1e0f08 !important;
	font-size: 14px;
	padding-top: 10px;
	position: relative;
	width: 100%;
	z-index: 9;
}

/* Ambassador slider — native dots, hide Slick numbered list */
body.sunwin-clone .wrap-ambassador .slick-dots {
	display: none !important;
}

body.sunwin-clone .wrap-ambassador .ambassador-pagination {
	align-items: center;
	display: flex !important;
	flex-direction: row;
	gap: 12px;
	height: auto;
	justify-content: center;
	margin-top: 40px;
	min-height: 0;
	width: 100%;
}

/* Flatsome styles all <button> — reset to sunwin.stream dot pills (8×9px, active 32px). */
body.sunwin-clone .wrap-ambassador .ambassador-pagination button.ambassador-dot {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(255, 255, 255, 0.25) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: transparent !important;
	cursor: pointer;
	display: block !important;
	flex: 0 0 auto !important;
	font-size: 0 !important;
	height: 8px !important;
	line-height: 0 !important;
	margin: 0 !important;
	max-height: 8px !important;
	min-height: 8px !important;
	min-width: 9px !important;
	overflow: hidden;
	padding: 0 !important;
	text-indent: -9999px;
	transition: background 0.3s ease, width 0.3s ease;
	width: 9px !important;
}

body.sunwin-clone .wrap-ambassador .ambassador-pagination button.ambassador-dot.active {
	background: #fff !important;
	width: 32px !important;
}

body.sunwin-clone .wrap-ambassador .ambassador-pagination button.ambassador-dot:hover {
	background: rgba(255, 255, 255, 0.5) !important;
}

body.sunwin-clone
	.wrap-ambassador
	.ambassador-pagination
	button.ambassador-dot.active:hover {
	background: #fff !important;
}

body.sunwin-clone .wrap-ambassador .ambassador-slider,
body.sunwin-clone .wrap-ambassador .ambassador-slider.box-ani {
	opacity: 1 !important;
	transform: none !important;
}

body.sunwin-clone .wrap-ambassador .ambassador-track.slick-slider {
	width: 100%;
}

body.sunwin-clone .wrap-ambassador .ambassador-track .slick-list {
	overflow: hidden;
}

body.sunwin-clone .wrap-ambassador .ambassador-track--fallback {
	display: flex !important;
	gap: 16px;
	justify-content: center;
	overflow-x: auto;
	padding-bottom: 8px;
	scroll-snap-type: x mandatory;
}

body.sunwin-clone
	.wrap-ambassador
	.ambassador-track--fallback
	.ambassador-slide {
	flex: 0 0 auto;
	scroll-snap-align: center;
}

body.sunwin-clone .wrap-ambassador .ambassador-slide__inner .ambassador-img {
	display: block;
	height: auto;
	width: 100%;
}

body.sunwin-clone .wrap-ambassador .ambassador-slider {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	min-height: 0;
	width: 100%;
}

body.sunwin-clone .wrap-ambassador .ambassador-slide,
body.sunwin-clone .wrap-ambassador .slick-slide.ambassador-slide {
	flex: 0 0 auto;
	max-width: 85vw;
	width: 300px !important;
}

@media screen and (max-width: 767px) {
	body.sunwin-clone .wrap-ambassador .ambassador-slide,
	body.sunwin-clone .wrap-ambassador .slick-slide.ambassador-slide {
		max-width: none;
		width: 82vw !important;
	}

	body.sunwin-clone .wrap-ambassador .ambassador-top .ambassador-top-img {
		width: 240px;
	}

	body.sunwin-clone .wrap-ambassador .ambassador-top .ambassador-top-title {
		font-size: 32px;
		line-height: 40px;
	}
}

body.sunwin-clone #scrollToTopBtn {
	height: 40px !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 40px !important;
}

/* Phishing ticker dots (horizontal pills) */
body.sunwin-clone .phishing-sp .slick-dots {
	bottom: -7px;
	display: flex !important;
	flex-direction: row !important;
	gap: 8px;
	justify-content: center;
	left: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	transform: translateX(-50%);
	width: auto;
}

body.sunwin-clone .phishing-sp .slick-dots li {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

body.sunwin-clone .phishing-sp .slick-dots li button {
	background: #ffd1b5;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0;
	height: auto;
	line-height: 0;
	opacity: 0.3;
	padding: 2.5px;
	width: 20px;
}

body.sunwin-clone .phishing-sp .slick-dots li.slick-active button {
	opacity: 1;
}

/* Desktop social strip beside livestream column */
body.sunwin-clone .banner-right .contact-box.contact-pc {
	align-items: center;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
	margin-top: 10px;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: auto;
}