/* ============================================================
   CMS ShopperApproved Reviews - v1.0.2
   Wrapper styles for ShopperApproved rotating review widget
   ============================================================ */

/* -- Section Wrapper ---------------------------------------- */
.cms-sa-reviews {
	width: 100%;
	box-sizing: border-box;
}

/* -- Inner Container ---------------------------------------- */
.cms-sa-reviews__inner {
	text-align: center;
}

/* -- Widget centering --------------------------------------- */
.cms-sa-reviews .SA__wrapper {
	display: inline-block;
	max-width: 100%;
}

/* -- Background presets (1.0.2) -------------------------------
   Light surfaces only - the ShopperApproved widget text is dark
   and vendor-styled, so dark backgrounds are not offered.      */
.cms-sa-reviews--bg-white {
	background-color: var(--color-white);
}

.cms-sa-reviews--bg-subtle {
	background-color: var(--surface-subtle);
}

.cms-sa-reviews--bg-muted {
	background-color: var(--surface-muted);
}