/* Responsive layer for the older fixed-width, table-based pages.
   Desktop rendering is left untouched; rules only apply on narrow screens. */

.wa-float {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 9999;
	padding: 10px 16px;
	border-radius: 24px;
	background: #25d366;
	color: #fff !important;
	font: bold 14px/1.2 Arial, sans-serif;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

@media (max-width: 820px) {
	html {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	body {
		margin: 0 !important;
		overflow-x: hidden;
		overflow-wrap: break-word;
	}
	table {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	td, th {
		height: auto !important;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	iframe, embed, object, video {
		max-width: 100% !important;
	}
	div, p, center, font {
		max-width: 100% !important;
	}
}

/* Phones: stack table cells so multi-column layouts read top to bottom. */
@media (max-width: 600px) {
	table, thead, tbody, tfoot, tr, td, th {
		display: block !important;
		width: auto !important;
		box-sizing: border-box;
	}
	td, th {
		text-align: left;
	}
	/* Large fixed inline margins push content off-screen. */
	[style*="margin-left"], [style*="margin-right"] {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
	td[align="center"], td > div[align="center"], center {
		text-align: center;
	}
	/* Empty spacer cells only add gaps once stacked. */
	td:empty {
		display: none !important;
	}
	body, td, p, font {
		font-size: 15px;
		line-height: 1.5;
	}
	embed, object {
		display: none !important;
	}
}