/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1789297486
Updated: 2026-09-13 11:04:46

*/

.woocommerce-message {
  display: none;
}

/* =========================================================
   WOOCOMMERCE MY ACCOUNT - CLEAN PROFESSIONAL CSS
   ========================================================= */

/* ---------------------------------------------------------
   MAIN ACCOUNT CONTAINER
--------------------------------------------------------- */

body.woocommerce-account .woocommerce {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 70px;
  box-sizing: border-box;
}

/* ---------------------------------------------------------
   CLEAR WOOCOMMERCE FLOATS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce::after,
body.woocommerce-account .woocommerce-MyAccount-content::after,
body.woocommerce-account .woocommerce form::after,
body.woocommerce-account .woocommerce .woocommerce-Addresses::after {
  content: "";
  display: table;
  clear: both;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
  content: "";
  display: table;
  display: none;
}
address {
  padding: 25px !important;
}
/* ---------------------------------------------------------
   MY ACCOUNT NAVIGATION
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 250px;
  margin: 0 35px 0 0;
  float: left;
  box-sizing: border-box;

  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  overflow: hidden;

  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

/* Navigation list */

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}

/* Navigation item */

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  margin: 2px 0;
  padding: 0;
}

/* Navigation links */

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  width: 100%;
  box-sizing: border-box;

  padding: 13px 15px;

  color: #333333;
  background: transparent;

  border-radius: 8px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;

  text-decoration: none;

  transition: background-color 0.2s ease, color 0.2s ease,
    padding-left 0.2s ease;
}

/* Hover */

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #f5f6f8;
  color: #111111;
  text-decoration: none;
}

/* Active */

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: #111111;
  color: #ffffff;
  font-weight: 600;
}

/* Active hover */

body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a:hover {
  background: #111111;
  color: #ffffff;
}

/* Logout */

body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eeeeee;
}

body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a {
  color: #c62828;
}

body.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:hover {
  background: #fff5f5;
  color: #b71c1c;
}

/* ---------------------------------------------------------
   MAIN CONTENT
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content {
  width: calc(100% - 285px);
  float: right;
  margin: 0;
  padding: 0;

  box-sizing: border-box;

  color: #333333;
  font-size: 15px;
  line-height: 1.7;
}

/* Prevent content children from overflowing */

body.woocommerce-account .woocommerce-MyAccount-content * {
  box-sizing: border-box;
}

/* ---------------------------------------------------------
   CONTENT HEADINGS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  margin-top: 0;
  color: #222222;
  font-weight: 600;
  line-height: 1.3;
}

/* ---------------------------------------------------------
   DASHBOARD
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  margin: 0 0 25px;
  padding: 22px 25px;

  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* ---------------------------------------------------------
   FORMS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce form {
  width: 100%;
  margin: 0 0 25px;
  padding: 30px;

  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* Form rows */

body.woocommerce-account .woocommerce form .form-row {
  margin-bottom: 20px;
  padding: 0;
}

/* Labels */

body.woocommerce-account .woocommerce form .form-row label {
  display: block;

  margin: 0 0 7px;

  color: #222222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

/* Required */

body.woocommerce-account .woocommerce form .required {
  color: #d32f2f;
}

/* Inputs */

body.woocommerce-account .woocommerce form input.input-text,
body.woocommerce-account .woocommerce form input[type="text"],
body.woocommerce-account .woocommerce form input[type="email"],
body.woocommerce-account .woocommerce form input[type="tel"],
body.woocommerce-account .woocommerce form input[type="password"],
body.woocommerce-account .woocommerce form input[type="number"],
body.woocommerce-account .woocommerce form select,
body.woocommerce-account .woocommerce form textarea {
  width: 100%;
  max-width: 100%;

  min-height: 48px;

  padding: 11px 14px;

  background: #ffffff;
  border: 1px solid #d9dce1;
  border-radius: 7px;

  color: #222222;

  font-size: 14px;
  line-height: 1.4;

  outline: none;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Textarea */

body.woocommerce-account .woocommerce form textarea {
  min-height: 120px;
  resize: vertical;
}

/* Focus */

body.woocommerce-account .woocommerce form input:focus,
body.woocommerce-account .woocommerce form select:focus,
body.woocommerce-account .woocommerce form textarea:focus {
  border-color: #111111;
  box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.07);
}

/* ---------------------------------------------------------
   FORM TWO-COLUMN ROWS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce form .form-row-first {
  width: 48%;
  float: left;
  clear: left;
}

body.woocommerce-account .woocommerce form .form-row-last {
  width: 48%;
  float: right;
  clear: right;
}

/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce input.button {
  display: inline-block;

  min-height: 46px;

  margin: 0;

  padding: 11px 22px;

  background: #111111;
  color: #ffffff;

  border: 0;
  border-radius: 7px;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;

  text-align: center;
  text-decoration: none;

  cursor: pointer;

  transition: background-color 0.2s ease, transform 0.2s ease;
}

body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce input.button:hover {
  background: #2a2a2a;
  color: #ffffff;
  text-decoration: none;
}

/* ---------------------------------------------------------
   ADDRESS SECTION
--------------------------------------------------------- */

/*
 * IMPORTANT:
 * Do not use generic .woocommerce-Address width rules.
 * WooCommerce already controls the address layout.
 */

body.woocommerce-account .woocommerce-Addresses {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Individual address boxes */

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  width: calc(50% - 10px);
  margin: 0 20px 20px 0;
  padding: 25px;

  float: left;

  background: #ffffff;

  border: 1px solid #e5e5e5;
  border-radius: 12px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);

  position: relative;
}

/* Every second address */

body.woocommerce-account
  .woocommerce-Addresses
  .woocommerce-Address:nth-child(even) {
  margin-right: 0;
}

/* Address title */

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;

  margin: 0 0 18px;
  padding: 0 0 15px;

  border-bottom: 1px solid #eeeeee;
}

/* Address heading */

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title h2 {
  margin: 0;

  color: #222222;

  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

/* Edit link */

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit {
  display: inline-block;

  padding: 6px 12px;

  background: #f5f5f5;
  color: #222222;

  border-radius: 6px;

  font-size: 13px;
  font-weight: 600;

  text-decoration: none;
}

body.woocommerce-account
  .woocommerce-Address
  .woocommerce-Address-title
  .edit:hover {
  background: #111111;
  color: #ffffff;
  text-decoration: none;
}

/* Address text */

body.woocommerce-account .woocommerce-Address address {
  margin: 0;

  color: #555555;

  font-size: 14px;
  line-height: 1.8;

  font-style: normal;
}

/* ---------------------------------------------------------
   ADDRESS EDIT FORM
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-address-fields {
  width: 100%;
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper {
  width: 100%;
}

/* Country dropdown */

body.woocommerce-account .woocommerce-address-fields .select2-container {
  width: 100% !important;
}

/* Select2 */

body.woocommerce-account
  .select2-container--default
  .select2-selection--single {
  height: 48px;

  border: 1px solid #d9dce1;
  border-radius: 7px;

  background: #ffffff;
}

body.woocommerce-account
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 14px;

  color: #222222;

  line-height: 46px;
}

body.woocommerce-account
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 46px;
}

/* ---------------------------------------------------------
   ORDERS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-orders-table {
  width: 100%;

  margin: 0 0 25px;

  border: 1px solid #e5e5e5;
  border-radius: 12px;

  border-spacing: 0;
  border-collapse: separate;

  background: #ffffff;

  overflow: hidden;
}

/* Order header */

body.woocommerce-account .woocommerce-orders-table thead th {
  padding: 15px;

  background: #f7f7f7;

  color: #222222;

  border-bottom: 1px solid #e5e5e5;

  font-size: 13px;
  font-weight: 600;

  text-align: left;
}

/* Order cells */

body.woocommerce-account .woocommerce-orders-table tbody td {
  padding: 15px;

  color: #555555;

  border-bottom: 1px solid #eeeeee;

  font-size: 14px;

  vertical-align: middle;
}

/* Last row */

body.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
  border-bottom: 0;
}

/* ---------------------------------------------------------
   DOWNLOADS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-table--order-downloads {
  width: 100%;

  border-collapse: separate;
  border-spacing: 0;

  border: 1px solid #e5e5e5;
  border-radius: 12px;

  overflow: hidden;
}

/* ---------------------------------------------------------
   NOTICES
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
  width: 100%;

  margin: 0 0 25px;

  padding: 15px 18px;

  border-radius: 8px;

  font-size: 14px;
}

/* ---------------------------------------------------------
   LOGIN / REGISTER
--------------------------------------------------------- */

body.woocommerce-account .u-columns {
  width: 100%;

  display: flex;

  gap: 30px;

  margin: 0;
}

body.woocommerce-account .u-columns .u-column1,
body.woocommerce-account .u-columns .u-column2 {
  width: 50%;
  float: none;

  margin: 0;
}

/* Login / Register headings */

body.woocommerce-account .u-columns h2 {
  margin: 0 0 20px;

  color: #222222;

  font-size: 24px;
  font-weight: 600;
}

/* Login/register forms */

body.woocommerce-account .u-columns form.login,
body.woocommerce-account .u-columns form.register {
  width: 100%;

  margin: 0;

  padding: 30px;
}

/* ---------------------------------------------------------
   ACCOUNT DETAILS
--------------------------------------------------------- */

body.woocommerce-account .woocommerce-EditAccountForm {
  width: 100%;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset {
  margin: 25px 0 0;
  padding: 20px;

  border: 1px solid #e5e5e5;
  border-radius: 9px;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  padding: 0 8px;

  color: #222222;

  font-size: 17px;
  font-weight: 600;
}

/* ---------------------------------------------------------
   RESPONSIVE - TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {
  body.woocommerce-account .woocommerce {
    padding: 30px 18px 50px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 220px;
    margin-right: 25px;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 245px);
  }

  body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    width: 100%;
    margin-right: 0;
  }
}

/* ---------------------------------------------------------
   RESPONSIVE - MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {
  body.woocommerce-account .woocommerce {
    padding: 20px 15px 40px;
  }

  /* Navigation */

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;

    margin: 0 0 25px;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
  }

  /* Navigation */

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;

    padding: 8px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 11px 10px;

    font-size: 13px;

    text-align: center;
  }

  /* Forms */

  body.woocommerce-account .woocommerce form {
    padding: 20px;
  }

  /* Form columns */

  body.woocommerce-account .woocommerce form .form-row-first,
  body.woocommerce-account .woocommerce form .form-row-last {
    width: 100%;
    float: none;
    clear: both;
  }

  /* Addresses */

  body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    width: 100%;
    float: none;

    margin: 0 0 20px;

    padding: 20px;
  }

  /* Address title */

  body.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
    align-items: flex-start;
    gap: 10px;
  }

  /* Login/Register */

  body.woocommerce-account .u-columns {
    display: block;
  }

  body.woocommerce-account .u-columns .u-column1,
  body.woocommerce-account .u-columns .u-column2 {
    width: 100%;
  }

  body.woocommerce-account .u-columns .u-column2 {
    margin-top: 25px;
  }

  body.woocommerce-account .u-columns form.login,
  body.woocommerce-account .u-columns form.register {
    padding: 20px;
  }

  /* Tables */

  body.woocommerce-account .woocommerce-orders-table {
    display: block;

    overflow-x: auto;

    white-space: nowrap;
  }
}

/* ---------------------------------------------------------
   RESPONSIVE - SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {
  body.woocommerce-account .woocommerce {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
  }

  body.woocommerce-account .woocommerce form {
    padding: 18px;
  }

  body.woocommerce-account .woocommerce button.button,
  body.woocommerce-account .woocommerce a.button,
  body.woocommerce-account .woocommerce input.button {
    width: 100%;
  }

  body.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
    flex-direction: column;
  }
}

/* =========================================================
   WOOCOMMERCE ORDER RECEIVED / THANK YOU PAGE
   ========================================================= */

/* ---------------------------------------------------------
   MAIN CONTAINER
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 45px 20px 70px;
  box-sizing: border-box;
}

/* ---------------------------------------------------------
   ORDER RECEIVED MESSAGE
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order {
  width: 100%;
}

/* Main success message */

body.woocommerce-order-received
  .woocommerce-order
  .woocommerce-notice--success {
  position: relative;

  margin: 0 0 30px;
  padding: 25px 30px;

  background: #f7faf7;

  border: 1px solid #dce9de;
  border-radius: 12px;

  color: #1f5c2b;

  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;

  box-sizing: border-box;
}

/* ---------------------------------------------------------
   ORDER OVERVIEW
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order-overview {
  display: grid;

  grid-template-columns: repeat(5, minmax(0, 1fr));

  gap: 15px;

  width: 100%;

  margin: 0 0 40px;
  padding: 0;

  list-style: none;

  box-sizing: border-box;
}

/* Each overview item */

body.woocommerce-order-received .woocommerce-order-overview li {
  margin: 0;
  padding: 20px;

  background: #ffffff;

  border: 1px solid #e7e7e7;
  border-radius: 10px;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);

  color: #555555;

  font-size: 13px;
  line-height: 1.5;

  box-sizing: border-box;
}

/* Strong value */

body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;

  margin-top: 7px;

  color: #222222;

  font-size: 15px;
  font-weight: 600;

  word-break: break-word;
}

/* ---------------------------------------------------------
   SECTION HEADINGS
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order h2 {
  margin: 0 0 20px;

  color: #222222;

  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

/* ---------------------------------------------------------
   PAYMENT INSTRUCTION
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
  width: 100%;

  margin: 0 0 35px;
}

/* Payment box */

body.woocommerce-order-received
  .woocommerce-order
  .woocommerce-order-details
  .woocommerce-order-details__title {
  margin-bottom: 18px;
}

/* ---------------------------------------------------------
   ORDER DETAILS TABLE
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-table--order-details {
  width: 100%;

  margin: 0;

  border-collapse: separate;
  border-spacing: 0;

  background: #ffffff;

  border: 1px solid #e5e5e5;
  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);

  box-sizing: border-box;
}

/* Table header */

body.woocommerce-order-received .woocommerce-table--order-details thead th {
  padding: 16px 18px;

  background: #f7f7f7;

  border-bottom: 1px solid #e5e5e5;

  color: #222222;

  font-size: 13px;
  font-weight: 600;

  text-align: left;
}

/* Table body */

body.woocommerce-order-received .woocommerce-table--order-details tbody td {
  padding: 17px 18px;

  border-bottom: 1px solid #eeeeee;

  color: #444444;

  font-size: 14px;

  vertical-align: middle;
}

/* Product name */

body.woocommerce-order-received
  .woocommerce-table--order-details
  td.product-name {
  font-weight: 500;
}

/* Product links */

body.woocommerce-order-received
  .woocommerce-table--order-details
  .product-name
  a {
  color: #222222;

  font-weight: 600;

  text-decoration: none;
}

body.woocommerce-order-received
  .woocommerce-table--order-details
  .product-name
  a:hover {
  text-decoration: underline;
}

/* Product quantity */

body.woocommerce-order-received
  .woocommerce-table--order-details
  .product-quantity {
  color: #777777;

  font-weight: 500;
}

/* Product total */

body.woocommerce-order-received
  .woocommerce-table--order-details
  .product-total {
  color: #222222;

  font-weight: 600;

  text-align: right;
}

/* ---------------------------------------------------------
   ORDER TOTALS
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  padding: 14px 18px;

  border-top: 1px solid #eeeeee;

  font-size: 14px;
}

/* Total labels */

body.woocommerce-order-received .woocommerce-table--order-details tfoot th {
  color: #555555;

  font-weight: 500;

  text-align: left;
}

/* Total values */

body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  color: #222222;

  font-weight: 600;

  text-align: right;
}

/* Final total */

body.woocommerce-order-received
  .woocommerce-table--order-details
  tfoot
  tr:last-child
  th,
body.woocommerce-order-received
  .woocommerce-table--order-details
  tfoot
  tr:last-child
  td {
  padding-top: 18px;
  padding-bottom: 18px;

  background: #fafafa;

  font-size: 16px;
  font-weight: 700;
}

/* ---------------------------------------------------------
   PAYMENT METHOD
--------------------------------------------------------- */

body.woocommerce-order-received
  .woocommerce-table--order-details
  tfoot
  .woocommerce-table__product-total {
  text-align: right;
}

/* ---------------------------------------------------------
   CUSTOMER DETAILS / BILLING
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-customer-details {
  width: 100%;

  margin: 35px 0 0;
  padding: 28px;

  background: #ffffff;

  border: 1px solid #e5e5e5;
  border-radius: 12px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);

  box-sizing: border-box;
}

/* Billing heading */

body.woocommerce-order-received
  .woocommerce-customer-details
  .woocommerce-column__title {
  margin: 0 0 18px;

  padding-bottom: 14px;

  border-bottom: 1px solid #eeeeee;

  color: #222222;

  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}

/* Address */

body.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0;

  padding: 0;

  color: #555555;

  font-size: 14px;

  line-height: 1.9;

  font-style: normal;
}

/* Phone */

body.woocommerce-order-received
  .woocommerce-customer-details
  address
  .woocommerce-customer-details--phone {
  display: block;

  margin-top: 8px;
}

/* Email */

body.woocommerce-order-received
  .woocommerce-customer-details
  address
  .woocommerce-customer-details--email {
  display: block;

  margin-top: 3px;

  word-break: break-word;
}

/* ---------------------------------------------------------
   PAYMENT DESCRIPTION
--------------------------------------------------------- */

body.woocommerce-order-received
  .woocommerce-order
  .woocommerce-order-overview__payment-method {
  color: #222222;
}

/* ---------------------------------------------------------
   PRODUCT META
--------------------------------------------------------- */

body.woocommerce-order-received
  .woocommerce-table--order-details
  .wc-item-meta {
  margin: 5px 0 0;
  padding: 0;

  list-style: none;

  color: #777777;

  font-size: 12px;
  line-height: 1.6;
}

/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order a.button {
  display: inline-block;

  margin-top: 20px;

  padding: 11px 22px;

  background: #111111;

  color: #ffffff;

  border: 0;
  border-radius: 7px;

  font-size: 14px;
  font-weight: 600;

  text-decoration: none;

  transition: background-color 0.2s ease, transform 0.2s ease;
}

body.woocommerce-order-received .woocommerce-order a.button:hover {
  background: #2b2b2b;

  color: #ffffff;

  text-decoration: none;

  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce {
    padding: 25px 15px 50px;
  }

  /* Success */

  body.woocommerce-order-received
    .woocommerce-order
    .woocommerce-notice--success {
    padding: 20px;

    font-size: 16px;
  }

  /* Overview */

  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 30px;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    padding: 15px;

    font-size: 12px;
  }

  body.woocommerce-order-received .woocommerce-order-overview li strong {
    font-size: 14px;
  }

  /* Headings */

  body.woocommerce-order-received .woocommerce-order h2 {
    font-size: 21px;
  }

  /* Order table */

  body.woocommerce-order-received .woocommerce-table--order-details {
    display: block;

    overflow-x: auto;

    white-space: nowrap;
  }

  body.woocommerce-order-received .woocommerce-table--order-details thead th,
  body.woocommerce-order-received .woocommerce-table--order-details tbody td,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    padding: 13px 14px;
  }

  /* Customer details */

  body.woocommerce-order-received .woocommerce-customer-details {
    padding: 20px;

    margin-top: 25px;
  }
}

/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {
  body.woocommerce-order-received .woocommerce {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: 1fr;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    padding: 14px 16px;
  }

  body.woocommerce-order-received .woocommerce-customer-details {
    padding: 18px;
  }

  body.woocommerce-order-received .woocommerce-order a.button {
    width: 100%;

    text-align: center;
  }
}