diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index 9a52731..a7007ed 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -1,11 +1,283 @@ body .container-main.container-order-form .orderform-template.active { + // .mini-cart { + // width: 32.3242%; + // margin-left: unset; + // margin-right: 0; + // float: right; + // } + // .orderform-template-holder { + // width: 66.1132%; + // } + .shipping-data { + .shipping-container { + .shipping-method-toggle-delivery { + background: $color-white; + } + .shp-method-option-text { + text-shadow: none; + } + } + } .mini-cart { + border-radius: 8px; width: 32.3242%; margin-left: unset; margin-right: 0; float: right; + border: 1px solid #e5e5e5; + .cart-items { + li { + .product-name { + font-family: "Tenor Sans"; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + white-space: unset; + @include mq(xxl, min) { + font-weight: 400; + font-size: 24px; + line-height: 28px; + } + } + .price { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; + @include mq(xxl, min) { + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } + } + } + .cart-fixed { + height: auto !important; + @media (max-width: 1024px) { + display: flex; + flex-direction: column; + } + h2 { + font-family: "Tenor Sans"; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; + color: #292929; + text-align: left; + padding: 24px 0px 35px 17px; + @include mq(xxl, min) { + font-weight: 400; + font-size: 32px; + line-height: 37px; + } + } + #go-to-cart-button { + margin-right: 17px; + } + .summary-cart-template-holder { + .summary-totalizers { + margin: 0; + } + .cart { + border: none; + padding: 0px 17px; + margin: 0 0 19px; + } + } + .accordion-group { + table { + margin: 0px 17px; + width: calc(100% - 34px); + tr { + border-top: 1px solid #e0e0e0; + } + td { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #7d7d7d; + } + td[data-i18n="global.total"] { + font-weight: 700; + font-size: 18px; + line-height: 25px; + color: #292929; + float: left; + } + td[data-bind="text: totalLabel"] { + font-weight: 700; + font-size: 18px; + line-height: 25px; + color: #292929; + } + .info, + .monetary { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + @include mq(xxl, min) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 28px; + line-height: 38px; + } + } + } + } + } + + @media (max-width: 1024px) { + width: 97.2%; + margin-left: 6px; + } } .orderform-template-holder { width: 66.1132%; + @media (max-width: 1024px) { + width: 100% !important; + } } } + +.box-step { + .box-step-content { + .form-step { + .link-gift-card { + left: 0; + top: -66px; + margin: 0; + a { + pointer-events: none; + font-size: 0 !important; + &:after { + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + color: #7d7d7d; + content: "Solicitamos apenas informações necessárias para realização da sua compra, sem compromenter seus dados"; + } + } + } + + .steps-view { + width: 56.456%; + .payment-method { + } + } + + .payment-group { + margin: 0; + width: 32.505%; + .payment-group-list-btn { + display: flex; + flex-direction: column; + gap: 12px; + width: 100%; + a { + display: none; + border: 1px solid rgb(0, 0, 0, 0.3); + border-radius: 6px; + background: #f0f0f0; + align-items: center; + text-align: center; + padding: 0 8px; + width: 91.39%; + margin: 0; + span { + width: 100%; + padding: 11px 0; + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + color: #58595b; + } + } + + #payment-group-custom201PaymentGroupPaymentGroup { + display: block; + span { + font-size: 0 !important; + &:after { + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + content: "Boleto Faturado"; + } + } + } + + #payment-group-custom204PaymentGroupPaymentGroup { + display: block; + span { + font-size: 0 !important; + &:after { + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + content: "Cartão de Débito"; + } + } + } + + #payment-group-creditCardPaymentGroup { + display: block; + span { + background-image: none !important; + font-size: 0 !important; + text-decoration: none; + &:after { + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + content: "Cartão de Crédito"; + } + } + } + + #payment-group-bankInvoicePaymentGroup { + display: block; + span { + background-image: none !important; + font-size: 0 !important; + &:after { + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + content: "Boleto à Vista"; + } + } + } + + .payment-group-item.active { + background: rgba(220, 221, 227, 0.3); + mix-blend-mode: normal; + border: 1px solid $color-orange; + border-radius: 6px; + span { + color: $color-orange; + } + } + } + } + } + } +} + +.PaymentCardHolderDocument { + display: block !important; +}