From 5af43fb58e9c74c1ec9aa67604b797e502106d16 Mon Sep 17 00:00:00 2001
From: matheus <matheusbrollo201@gmail.com>
Date: Sun, 18 Dec 2022 23:31:10 -0300
Subject: [PATCH] feat(checkout): identificacao css

---
 .../sass/checkout/_checkout-autenticacao.scss | 76 ++++++++++++++++---
 .../sass/checkout/_checkout-carrinho.scss     | 29 +++++--
 2 files changed, 86 insertions(+), 19 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 08f5f10..4bf797f 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -71,7 +71,7 @@
                 border-radius: 5px 0px 0px 5px;
                 box-sizing: border-box;
 
-                font-family: 'Open Sans';
+                font-family: "Open Sans";
                 font-style: normal;
                 font-weight: 400;
                 font-size: 12px;
@@ -100,7 +100,7 @@
             }
 
             span.help.error {
-                font-family: 'Open Sans';
+                font-family: "Open Sans";
                 font-style: normal;
                 font-weight: 700;
                 font-size: 12px;
@@ -116,7 +116,7 @@
             border-radius: 5px;
 
             h3 {
-                font-family: 'Open Sans';
+                font-family: "Open Sans";
                 font-style: normal;
                 font-weight: 700;
                 font-size: 12px;
@@ -130,7 +130,7 @@
                     span {
                         color: $black;
 
-                        font-family: 'Open Sans';
+                        font-family: "Open Sans";
                         font-style: normal;
                         font-weight: 700;
                         font-size: 12px;
@@ -158,6 +158,7 @@
     .payment-data,
     .client-profile-data {
         .accordion-group {
+            position: relative;
             border-radius: 8px;
             border: 1px solid $gray-100;
             font-family: $font-family;
@@ -167,19 +168,36 @@
                 span {
                     margin: 4px 0 26px 0;
                     padding: 0;
+
+                    font-family: 'Tenor Sans';
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 16px;
+                    line-height: 19px;
                     color: $black;
 
                     i::before {
-                        display: none;
+                        background-image: url(https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png);
+                        background-size: 19.2px 18px;
+                        width: 19.2px;
+                        height: 18px;
+                        right: 5px;
+                        cursor: pointer;
+
+                        position: absolute;
+
+                        fill: transparent;
+                        color: transparent;
                     }
 
                     span[data-i18n="clientProfileData.identification"] {
                         color: $white;
                     }
+
                     span[data-i18n="clientProfileData.identification"]::before {
                         content: "Identificação";
                         color: $black;
-                        font-family: 'Tenor Sans';
+                        font-family: "Tenor Sans";
                         font-style: normal;
                         font-weight: 400;
                         font-size: 16px;
@@ -212,7 +230,7 @@
                 p {
                     label {
                         font-weight: 500;
-                        font-family: 'Open Sans';
+                        font-family: "Open Sans";
                         font-style: normal;
                         font-weight: 400;
                         font-size: 14px;
@@ -257,7 +275,7 @@
                     width: 100%;
                     transition: all 0.2s linear;
 
-                    font-family: 'Open Sans';
+                    font-family: "Open Sans";
                     font-style: normal;
                     font-weight: 700;
                     font-size: 14px;
@@ -336,7 +354,7 @@
 
                 .shp-summary-group-price,
                 .shp-summary-package {
-                    color: $color-gray3;
+                    color: $gray-500;
                 }
 
                 .shp-summary-group-price {
@@ -353,12 +371,46 @@
                 }
 
                 .vtex-omnishipping-1-x-deliveryChannelsToggle {
-                    background-color: #d8c8ac;
-                    border: 1px solid #d8c8ac;
+                    background-color: $white;
+                    border: 1px solid $gray-500;
                 }
 
                 .vtex-omnishipping-1-x-deliveryOptionActive {
-                    text-shadow: 1.3px 1px lighten($color-black, 50);
+                    text-shadow: none;
+                    font-family: 'Open Sans';
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 19px;
+                    color: $gray-500;
+
+                    text-transform: uppercase;
+                }
+
+                .vtex-omnishipping-1-x-deliveryOptionInactive {
+                    font-family: 'Open Sans';
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 19px;
+                    color: $gray-125;
+
+                    text-transform: uppercase;
+                }
+
+                .vtex-omnishipping-1-x-addressFormPart1 {
+                    p.ship-country {
+                        display: none;
+                    }
+
+                    input {
+                        width: 94%;
+                        max-width: 94%;
+                    }
+
+                    p.ship-postalCode {
+
+                    }
                 }
             }
         }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 3279a4c..b8e7ee5 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -22,10 +22,7 @@
         display: none;
     }
     .cart {
-        border: 1px solid $gray-100;
-        box-sizing: border-box;
-        border-radius: 5px;
-        padding: 16px;
+        padding: 0 0 19px 0;
 
         @include mq(md, max) {
             margin: 0px 0 25px 0;
@@ -39,13 +36,21 @@
     }
     .cart-fixed {
         font-family: $font-family;
+        border: 1px solid $color-gray5;
         width: 100%;
+
         h2 {
             background: $white;
             border: none;
+            font-family: 'Tenor Sans';
+            font-style: normal;
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 19px;
             color: #303030;
-            font-size: 14px;
-            font-weight: 500;
+
+            padding: 7px 0 34px 0px;
+            text-align: left;
         }
 
         .item-unavailable {
@@ -57,7 +62,6 @@
         }
 
         .cart {
-            // border: 1px solid $gray-200;
 
             ul li {
                 border-top: none;
@@ -155,6 +159,13 @@
 
         .product-name {
             padding-right: 0;
+            font-family: 'Tenor Sans';
+            font-style: normal;
+            font-weight: 400;
+            font-size: 12px;
+            line-height: 14px;
+
+            color: $black;
 
             @include mq(lg, max) {
                 width: 250px;
@@ -177,6 +188,10 @@
             .seller {
                 display: none !important;
             }
+
+            span[data-bind="text: quantityLabel"] {
+                display: none;
+            }
         }
 
         td.shipping-date {