/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/


@media (max-width: 1140px) {

   .woocommerce-order-received main#content,  .woocommerce-checkout main#content {
        max-width: calc(100% - 60px);
    }
    
    

}


@media (max-width: 767px) {

      .sticky-summary {
        margin: 30px 0px 0px;
    }
    
    .woocommerce-order-received a.woocommerce-button.button.pay.order-actions-button {
    margin: 0px 0px 10px;
}

 .woocommerce-order-received .woocommerce ul.order_details li {
    width: 100%;
    border: none;
    border-bottom: 1px dashed #ccc;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
}
        
    

}




@media (min-width: 768px) {
  .col2-set {
    display: flex;
    gap: 40px;
    align-items: flex-start;
  }

  .col-1 {
    flex: 1 1 60%;
  }

  .col-2 {
    flex: 1 1 40%;
    align-self: flex-start;
  }

  .sticky-summary {
    position: sticky;
    top: 100px;
    z-index: 10;
    max-height: calc(100vh - 120px); /* limita ao viewport */
    overflow: auto; /* scroll interno se precisar */
  }

  /* Garante que o pai do sticky não tenha overflow oculto */
  .woocommerce,
  .page-content,
  main,
  html,
  body {
    overflow: visible !important;
  }
}

@media (max-width: 465px) {
   .woocommerce-order-received main#content,  .woocommerce-checkout main#content {
        max-width: calc(100% - 30px);
    }
}



main, .page-content, .woocommerce, .col-2 {
  overflow: visible !important;
}


.woocommerce-checkout .woocommerce .col2-set::after, .woocommerce-checkout  .woocommerce .col2-set::before, .woocommerce-checkout .woocommerce-page .col2-set::after, .woocommerce-checkout .woocommerce-page .col2-set::before {
    display: none;
}




.woocommerce-checkout header {
    display: none;
}

body.woocommerce-checkout {
    color: #fff;
    background: #000;
    font-family: "Roboto";
}

body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    background: rgb(36, 36, 36);
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    background: rgb(36, 36, 36);
    padding: 13px;
}

body.woocommerce-checkout #payment {
    background: rgb(36, 36, 36);
    margin: 40px 0px 0px 0px;
}

.woocommerce-checkout #payment ul.payment_methods li label img {
    /*filter: brightness(0) saturate(100%) invert(66%) sepia(41%) saturate(542%) hue-rotate(77deg) brightness(99%) contrast(87%);*/
}

body.woocommerce-checkout .entry-title {
    font-family: "Roboto Slab";
    margin: 60px 0px 30px 0px;
    padding: 0px;
}

body.woocommerce-checkout h3 {
    font-family: "Roboto Slab";
}

body.woocommerce-checkout a.woocommerce-privacy-policy-link {
    color: #ffffff;
}

body.woocommerce-checkout a.woocommerce-privacy-policy-link:hover {
    color: #61cc70;
    text-decoration: none;
    outline: none;
}

body.woocommerce-checkout #place_order {
    background: rgb(6, 81, 30);
}

body.woocommerce-checkout #place_order:hover {
    background: #61cc70;
}

body.woocommerce-checkout footer#site-footer {
    display: none;
}

body.woocommerce-checkout .woocommerce .quantity .qty { width: 100px; border: none; outline: none; margin: 10px 0px 0px 0px; text-align: center; }

.woocommerce-checkout #payment div.form-row {
    margin: 0px 0px 60px 0px;
}

.woocommerce-checkout .woocommerce-message { display: none; }

.woocommerce-checkout div#form-checkout__securityCode-container {
    display: block;
    position: relative;
}

div#form-checkout__securityCode-container * {
    max-width: -webkit-fill-available;
}



.woocommerce-order-received .woocommerce ul.order_details {
    padding: 0px;
}

.woocommerce-order-received p.mp-details-title {
    color: #fff;
}

.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: rgb(36, 36, 36);
}

.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details a {
    color: rgb(255 255 255);
}

.woocommerce-order-received section.woocommerce-customer-details {}

.woocommerce-order-received section.woocommerce-customer-details {
    display: none;
}

.woocommerce-order-received a.woocommerce-button.button.pay.order-actions-button {
    background: rgb(6, 81, 30);
}

.woocommerce-order-received a.woocommerce-button.button.pay.order-actions-button:hover {
    background: #61cc70;
}

.woocommerce-order-received a.woocommerce-button.button.cancel.order-actions-button {
    background: #a30e0e;
}

.woocommerce-order-received a.woocommerce-button.button.cancel.order-actions-button:hover {
    background: #d91717;
}

.woocommerce-order-received button.mp-details-pix-button {
    background: #06511e;
    border: none;
}

.woocommerce-order-received button.mp-details-pix-button:hover {
    background: #61cc70;
}