/*
    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 order 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 Platinum Visa Red & display order 3 */
.fiviProductDisplay:has(img[src*="tdecu-cc-bucees-platinum-red.png"]) {
	order: 3;
}
.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";
	}
}

/* Bu-cee's Platinum Visa White & display order 4 */
.fiviProductDisplay:has(img[src*="tdecu-cc-bucees-platinum-visa-io1.png"]) {
	order: 4;
}
.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 Visa Signature & display order 5 */
.fiviProductDisplay:has(img[src*="tdecu-cc-bucees-signature-visa-io2.png"]) {
	order: 5;
}
.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 ";
	}
}

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