From 74fb32dd04fa4003521f6ee3b64d8c7fb3e27f27 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Tue, 13 Jan 2026 13:25:47 -0500
Subject: [PATCH] CASH-2147: OEM parts styling

---
 .../oem-glass-question/oem-glass-question.vue | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/layouts/quote/oem-glass-question/oem-glass-question.vue b/src/layouts/quote/oem-glass-question/oem-glass-question.vue
index f07338e71..731cb70eb 100644
--- a/src/layouts/quote/oem-glass-question/oem-glass-question.vue
+++ b/src/layouts/quote/oem-glass-question/oem-glass-question.vue
@@ -9,7 +9,7 @@
             <div class="oem-glass-question-copy" v-html="bodyText"></div>
             <div class="oem-glass-question-option">
                 <checkboxQuestion
-                    class="mt-3"
+                    class="mt-3 ms-1"
                     cmsWidgetName="OemGlassInputQuestionWidget"
                     v-model="installOemGlass" />
             </div>
@@ -30,7 +30,7 @@ export default {
     },
     data() {
         return {
-            isExpanded: true,
+            isExpanded: false,
         };
     },
     computed: {
@@ -40,7 +40,10 @@ export default {
         bodyText() {
             let priceDifference = this.oemGlassPartPrice - this.aftermarketGlassPartPrice;
             let bodyText = this.getCmsContent(this.cmsWidgetName, "BodyText");
-            bodyText = bodyText.replace("{custom:OEMGLASSPRICE}", "$" + priceDifference.toFixed(2));
+            bodyText = bodyText.replace(
+                "{custom:OEMGLASSPRICE}",
+                "<span id='price-dif'>$" + priceDifference.toFixed(2) + "</span>"
+            );
             return bodyText;
         },
         footerText() {
@@ -79,6 +82,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: flex-start;
+        cursor: pointer;
 
         span {
             flex-grow: 1;
@@ -88,7 +92,7 @@ export default {
         &::after {
             content: "";
             transition: all 0.5s ease;
-            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 9'%3E%3Cpath d='M7.99282 0.117702C7.75716 0.116049 7.53044 0.207797 7.3623 0.37286L0.255553 7.46878C0.0862976 7.63796 -0.00878906 7.86742 -0.00878906 8.10667C-0.00878906 8.34593 0.0862976 8.57539 0.255553 8.74457C0.424808 8.91374 0.654368 9.00879 0.893731 9.00879C1.13309 9.00879 1.36265 8.91374 1.53191 8.74457L7.99282 2.27378L14.4614 8.74457C14.6307 8.91205 14.8595 9.00547 15.0977 9.00428C15.3359 9.00308 15.5638 8.90737 15.7314 8.73819C15.8989 8.56901 15.9924 8.34022 15.9912 8.10216C15.99 7.8641 15.8942 7.63627 15.725 7.46878L8.6259 0.377963C8.45765 0.21088 8.22999 0.117289 7.99282 0.117702Z' fill='%230C7E47'/%3E%3C/svg%3E");
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 9'%3E%3Cpath d='M7.99282 0.117702C7.75716 0.116049 7.53044 0.207797 7.3623 0.37286L0.255553 7.46878C0.0862976 7.63796 -0.00878906 7.86742 -0.00878906 8.10667C-0.00878906 8.34593 0.0862976 8.57539 0.255553 8.74457C0.424808 8.91374 0.654368 9.00879 0.893731 9.00879C1.13309 9.00879 1.36265 8.91374 1.53191 8.74457L7.99282 2.27378L14.4614 8.74457C14.6307 8.91205 14.8595 9.00547 15.0977 9.00428C15.3359 9.00308 15.5638 8.90737 15.7314 8.73819C15.8989 8.56901 15.9924 8.34022 15.9912 8.10216C15.99 7.8641 15.8942 7.63627 15.725 7.46878L8.6259 0.377963C8.45765 0.21088 8.22999 0.117289 7.99282 0.117702Z' fill='%230070d1'/%3E%3C/svg%3E");
             background-repeat: no-repeat;
             background-position: center center;
             color: $blue;
@@ -138,6 +142,20 @@ export default {
             max-height: none;
             padding-top: 0.5em;
             margin-top: 0.5em;
+
+            .oem-glass-question-copy {
+                #price-dif {
+                    font-weight: $font-weight-700;
+                    color: $black;
+                }
+            }
+
+            .oem-glass-question-option {
+                .small {
+                    font-weight: $font-weight-700;
+                    color: $black;
+                }
+            }
         }
     }
 }