/*
Theme Name: gold-smart-ai-pro
Text Domain: gold-smart-ai-pro
Description: Custom premium dark fintech theme matching the Gold Smart AI app visual system, built for membership sales, affiliate acquisition, and a modern affiliate dashboard.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* ===== MOBILE FEATURES ===== */
@media (max-width: 782px) {

	#mobile-features {
		scroll-margin-top: 105px;
		margin: 30px 0 36px;
	}

	.gsa-mobile-feature-head {
		margin-bottom: 18px;
	}

	.gsa-mobile-feature-head h2 {
		font-size: 28px;
		line-height: 1.18;
		margin: 7px 0 10px;
	}

	.gsa-mobile-feature-head p {
		font-size: 16px !important;
		line-height: 1.65 !important;
		color: rgba(242, 247, 250, 0.90) !important;
	}

	.gsa-mobile-feature-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.gsa-mobile-feature-grid .gsa-panel {
		min-width: 0;
		padding: 16px;
	}

	.gsa-mobile-feature-grid .gsa-panel h3 {
		font-size: 17px;
		line-height: 1.3;
		margin: 10px 0 7px;
	}

	.gsa-mobile-feature-grid .gsa-panel p {
		font-size: 14.5px !important;
		line-height: 1.55 !important;
		color: rgba(238, 244, 248, 0.88) !important;
	}
}

/* ===== MOBILE FOOTER BRAND - COMPACT & CENTER ===== */
.gsa-mobile-footer-brand {
	display: none;
}

@media (max-width: 782px) {

	.gsa-mobile-footer-brand {
		display: block;
		width: 100%;
		margin: 34px 0 22px;
		padding: 22px 12px 16px;
		text-align: center;
		border-top: 1px solid rgba(218, 169, 35, 0.22);
	}

	.gsa-mobile-footer-brandline {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin: 0 auto;
		text-decoration: none !important;
		color: inherit;
	}

	.gsa-mobile-footer-logo {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(218, 169, 35, 0.55);
		border-radius: 11px;
	}

	.gsa-mobile-footer-logo svg {
		display: block;
		width: 28px;
		height: 28px;
	}

	.gsa-mobile-footer-copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		text-align: left;
	}

	.gsa-mobile-footer-copy strong {
		font-size: 16px;
		line-height: 1.15;
		font-weight: 700;
		color: #fff0c6;
	}

	.gsa-mobile-footer-copy small {
		margin-top: 3px;
		font-size: 8.5px !important;
		line-height: 1.2 !important;
		letter-spacing: 1.3px;
		color: rgba(224, 190, 106, 0.76) !important;
	}

	.gsa-mobile-footer-brand p {
		max-width: 340px;
		margin: 13px auto 0;
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		text-align: center;
		color: rgba(235, 241, 245, 0.82) !important;
	}
}

/* ===== FINAL OVERRIDE MOBILE HOME ===== */
@media (max-width: 782px) {

	/* JARAK SECTION FITUR */
	#mobile-features {
		margin-top: 52px !important;
		padding-top: 0 !important;
		margin-bottom: 42px !important;
	}

	#mobile-features .gsa-mobile-feature-head {
		margin-bottom: 22px !important;
	}

	#mobile-features .gsa-eyebrow {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.3 !important;
		letter-spacing: 2px !important;
		font-weight: 700 !important;
		margin-bottom: 10px !important;
	}

	#mobile-features h2 {
		font-size: 25px !important;
		line-height: 1.22 !important;
		margin: 0 0 12px !important;
	}

	#mobile-features .gsa-mobile-feature-head p {
		font-size: 16px !important;
		line-height: 1.65 !important;
		margin-bottom: 22px !important;
	}

	/* ===== BRAND PALING BAWAH ===== */

	.gsa-mobile-footer-brand {
		display: block !important;
		width: 100% !important;
		margin: 38px 0 22px !important;
		padding: 22px 10px 18px !important;
		text-align: center !important;
		border-top: 1px solid rgba(218,169,35,.22) !important;
	}

	.gsa-mobile-footer-brandline {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		width: auto !important;
		max-width: 320px !important;
		margin: 0 auto !important;
		text-decoration: none !important;
	}

	.gsa-mobile-footer-logo {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		flex: 0 0 42px !important;
		overflow: hidden !important;
		border: 1px solid rgba(218,169,35,.55) !important;
		border-radius: 11px !important;
	}

	.gsa-mobile-footer-logo svg {
		display: block !important;
		width: 29px !important;
		height: 29px !important;
		min-width: 29px !important;
		max-width: 29px !important;
		min-height: 29px !important;
		max-height: 29px !important;
	}

	.gsa-mobile-footer-copy {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: auto !important;
		text-align: left !important;
	}

	.gsa-mobile-footer-copy strong {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.15 !important;
		font-weight: 700 !important;
		color: #fff0c6 !important;
	}

	.gsa-mobile-footer-copy small {
		display: block !important;
		margin-top: 3px !important;
		font-size: 8.5px !important;
		line-height: 1.2 !important;
		letter-spacing: 1.2px !important;
		color: rgba(224,190,106,.78) !important;
	}

	.gsa-mobile-footer-brand > p {
		max-width: 340px !important;
		margin: 14px auto 0 !important;
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		text-align: center !important;
		color: rgba(235,241,245,.84) !important;
	}
}

.gsa-aff-preview-link,
.gsa-aff-preview-link:visited {
	display: block;
	color: inherit !important;
	text-decoration: none !important;
}

.gsa-aff-preview-link:hover {
	text-decoration: none !important;
	filter: brightness(1.04);
}