/* woocommerce-page */

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  content: "" !important;
  display: none !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 0.5rem !important;
  margin: 0 !important;
  background-color: transparent !important;
  color: var(--color) !important;
  border-top: none !important;
}

.woocommerce-error {
  color: #aa0200 !important;
}

.woocommerce-page form {
  border: none !important;
  padding: 0 !important;
}

/* /woocommerce-page */

/* boutique */
.post-type-archive-product .products {
  margin-top: 1rem !important;
}

/* /boutique */
/* single-product */
/*
body.single-product div.images {
  display: none;
}

body.single-product .summary {
  width: 100% !important;
}
*/
body.single-product .the_post_thumbnail {
  width: 364px !important;
  height: auto !important;
}

body.single-product .price {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
}

body.single-product .woocommerce-product-details__short-description {
  margin-top: 1rem !important;
}

body.single-product .variations {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

body.single-product .reset_variations {
  line-height: 32px !important;
}

.single_variation_wrap {
  margin-top: 1.618rem;
}

body.single-product .value {
  line-height: 0 !important;
}

body.single-product .quantity {
  margin-top: 1rem !important;
}

.woocommerce .quantity .qty {
  width: 5em !important;
  text-align: left !important;
}

body.single-product main .button {
  margin-top: 1.618rem !important;
  border-radius: 32px !important;
  font-weight: 500 !important;
  color: #0e0b14 !important;
  font-size: 1rem !important;
  background-color: #FFFFFF !important;
}

body.single-product .nta_wa_button {
  margin-top: 1rem !important;
}

body.single-product .product_meta {
  display: none !important;
}

body.single-product .woocommerce-tabs {
  display: none !important;
}

body.single-product .related {
  display: none !important;
}

body.single-product .variations .label {
  display: none !important;
}



/* /single-product */
/* cart */
body.woocommerce-cart {
  main {
    .woocommerce table.shop_table thead {
      background-color: #212332 !important;
    }

    .woocommerce-cart-form th {
      font-size: 1rem !important;
      font-weight: 400 !important;
      color: #737373 !important;
    }

    .product-quantity {
      /* display: none !important; */
    }

    .subscription-details {
      display: none !important;
    }

    #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
      width: 100px !important;
    }

    a {
      color: #FFFFFF !important;
      text-decoration: none !important;
    }

    .cart_item {
      border-bottom: 1px solid #212332 !important;
    }

    input:not([type=submit]) {
      display: inline-block;
      width: auto !important;
      margin: 16px 16px 0 0 !important;
      border-radius: 100vw !important;
      padding: 12px 20px !important;
      border: 1px solid #262837 !important;
      background-color: #212332 !important;
      font-size: 16px !important;
    }

    ::placeholder {
      font-size: 12px !important;
      font-weight: 400 !important;
      color: #5E5E5E !important;
    }

    .button[name="apply_coupon"] {
      display: inline-block !important;
      padding: 12px 20px !important;
      border: 2px solid #D4B05A !important;
      margin: 16px 0 0 0 !important;
      background-color: transparent !important;
      color: #D4B05A !important;
      border-radius: 100vw;
    }

    .cart_totals h2 {
      font-size: 30px !important;
      font-weight: 400 !important;
    }

    .cart_totals th {
      color: #FFFFFF !important;
    }

    .button[name="update_cart"] {
      display: inline-block !important;
      padding: 12px 20px !important;
      border: 2px solid #D4B05A !important;
      margin: 16px 16px 0 0 !important;
      background-color: transparent !important;
      color: #D4B05A !important;
      border-radius: 100vw;
    }

    td, th {
      border: none !important;
    }

    small {
      display: inline-block !important;
      width: 100% !important;
      font-size: 0.85rem !important;
      color: #FFFFFF !important;
    }

    .checkout-button {
      background-color: #D4B05A !important;
      color: #1E202D !important;
      border-radius: 100vw;
    }

    @media (max-width: 768px){
      input:not([type=submit]), .button {
        width: 100% !important;
        margin-right: 0 !important;
      }
    }

  }
}

/* /cart */

/* checkout */

body.woocommerce-checkout {
  main {
    .col2-set {
      .col-1, .col-2 {
        width: 100% !important;
        #billing_country_field {
          display: none !important;
        }
        
        #billing_address_1_field {
          display: none !important;
        }
        
        #billing_postcode_field {
          display: none !important;
        }
        
        #billing_city_field {
          display: none !important;
        }
        
        #billing_address_2_field {
          display: none !important;
        }
        [for="payment_method_woocommerce_payments"] img {
          display: none !important;
        }
        input:not([type=submit]) {
          display: inline-block;
          width: 100% !important;
          margin: 16px 16px 0 0 !important;
          border-radius: 100vw !important;
          padding: 12px 20px !important;
          border: 1px solid #262837 !important;
          background-color: #212332 !important;
          font-size: 16px !important;
          color: var(--color);
        }
        textarea {
          margin-top:6px;
          border-radius:8px;
          padding:12px 20px;
          border:1px solid #262837 !important;
          background-color:#212332 !important;
          font-size:16px;
        }
      }
    }
    table {
      tr {
        border-top: 1px solid #212332 !important;
        border-bottom: 1px solid #212332 !important;
        border-collapse: collapse !important;
        &:nth-of-type(even){
          background-color: #191b27 !important;
        }
        th, td {
          padding: 0.618rem 0 !important;
          border: none !important;
          .button {
            margin-top: 0 !important;
          }
        }
      }
    }
    .woocommerce-checkout-payment {
      background-color: transparent !important;
      .payment_methods {
        border: none !important;
        .payment_box {
          background-color: transparent !important;
          padding: 0 !important;
          border: none !important;
          &::before {
            display: none !important;
          }
          fieldset {
            border: none !important;
            padding: 0 !important;
          }
        }
      }
      .form-row {
          padding: 0 !important;
        }
    }
  }
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  background-color: #D4B05A !important;
  color: #1E202D !important;
  font-weight: 500;
  padding: 12px 24px;
  font-size: 1rem;
}

/* /checkout */

/* woocommerce-account */

body.woocommerce-account {
  main {
    .the_content {
      text-align: center;
      font-size: 16px;
      font-weight: 300;
    }
    .u-columns {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap;
    }
    .u-column1, .u-column2 {
      position: relative !important;
      width: 50% !important;
      padding: 2rem !important;
    }
    .u-column1::before {
      /* content:url('./img/premium/lumiere.svg') !important; */
      /* position: absolute !important; */
      /* top: 50% !important; */
      /* left: 0 !important; */
      /* transform: rotate(90deg) translate(-50%, -50%) !important; */
      /* transform-origin: top left; */
    }
    @media (max-width: 1200px){
      .u-columns {
        flex-direction: column-reverse;
      }
      .u-column1, .u-column2 {
        width: 100% !important;
        padding: 1rem !important;
      }
      .u-column1 {
        margin-top: 1.618rem;
      }
      .u-column1::before {
        top: 0px !important;
        left: 50% !important;
        transform: rotate(0deg) translate(-50%, -50%) !important;
        transform-origin: top center;
      }
    }
    h2 {
      font-size: 30px !important;
      font-weight: 500 !important;
      min-height: 72px !important;
    }
    label {
      font-size: 12px !important;
      font-weight: 300 !important;
      color: var(--light-grey) !important;
      width: 100%;
    }
    input:not([type=submit]):not([type=checkbox]) {
      display: inline-block !important;
      width: 100% !important;
      margin: 5px 16px 0 0 !important;
      border-radius: 100vw !important;
      padding: 12px 20px !important;
      background-color: var(--background-light) !important;
      border: none;
      font-size: 16px !important;
      color: var(--color) !important;
    }
    ::placeholder {
      font-size:12px;
      font-weight:400;
      color:var(--color) !important;
    }
    fieldset {
      border: none !important;
      margin-top: 1.618rem;
    }
    .button {
      display: inline-block !important;
      padding: 12px 20px !important;
      border: none !important;
      margin: 16px 16px 0 0 !important;
      background-color: var(--gold) !important;
      color: #212332 !important;
      border-radius: 100vw !important;
      font-size: 1rem;
      font-weight: 500 !important;
    }
    .lost_password a {
      font-size: 12px !important;
      font-weight: 300 !important;
      color: var(--light-grey) !important;
    }
    .woocommerce-privacy-policy-text, .woocommerce-privacy-policy-text a {
      font-size: 12px !important;
      font-weight: 300 !important;
      color: var(--light-grey) !important;
    }
  }
}

/* /woocommerce-account */

/* woocommerce-dashboard */

body.woocommerce-account.logged-in {
  main {
    .the_content::before {
      content: "";
    }
    .woocommerce {
      display: flex;
      .woocommerce-MyAccount-navigation {
        width: auto;
        text-align: left;
        ul {
          list-style: none;
          li {
            line-height: 2em;
            a {
              color: var(--color);
              text-decoration: none !important;
              font-weight: 500;
            }
          }
        }
      }
      .woocommerce-MyAccount-content {
        width: -webkit-fill-available;
        padding: 0 0 0 72px;
        text-align: left;
        table {
          border: none !important;
          border-collapse: collapse !important;
          tr {
            border: 1px solid var(--background-light) !important;
            &:nth-of-type(odd){
              background-color: var(--background-light);
            }
            th, td {
              padding: 0.618rem 1.618rem !important;
              border: none !important;
              .button {
                margin-top: 0 !important;
              }
            }
          }
        }
      }
    }
    @media (max-width: 1200px){
      .woocommerce {
        display: block;
        .woocommerce-MyAccount-navigation {
          width: 100% !important;
        }
        .woocommerce-MyAccount-content {
          width: 100% !important;
          padding: 36px 0 0 0 !important;
        }
      }
    }
  }
}

/* /woocommerce-dashboard */