/*  All Purpose Tech logo styling

Sample HTML:
text above small
<div>before
	<div class="aptLogoBoxH"  style="--w:800; border: solid 2px red; padding:5px;">
	  <div class="aptLogoBadge"><img src="https://www.allpurposetech.ca/sitewide/images/AllPurpose99.png"></div>
	  <div class="aptLogoTitle">All Purpose <span>CPQ</span></div>
	</div>after
</div>below
*/

/* aptLogoXX can be overridden by inline style="--w:2000;"  */
.aptLogoLG{--w:3000;}
.aptLogoMD{--w:2000;}
.aptLogoSM{--w:800;}

.aptLogoBox, .aptLogoBoxH { display: inline-flex; vertical-align: middle; align-items: center; white-space: nowrap; font-size: calc(1px * clamp(800, var(--w, 2000), 3000) / 50);}
.aptLogoBox { gap: 0.4em;}
.aptLogoBoxH { flex-direction: column; gap: 0.6em;}
.aptLogoBadge { width: 2em; aspect-ratio: 11 / 10; border: 0.20em solid dodgerblue; border-radius: 0.6em; display: flex; align-items: center; justify-content: center; background: white;}
.aptLogoBox .aptLogoBadge { width: calc(3em * 0.45); border-radius: calc(0.8em * 0.45); border-width: calc(0.25em * 0.45);}
.aptLogoBadge img { width: 90%; height: 90%; object-fit: contain;}
.aptLogoTitle { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; font-weight: 700; font-size: 1em; line-height: 1;}
.aptLogoTitle span { letter-spacing: -0.5px; color: dodgerblue;}
.aptLogoDark { background-color: #1e293b; color: white; padding: 10px;}