From 497f47e65e3aaca56b84f4ec48d54a880e67eff7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cain=C3=A3=20Milech?= <cainamilech15@hotmail.com>
Date: Tue, 13 Dec 2022 19:46:15 -0300
Subject: [PATCH] feat: Adiciona shipping area

---
 .../sass/checkout/_checkout-autenticacao.scss | 106 +++++++++++++++++-
 1 file changed, 103 insertions(+), 3 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 468fe5a..b4feda1 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -487,6 +487,20 @@ h1#orderform-title {
                 border-radius: 3px;
             }
         }
+
+        .form-step.box-info {
+            margin-top: 11px;
+
+            .client-profile-email {
+                margin-bottom: 6px;
+            }
+
+            .client-profile-summary {
+                .name {
+                    margin-bottom: 6px;
+                }
+            }
+        }
     }
 
     .payment-data {
@@ -533,13 +547,52 @@ h1#orderform-title {
     }
 }
 
+.step.accordion-group.shipping-data {
+    padding: 17px;
+}
+
+#shipping-data {
+    .vtex-omnishipping-1-x-deliveryChannelsWrapper {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+        border-radius: 100px;
+        margin-bottom: 25px;
+
+        .shipping-method-toggle {
+            background-color: $color-white;
+        }
+
+        #shipping-option-delivery {
+            border: 1px solid #292929;
+            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+            border-radius: 100px;
+            color: #41115d;
+            text-shadow: none;
+        }
+
+        #shipping-option-pickup-in-point {
+            color: #c4c4c4;
+        }
+    }
+    .input.ship-country.text {
+        display: none;
+    }
+
+    #ship-postalCode {
+        min-width: 100%;
+    }
+}
+
 .cart-fixed.affix-top.cart-fixed-transition {
-    border: 1px solid red;
+    border: 1px solid $color-gray5;
     margin-top: 10px;
-    padding: 24px 17px;
+    padding: 24px 0px;
+    border-radius: 8px;
+
     h2 {
         padding: 0;
         margin-bottom: 34px;
+        margin-left: 17px;
+        margin-right: 17px;
         text-align: start;
         font-family: $font-family-secundary;
         font-style: normal;
@@ -549,7 +602,8 @@ h1#orderform-title {
         color: $color-black;
     }
     .cart {
-        padding: 0;
+        padding: 0 17px;
+        border: 0;
 
         li {
             display: flex;
@@ -599,5 +653,51 @@ h1#orderform-title {
         font-weight: 400;
         font-size: 12px;
         line-height: 16px;
+        margin-right: 17px;
+    }
+
+    .accordion-group {
+        tr {
+            border-top: 1px solid $color-gray9;
+            display: flex;
+
+            td {
+                &.empty {
+                }
+
+                &.info,
+                &.monetary {
+                    font-family: $font-family;
+                    color: $color-gray2;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 19px;
+                }
+
+                &.info {
+                    margin-left: 17px;
+                }
+
+                &.monetary {
+                    margin-right: 17px;
+                }
+            }
+        }
+
+        tfoot {
+            td.info,
+            td.monetary {
+                font-style: normal;
+                font-weight: 700;
+                font-size: 18px;
+                line-height: 25px;
+                color: $color-black;
+            }
+
+            td.monetary {
+                font-size: 14px;
+                line-height: 19px;
+            }
+        }
     }
 }