From 0e8711e8ed0a11fd2629df6b4f5a98b2e316be23 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Mon, 4 Aug 2025 14:26:38 -0400
Subject: [PATCH] CASH-1182

CASH-1182 changed appointmentType button styling, and some semiBold font-weight adjustments
---
 .../date-picker/date-picker.vue               |  3 ++-
 src/layouts/schedule/schedule.vue             | 27 ++++++++++++++++++-
 .../appointment-type-question.vue             |  8 +++++-
 3 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 858ddb3e4..bb42d3ca9 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -1108,10 +1108,11 @@ export default {
 
         .month-year {
             grid-area: 1 / 1 / 2 / 5;
-            font-family: UrbanistBold;
+            font-family: UrbanistSemiBold;
             color: $black;
             justify-content: left;
             margin-bottom: 0.5rem;
+            font-weight:500;
         }
         .legend {
             grid-area: 1 / 5 / 2 / 8;
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 48dc66ad2..d91472cc5 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -46,7 +46,7 @@
             </div>
             <div class="row appointment-type">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="mt-4" />
+                    <funnelSubHeader cmsWidgetName="ScheduleYourServiceWidget" class="my-5" />
                     <appointmentTypeQuestion
                         v-model="appointmentTypeFromAppointmentTypeQuestion"
                         v-show="isAppointmentTypeDisplayed"
@@ -1789,4 +1789,29 @@ export default {
     color: $black;
     font-weight: 600;
 }
+
+.funnel-sub-header h5 {
+    font-weight: 500;
+    font-size: 1rem;
+    font-family: UrbanistSemibold;
+    span {
+        letter-spacing: 0;
+    }
+}
+
+.appointment-type .funnel-sub-header h5 {
+    font-family: UrbanistRegular;
+}
+
+.funnel-sub-header.my-5 h5 {
+    font-weight: 400;
+    font-size: 1.25rem;
+}
+
+.col-12 a {
+    font-family: UrbanistSemibold;
+    font-weight: 500;
+    line-height: 26px;
+    text-underline-offset: 4px;
+}
 </style>
diff --git a/src/layouts/service-location/appointment-type-question/appointment-type-question.vue b/src/layouts/service-location/appointment-type-question/appointment-type-question.vue
index 469344d04..ce71c3591 100644
--- a/src/layouts/service-location/appointment-type-question/appointment-type-question.vue
+++ b/src/layouts/service-location/appointment-type-question/appointment-type-question.vue
@@ -7,7 +7,6 @@
                 :questionText="questionText"
                 :answers="answersToDisplay"
                 :groupName="groupName"
-                buttonTypeString="listCard"
                 v-model="selectedValue"
                 :suppressError="suppressError"
                 :validationRules="validationRules"
@@ -134,4 +133,11 @@ export default {
         width: auto;
     }
 }
+div.appointment-type-question div.button-question div.col div.button-content{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+div.appointment-type-question div.button-question div.question-text span {
+    font-weight: 500;
+}
 </style>