/*
    PRODUCT NAME OVERRIDES
    This CSS renames products in order to align naming conventions throughout .org, business systems, and DBX.
    This CSS workaround is due to limitations within IO and internal.
    The system will pass the product name listed in DNA, but will appear to the end-user as displayed in this CSS.
*/

/* TDECU Onyx Visa Signature & display order 1 */
.fiviProductDisplay:has(img[src*="tdecu-cc-onyx.png"]) {
	order: 1;
}
.page-ProductSelection .fiviProductDisplay:has(img[src*="tdecu-cc-onyx.png"]) label {
	left: 0rem;
	visibility: hidden;
	white-space: nowrap;
	&::before {
		visibility: visible;
		content: "TDECU Onyx Visa Signature\00AE ";
	}
}

/* TDECU Platinum Visa & display oprder 2 */
.fiviProductDisplay:has(img[src*="tdecu-cc-platinum.png"]) {
	order: 2;
}
.page-ProductSelection .fiviProductDisplay:has(img[src*="tdecu-cc-platinum.png"]) label {
	left: 0rem;
	visibility: hidden;
	white-space: nowrap;
	&::before {
		visibility: visible;
		content: "TDECU Platinum Visa\00AE ";
	}
}

/* Bu-cee's Visa Signature */
.page-ProductSelection .fiviProductDisplay:has(img[src*="tdecu-cc-bucees-signature-visa-io2.png"]) label {
	left: 0rem;
	visibility: hidden;
	white-space: nowrap;
	&::before {
		visibility: visible;
		content: "Bu-cee's\00AE  Visa Signature\00AE ";
	}
}

/* Bu-cee's Platinum Visa White */
.page-ProductSelection .fiviProductDisplay:has(img[src*="tdecu-cc-bucees-platinum-visa-io1.png"]) label {
	left: 0rem;
	visibility: hidden;
	white-space: nowrap;
	&::before {
		visibility: visible;
		content: "Bu-cee's\00AE  Platinum Visa\00AE  - White";
	}
}

/* Bu-cee's Platinum Visa Red */
.page-ProductSelection .fiviProductDisplay:has(img[src*="tdecu-cc-bucees-platinum-red.png"]) label {
	left: 0rem;
	visibility: hidden;
	white-space: nowrap;
	&::before {
		visibility: visible;
		content: "Bu-cee's\00AE  Platinum Visa\00AE  - Red";
	}
}

.page-ProductSelection .fiviControl .fiviCheckBox {
	align-items: self-start !important;
}