/* DAB Sumtics + Preferred Source alignment (digitalagencybangkok.com only theme) */

.sumtics-inline-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 1.25rem 0;
	box-sizing: border-box;
}

.sumtics-inline-heading {
	margin: 0 0 0.75rem;
	font-size: 1.125rem;
	line-height: 1.3;
	font-weight: 700;
	/* Match buttons + Preferred Source on the right */
	text-align: right;
	width: 100%;
}

.sumtics-buttons-container {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	width: auto !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	justify-content: flex-end !important;
	box-sizing: border-box;
}

/* Kill theme link underlines / tall link boxes on Sumtics anchors */
.sumtics-inline-wrapper a.sumtics-button,
.sumtics-inline-wrapper a.sumtics-button:hover,
.sumtics-inline-wrapper a.sumtics-button:focus,
.sumtics-inline-wrapper a.sumtics-button:visited,
.sumtics-button,
.sumtics-button:hover,
.sumtics-button:focus,
.sumtics-button:visited {
	height: max-content !important;
	min-height: 0 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	box-sizing: border-box;
}

/* Compact button height — neutralize prose img vertical margins inside buttons */
.sumtics-inline-wrapper .sumtics-button,
.sumtics-inline-wrapper a.sumtics-button {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 6px 12px !important;
	align-items: center !important;
	line-height: 1.2 !important;
}
.sumtics-inline-wrapper .sumtics-icon,
.sumtics-inline-wrapper .sumtics-icon-wrapper img,
.sumtics-inline-wrapper img.sumtics-icon {
	margin: 0 !important;
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	display: block !important;
}

.sumtics-button .sumtics-button-label,
.sumtics-button:hover .sumtics-button-label {
	text-decoration: none !important;
}

/* Grok: force readable white-on-black (theme link colors were overriding) */
.sumtics-inline-wrapper a.sumtics-button-grok,
.sumtics-inline-wrapper a.sumtics-button-grok:hover,
.sumtics-inline-wrapper a.sumtics-button-grok:focus,
.sumtics-inline-wrapper a.sumtics-button-grok:visited,
a.sumtics-button-grok,
a.sumtics-button-grok:hover,
a.sumtics-button-grok:focus,
a.sumtics-button-grok:visited {
	background-color: #000000 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

.sumtics-inline-wrapper a.sumtics-button-grok .sumtics-button-label,
a.sumtics-button-grok .sumtics-button-label {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

/* Preferred Source beside Sumtics — hug right under the button row */
.dab-preferred-source-wrap {
	margin-top: 0.75rem;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

/* Beat plugin .adasprso-align-left (text-align + pill-wrap flex-start) */
.sumtics-inline-wrapper .dab-preferred-source-wrap .adasprso-inline-container,
.sumtics-inline-wrapper .dab-preferred-source-wrap .adasprso-manual-container,
.dab-preferred-source-wrap .adasprso-inline-container,
.dab-preferred-source-wrap .adasprso-manual-container,
.sumtics-inline-wrapper .adasprso-inline-container.adasprso-align-left,
.sumtics-inline-wrapper .adasprso-inline-container.adasprso-align-right,
.dab-preferred-source-wrap .adasprso-align-left,
.dab-preferred-source-wrap .adasprso-align-right {
	margin: 0 0 0 auto !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	max-width: 100% !important;
	width: auto !important;
	text-align: right !important;
	display: flex !important;
	justify-content: flex-end !important;
}

.sumtics-inline-wrapper .adasprso-align-left .adasprso-inline-pill-wrap,
.sumtics-inline-wrapper .adasprso-align-right .adasprso-inline-pill-wrap,
.dab-preferred-source-wrap .adasprso-align-left .adasprso-inline-pill-wrap,
.dab-preferred-source-wrap .adasprso-align-right .adasprso-inline-pill-wrap,
.dab-preferred-source-wrap .adasprso-inline-pill-wrap {
	display: flex !important;
	justify-content: flex-end !important;
	width: 100% !important;
	margin-left: auto !important;
}

/* Mobile: stack cleanly; full-width OK on small screens */
@media (max-width: 640px) {
	.sumtics-buttons-container {
		width: 100% !important;
		justify-content: flex-start !important;
		margin-left: 0 !important;
	}

	.dab-preferred-source-wrap {
		width: 100%;
		margin-left: 0;
		justify-content: flex-start;
	}

	.sumtics-inline-wrapper .dab-preferred-source-wrap .adasprso-inline-container,
	.sumtics-inline-wrapper .dab-preferred-source-wrap .adasprso-manual-container,
	.dab-preferred-source-wrap .adasprso-inline-container,
	.dab-preferred-source-wrap .adasprso-manual-container,
	.sumtics-inline-wrapper .adasprso-inline-container.adasprso-align-left,
	.sumtics-inline-wrapper .adasprso-inline-container.adasprso-align-right,
	.dab-preferred-source-wrap .adasprso-align-left,
	.dab-preferred-source-wrap .adasprso-align-right {
		margin-left: 0 !important;
		margin-right: auto !important;
		text-align: left !important;
		justify-content: flex-start !important;
		width: 100% !important;
	}

	.sumtics-inline-wrapper .adasprso-align-left .adasprso-inline-pill-wrap,
	.sumtics-inline-wrapper .adasprso-align-right .adasprso-inline-pill-wrap,
	.dab-preferred-source-wrap .adasprso-align-left .adasprso-inline-pill-wrap,
	.dab-preferred-source-wrap .adasprso-align-right .adasprso-inline-pill-wrap,
	.dab-preferred-source-wrap .adasprso-inline-pill-wrap {
		justify-content: flex-start !important;
		margin-left: 0 !important;
	}
}