Merged in feat/SW-1719-strikethrough-rates (pull request #2266)

Feat/SW-1719 strikethrough rates

* feat(SW-1719): Strikethrough rate if logged in on regular rate cards

* feat(SW-1719): Strikethrough rate if logged in on rate summary

* feat(SW-1719): Strikethrough rate if logged in on mobile rate summary

* feat(SW-1719): Strikethrough rate if logged in on enter details

* feat(SW-1719): Strikethrough rate support for multiple rooms

* feat(SW-1719): booking receipt fixes on confirmation page

* feat(SW-1719): improve initial total price calculation

* feat: harmonize enter details total price to use one and the same function


Approved-by: Michael Zetterberg

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/Room/room.module.css

@@ -1,54 +1,56 @@
 .room {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
+  overflow-y: auto;
+  color: var(--Text-Default);
 }
 
-.roomHeader {
-  display: grid;
-  grid-template-columns: 1fr auto;
+.roomTitle,
+.additionalInformation {
+  color: var(--Text-Secondary);
 }
 
-.roomHeader :nth-child(n + 3) {
-  grid-column: 1/-1;
+.terms {
+  margin-top: var(--Space-x3);
+  margin-bottom: var(--Space-x3);
 }
-
-.memberPrice {
+.termsText:nth-child(n) {
   display: flex;
-  gap: var(--Spacing-x1);
+  align-items: center;
+  margin-bottom: var(--Space-x1);
+}
+
+.terms .termsIcon {
+  margin-right: var(--Space-x1);
 }
 
 .entry {
   display: flex;
+  gap: var(--Spacing-x-half);
   justify-content: space-between;
 }
 
-.termsLink {
-  justify-self: flex-start;
+.prices {
+  justify-items: flex-end;
+  flex-shrink: 0;
+  display: grid;
+  align-content: start;
 }
 
-.terms {
-  padding-top: var(--Spacing-x3);
+.price {
+  color: var(--Text-Default);
+
+  &.discounted {
+    color: var(--Text-Accent-Primary);
+  }
 }
 
-.termsText:nth-child(n) {
-  display: flex;
-  align-items: center;
-  padding-bottom: var(--Spacing-x1);
+.strikeThroughRate {
+  text-decoration: line-through;
+  color: var(--Text-Secondary);
 }
 
-.terms .termsIcon {
-  padding-right: var(--Spacing-x1);
-}
-
-.red {
-  color: var(--Scandic-Brand-Scandic-Red);
-}
-
-.uiTextHighContrast {
-  color: var(--UI-Text-High-contrast);
-}
-
-.uiTextMediumContrast {
-  color: var(--UI-Text-Medium-contrast);
+.ctaWrapper {
+  margin-top: var(--Space-x15);
 }