/* ==========================================
   RC WISE + WOOCOMMERCE ORDER RECEIVED
   VERSION CLEAN
========================================== */

/* =========================
   BASE PAGE
========================= */

body.woocommerce-order-received .woocommerce-order{
  max-width:1160px;
  margin:0 auto;
  padding-left:16px;
  padding-right:16px;
  box-sizing:border-box;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-notice{
  margin:0 0 18px !important;
  padding:0 !important;
  font-size:18px !important;
  line-height:1.45 !important;
  color:#51626b !important;
}

/* =========================
   TOP SUMMARY WOO
========================= */

body.woocommerce-order-received ul.woocommerce-order-overview{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin:18px 0 28px !important;
  padding:0 !important;
  list-style:none !important;
  border:none !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li{
  margin:0 !important;
  padding:14px 16px !important;
  border:1px solid #d9e2e6 !important;
  border-radius:16px !important;
  background:#fff !important;
  min-height:82px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  color:#51626b !important;
  text-transform:none !important;
  box-shadow:0 4px 14px rgba(16,36,44,.04) !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li::before,
body.woocommerce-order-received ul.woocommerce-order-overview li::after{
  display:none !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong{
  display:block !important;
  margin-top:8px !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#10242C !important;
  word-break:break-word !important;
}

/* =========================
   RC WISE BLOCK
========================= */

body.woocommerce-order-received .woocommerce .ts-thankyou,
body.woocommerce-order-received .ts-thankyou{
  border:1px solid #d9e2e6 !important;
  border-radius:22px !important;
  padding:20px !important;
  background:#ffffff !important;
  max-width:1160px !important;
  margin:0 auto 28px !important;
  font-size:15px !important;
  line-height:1.55 !important;
  box-shadow:0 10px 28px rgba(16,36,44,.05) !important;
}

/* HEADER */
body.woocommerce-order-received .woocommerce .ts-header,
body.woocommerce-order-received .ts-header{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:18px !important;
}

body.woocommerce-order-received .woocommerce .ts-header img,
body.woocommerce-order-received .ts-header img{
  height:34px !important;
  width:auto !important;
  flex-shrink:0 !important;
  margin-top:2px !important;
}

body.woocommerce-order-received .woocommerce .ts-header-copy h2,
body.woocommerce-order-received .ts-header-copy h2{
  margin:0 0 6px !important;
  font-size:28px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  color:#10242C !important;
}

body.woocommerce-order-received .woocommerce .ts-header-copy p,
body.woocommerce-order-received .ts-header-copy p{
  margin:0 !important;
  color:#51626b !important;
  font-size:15px !important;
}

/* SHARED */
body.woocommerce-order-received .woocommerce .ts-kicker,
body.woocommerce-order-received .ts-kicker{
  margin:0 0 8px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#004E66 !important;
}

body.woocommerce-order-received .woocommerce .ts-ref-intro,
body.woocommerce-order-received .woocommerce .ts-id-intro,
body.woocommerce-order-received .woocommerce .ts-qr-intro,
body.woocommerce-order-received .woocommerce .ts-bank-intro,
body.woocommerce-order-received .ts-ref-intro,
body.woocommerce-order-received .ts-id-intro,
body.woocommerce-order-received .ts-qr-intro,
body.woocommerce-order-received .ts-bank-intro{
  margin:0 0 12px !important;
  font-size:15px !important;
  color:#51626b !important;
}

/* REFERENCE BOX */
body.woocommerce-order-received .woocommerce .ts-ref-box,
body.woocommerce-order-received .ts-ref-box{
  background:linear-gradient(180deg,#fff9f5 0%, #fff6ef 100%) !important;
  border:2px dashed #ff5c1b !important;
  border-radius:18px !important;
  padding:20px !important;
  margin-bottom:18px !important;
}

body.woocommerce-order-received .woocommerce .ts-ref-value,
body.woocommerce-order-received .ts-ref-value{
  font-size:30px !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  line-height:1.08 !important;
  margin:10px 0 16px !important;
  word-break:break-word !important;
  color:#10242C !important;
}

/* ID BOX */
body.woocommerce-order-received .woocommerce .ts-id-box,
body.woocommerce-order-received .ts-id-box{
  margin:18px 0 !important;
  padding:20px !important;
  background:#ecf5f7 !important;
  border:1px solid #d9e2e6 !important;
  border-left:5px solid #004E66 !important;
  border-radius:18px !important;
}

body.woocommerce-order-received .woocommerce .ts-id-value,
body.woocommerce-order-received .ts-id-value{
  font-size:22px !important;
  font-weight:700 !important;
  margin:10px 0 16px !important;
  word-break:break-word !important;
  color:#10242C !important;
}

body.woocommerce-order-received .woocommerce .ts-id-link,
body.woocommerce-order-received .ts-id-link{
  text-decoration:none !important;
  color:inherit !important;
  display:block !important;
}

body.woocommerce-order-received .woocommerce .ts-id-link:hover .ts-id-value,
body.woocommerce-order-received .ts-id-link:hover .ts-id-value{
  text-decoration:underline !important;
}

/* QR BOX */
body.woocommerce-order-received .woocommerce .ts-qr-box,
body.woocommerce-order-received .ts-qr-box{
  margin:18px 0 !important;
  padding:20px !important;
  background:#f8fbfc !important;
  border:1px solid #d9e2e6 !important;
  border-radius:18px !important;
  text-align:center !important;
}

body.woocommerce-order-received .woocommerce .ts-qr-link,
body.woocommerce-order-received .ts-qr-link{
  display:inline-block !important;
  text-decoration:none !important;
}

body.woocommerce-order-received .woocommerce .ts-qr-image img,
body.woocommerce-order-received .ts-qr-image img{
  max-width:250px !important;
  width:100% !important;
  height:auto !important;
  display:inline-block !important;
  background:#fff !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid #d9e2e6 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.05) !important;
  transition:transform .2s ease !important;
}

body.woocommerce-order-received .woocommerce .ts-qr-link:hover img,
body.woocommerce-order-received .ts-qr-link:hover img{
  transform:scale(1.02) !important;
}

/* BUTTONS */
body.woocommerce-order-received .woocommerce .ts-copy-btn,
body.woocommerce-order-received .woocommerce .ts-copy-icon,
body.woocommerce-order-received .ts-copy-btn,
body.woocommerce-order-received .ts-copy-icon{
  background:#FF5C1B !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  cursor:pointer !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:0 6px 16px rgba(255,92,27,.18) !important;
}

body.woocommerce-order-received .woocommerce .ts-copy-btn,
body.woocommerce-order-received .ts-copy-btn{
  width:100% !important;
  text-align:center !important;
}

body.woocommerce-order-received .woocommerce .ts-copy-btn--primary,
body.woocommerce-order-received .ts-copy-btn--primary{
  font-size:16px !important;
  padding:15px 18px !important;
}

body.woocommerce-order-received .woocommerce .ts-copy-icon,
body.woocommerce-order-received .ts-copy-icon{
  width:auto !important;
  padding:8px 12px !important;
  margin-left:8px !important;
  box-shadow:none !important;
}

/* BANK DETAILS */
body.woocommerce-order-received .woocommerce .ts-bank-details,
body.woocommerce-order-received .ts-bank-details{
  margin-top:18px !important;
  padding:20px !important;
  background:#ffffff !important;
  border:1px solid #d9e2e6 !important;
  border-radius:18px !important;
}

body.woocommerce-order-received .woocommerce .ts-bank-details h3,
body.woocommerce-order-received .woocommerce .ts-steps h3,
body.woocommerce-order-received .ts-bank-details h3,
body.woocommerce-order-received .ts-steps h3{
  font-size:20px !important;
  margin:0 0 10px !important;
  font-weight:700 !important;
  color:#10242C !important;
}

body.woocommerce-order-received .woocommerce .ts-bank-table,
body.woocommerce-order-received .ts-bank-table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  font-size:15px !important;
}

body.woocommerce-order-received .woocommerce .ts-bank-table td,
body.woocommerce-order-received .ts-bank-table td{
  padding:14px 0 !important;
  border:1px solid #d9e2e6 !important;
  vertical-align:top !important;
}

body.woocommerce-order-received .woocommerce .ts-bank-table .label,
body.woocommerce-order-received .ts-bank-table .label{
  width:100% !important;
  display:block !important;
  font-weight:700 !important;
  padding-bottom:4px !important;
  border-bottom:none !important;
  color:#10242C !important;
}

body.woocommerce-order-received .woocommerce .ts-inline-value,
body.woocommerce-order-received .ts-inline-value{
  word-break:break-word !important;
}

/* STEPS */
body.woocommerce-order-received .woocommerce .ts-steps,
body.woocommerce-order-received .ts-steps{
  margin-top:18px !important;
  padding:20px !important;
  background:#ffffff !important;
  border:1px solid #d9e2e6 !important;
  border-radius:18px !important;
}

body.woocommerce-order-received .woocommerce .ts-steps ol,
body.woocommerce-order-received .ts-steps ol{
  margin:0 !important;
  padding-left:22px !important;
}

body.woocommerce-order-received .woocommerce .ts-steps li,
body.woocommerce-order-received .ts-steps li{
  font-size:15px !important;
  margin-bottom:8px !important;
  color:#10242C !important;
}

/* EMAIL NOTICE */
body.woocommerce-order-received .woocommerce .ts-email-notice,
body.woocommerce-order-received .ts-email-notice{
  margin-top:18px !important;
  color:#51626b !important;
  font-size:14px !important;
}

/* =========================
   ORDER DETAILS / ADDRESSES
========================= */

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  max-width:1160px;
  margin:0 auto 26px !important;
  padding-left:16px;
  padding-right:16px;
  box-sizing:border-box;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title{
  margin:0 0 18px !important;
  padding:0 !important;
  font-size:28px !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  color:#10242C !important;
  letter-spacing:-0.02em !important;
}

/* WooCommerce tables */
body.woocommerce-order-received table.shop_table,
body.woocommerce-order-received .woocommerce-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  border:1px solid #d9e2e6 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 6px 20px rgba(16,36,44,.04) !important;
}

body.woocommerce-order-received table.shop_table thead th,
body.woocommerce-order-received .woocommerce-table thead th{
  background:#f6fafb !important;
  color:#10242C !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:16px 18px !important;
  border-bottom:1px solid #d9e2e6 !important;
  border-left:none !important;
  border-right:none !important;
}

body.woocommerce-order-received table.shop_table tbody td,
body.woocommerce-order-received table.shop_table tfoot td,
body.woocommerce-order-received table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-table tbody td,
body.woocommerce-order-received .woocommerce-table tfoot td,
body.woocommerce-order-received .woocommerce-table tfoot th{
  padding:16px 18px !important;
  border-top:1px solid #e6ecef !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom:none !important;
  vertical-align:middle !important;
  font-size:15px !important;
  color:#51626b !important;
}

body.woocommerce-order-received table.shop_table tbody tr:first-child td,
body.woocommerce-order-received .woocommerce-table tbody tr:first-child td{
  border-top:none !important;
}

body.woocommerce-order-received table.shop_table strong,
body.woocommerce-order-received .woocommerce-table strong{
  color:#10242C !important;
}

body.woocommerce-order-received table.shop_table a,
body.woocommerce-order-received .woocommerce-table a{
  color:#FF5C1B !important;
  text-decoration:none !important;
  font-weight:600 !important;
}

/* address blocks */
body.woocommerce-order-received .woocommerce-customer-details .addresses{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

body.woocommerce-order-received .woocommerce-customer-details address{
  margin:0 !important;
  padding:18px 20px !important;
  background:#fff !important;
  border:1px solid #d9e2e6 !important;
  border-radius:18px !important;
  box-shadow:0 6px 20px rgba(16,36,44,.04) !important;
  font-style:normal !important;
  line-height:1.65 !important;
  color:#51626b !important;
}

body.woocommerce-order-received .woocommerce-customer-details address strong{
  color:#10242C !important;
}

body.woocommerce-order-received .woocommerce-customer-details address a{
  color:#FF5C1B !important;
  text-decoration:none !important;
}

/* =========================
   DESKTOP LAYOUT
========================= */
@media (min-width: 980px){

  body.woocommerce-order-received .woocommerce .ts-thankyou,
  body.woocommerce-order-received .ts-thankyou{
    display:grid !important;
    grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr) !important;
    gap:22px !important;
    align-items:start !important;
    padding:28px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-ref-box,
  body.woocommerce-order-received .ts-ref-box{
    grid-column:1 !important;
    margin:0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-id-box,
  body.woocommerce-order-received .ts-id-box{
    grid-column:1 !important;
    margin:0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-qr-box,
  body.woocommerce-order-received .ts-qr-box{
    grid-column:2 !important;
    grid-row:2 / span 2 !important;
    margin:0 !important;
    position:sticky !important;
    top:24px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-details,
  body.woocommerce-order-received .ts-bank-details{
    grid-column:1 / -1 !important;
    margin-top:0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-steps,
  body.woocommerce-order-received .ts-steps{
    grid-column:1 !important;
    margin-top:0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-email-notice,
  body.woocommerce-order-received .ts-email-notice{
    grid-column:1 / -1 !important;
    margin-top:0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-header-copy h2,
  body.woocommerce-order-received .ts-header-copy h2{
    font-size:32px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-header-copy p,
  body.woocommerce-order-received .ts-header-copy p{
    font-size:16px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-ref-value,
  body.woocommerce-order-received .ts-ref-value{
    font-size:38px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-id-value,
  body.woocommerce-order-received .ts-id-value{
    font-size:24px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-copy-btn,
  body.woocommerce-order-received .ts-copy-btn{
    width:auto !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-table td,
  body.woocommerce-order-received .ts-bank-table td{
    padding:14px 12px !important;
    vertical-align:middle !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-table .label,
  body.woocommerce-order-received .ts-bank-table .label{
    width:220px !important;
    display:table-cell !important;
    padding-bottom:14px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }
}

/* =========================
   MOBILE / TABLET
========================= */
@media (max-width: 979px){

  body.woocommerce-order-received .woocommerce .ts-thankyou,
  body.woocommerce-order-received .ts-thankyou{
    display:block !important;
  }

  body.woocommerce-order-received .woocommerce-order{
    padding-left:14px;
    padding-right:14px;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:16px 0 22px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li{
    min-height:auto !important;
    padding:14px 14px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li strong{
    font-size:15px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details{
    padding-left:14px;
    padding-right:14px;
    margin-bottom:22px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title{
    font-size:22px !important;
    line-height:1.15 !important;
    margin-bottom:14px !important;
  }

  body.woocommerce-order-received .woocommerce-customer-details .addresses{
    grid-template-columns:1fr;
    gap:16px;
  }

  body.woocommerce-order-received .woocommerce-customer-details address{
    padding:16px 16px !important;
    border-radius:16px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-table,
  body.woocommerce-order-received .woocommerce .ts-bank-table tbody,
  body.woocommerce-order-received .woocommerce .ts-bank-table tr,
  body.woocommerce-order-received .woocommerce .ts-bank-table td,
  body.woocommerce-order-received .ts-bank-table,
  body.woocommerce-order-received .ts-bank-table tbody,
  body.woocommerce-order-received .ts-bank-table tr,
  body.woocommerce-order-received .ts-bank-table td{
    display:block !important;
    width:100% !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-table tr,
  body.woocommerce-order-received .ts-bank-table tr{
    padding:10px 0 !important;
    border-bottom:1px solid #e6ecef !important;
  }

  body.woocommerce-order-received .woocommerce .ts-bank-table td,
  body.woocommerce-order-received .ts-bank-table td{
    border-bottom:none !important;
    padding:4px 0 !important;
  }

  body.woocommerce-order-received .woocommerce .ts-copy-icon,
  body.woocommerce-order-received .ts-copy-icon{
    display:inline-block !important;
    margin-top:8px !important;
    margin-left:0 !important;
  }
}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 699px){

  body.woocommerce-order-received .woocommerce .ts-thankyou,
  body.woocommerce-order-received .ts-thankyou{
    padding:18px !important;
    border-radius:16px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-header,
  body.woocommerce-order-received .ts-header{
    gap:10px !important;
    margin-bottom:16px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-header img,
  body.woocommerce-order-received .ts-header img{
    height:28px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-header-copy h2,
  body.woocommerce-order-received .ts-header-copy h2{
    font-size:23px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-ref-value,
  body.woocommerce-order-received .ts-ref-value{
    font-size:26px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-id-value,
  body.woocommerce-order-received .ts-id-value{
    font-size:20px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-qr-image img,
  body.woocommerce-order-received .ts-qr-image img{
    max-width:220px !important;
  }

  body.woocommerce-order-received .woocommerce .ts-copy-btn,
  body.woocommerce-order-received .ts-copy-btn{
    width:100% !important;
  }
}