/**
 * Order received — Solaivanam
 * High-specificity overlay so Divi / block checkout cannot flatten the page.
 */

html body.woocommerce-order-received,
html body.woocommerce-checkout.woocommerce-order-received {
  --sv-cream: #faf6ee;
  --sv-cream-soft: #f7f2e7;
  --sv-green: #123b2c;
  --sv-green-deep: #0f3525;
  --sv-gold: #c49a45;
  --sv-ink: #1e2a22;
  --sv-muted: #6e746c;
  --sv-line: #ede6d6;
  --sv-card: #fffdf8;
  --sv-success: #1f6b45;
  --sv-danger: #b42318;
  --sv-radius: 14px;
  background: var(--sv-cream) !important;
}

html body.woocommerce-order-received #main-content,
html body.woocommerce-order-received #content-area,
html body.woocommerce-order-received .et-l--body .et_pb_section {
  background: transparent !important;
}

html body.woocommerce-order-received #page-container,
html body.woocommerce-order-received #et-boc,
html body.woocommerce-order-received #main-content,
html body.woocommerce-order-received .et-l--header,
html body.woocommerce-order-received .et-l--body,
html body.woocommerce-order-received .et-l--footer,
html body.woocommerce-order-received .et_pb_section,
html body.woocommerce-order-received .et_pb_row,
html body.woocommerce-order-received .wp-block-group {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.woocommerce-order-received .et-l--body .et_pb_row {
  width: min(820px, calc(100% - 32px)) !important;
  max-width: 820px !important;
}

html body.woocommerce-order-received .et-l--header .et_pb_row,
html body.woocommerce-order-received .et-l--footer .et_pb_row,
html body.woocommerce-order-received .sv-main-header,
html body.woocommerce-order-received .sv-footer,
html body.woocommerce-order-received .sv-shipping-bar {
  width: 100% !important;
  max-width: none !important;
}

/* Hide the leftover Divi / block page title ("Order received" + gold rule) */
html body.woocommerce-order-received .et-l--body .entry-title,
html body.woocommerce-order-received .et-l--body .et_pb_title_container,
html body.woocommerce-order-received .et-l--body .et_pb_post_title,
html body.woocommerce-order-received .et-l--body h1.wp-block-post-title,
html body.woocommerce-order-received .et-l--body .wp-block-post-title {
  display: none !important;
}

/* ── Hero ── */

html body.woocommerce-order-received .sv-order-received__hero {
  position: relative !important;
  overflow: visible !important;
  margin: 0 0 18px !important;
  padding: 36px 28px 30px !important;
  text-align: center !important;
  background: var(--sv-card) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgb(30 42 34 / 0.04), 0 18px 40px rgb(18 59 44 / 0.07) !important;
}

html body.woocommerce-order-received .sv-order-received__hero::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--sv-gold), rgb(196 154 69 / 0.28)) !important;
}

html body.woocommerce-order-received .sv-order-received__brand,
html body.woocommerce-order-received .sv-order-received__logo {
  display: block !important;
  margin: 0 auto 18px !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-order-received .sv-order-received__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 18px !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

html body.woocommerce-order-received .sv-order-received__icon svg {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
}

html body.sv-order-received--success .sv-order-received__icon {
  background: rgb(18 59 44 / 0.1) !important;
  color: var(--sv-success) !important;
  box-shadow: inset 0 0 0 1px rgb(18 59 44 / 0.08) !important;
}

html body.sv-order-received--pending .sv-order-received__icon {
  background: rgb(196 154 69 / 0.16) !important;
  color: var(--sv-gold) !important;
  animation: sv-order-pulse 1.5s ease-in-out infinite;
}

html body.sv-order-received--failed .sv-order-received__icon {
  background: rgb(180 35 24 / 0.1) !important;
  color: var(--sv-danger) !important;
}

@keyframes sv-order-pulse {
  0%,
  100% { opacity: 1; }
  50% { opacity: 0.55; }
}

html body.woocommerce-order-received .sv-order-received__hero .wc-block-order-confirmation-status,
html body.woocommerce-order-received .sv-order-received__hero .woocommerce-thankyou-order-received {
  margin: 0 !important;
}

html body.woocommerce-order-received .sv-order-received__hero h1,
html body.woocommerce-order-received .sv-order-received__title,
html body.woocommerce-order-received .sv-order-received__hero .wc-block-order-confirmation-status h1 {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(28px, 4vw, 36px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

html body.woocommerce-order-received .sv-order-received__hero h1::before,
html body.woocommerce-order-received .sv-order-received__hero h1::after,
html body.woocommerce-order-received .sv-order-received__title::after {
  display: none !important;
  content: none !important;
}

html body.sv-order-received--success .sv-order-received__hero .wc-block-order-confirmation-status p,
html body.sv-order-received--success .sv-order-received__hero .woocommerce-thankyou-order-received,
html body.sv-order-received--success .sv-order-received__subtitle {
  display: none !important;
}

html body.woocommerce-order-received .sv-order-received__meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  padding: 8px 14px !important;
  background: var(--sv-cream-soft) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: 999px !important;
  color: var(--sv-muted) !important;
  font-size: 13px !important;
}

html body.woocommerce-order-received .sv-order-received__meta strong {
  color: var(--sv-green) !important;
  font-weight: 700 !important;
}

html body.woocommerce-order-received .sv-order-received__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

html body.woocommerce-order-received a.sv-order-received__btn,
html body.woocommerce-order-received .sv-order-received__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  min-width: 168px !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

html body.woocommerce-order-received a.sv-order-received__btn--primary,
html body.woocommerce-order-received .sv-order-received__btn--primary {
  background: var(--sv-green) !important;
  border: 1px solid var(--sv-green) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.woocommerce-order-received a.sv-order-received__btn--primary:hover,
html body.woocommerce-order-received .sv-order-received__btn--primary:hover {
  background: var(--sv-green-deep) !important;
  border-color: var(--sv-green-deep) !important;
  color: #fff !important;
}

html body.woocommerce-order-received a.sv-order-received__btn--secondary,
html body.woocommerce-order-received .sv-order-received__btn--secondary {
  background: transparent !important;
  border: 1px solid rgb(18 59 44 / 0.22) !important;
  color: var(--sv-green) !important;
  -webkit-text-fill-color: var(--sv-green) !important;
}

html body.woocommerce-order-received a.sv-order-received__btn--secondary:hover {
  border-color: var(--sv-green) !important;
  background: rgb(18 59 44 / 0.04) !important;
}

/* ── Next steps ── */

html body.woocommerce-order-received .sv-order-next {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.woocommerce-order-received .sv-order-next__item {
  padding: 16px 16px 18px !important;
  background: var(--sv-card) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: 12px !important;
}

html body.woocommerce-order-received .sv-order-next__num {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--sv-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

html body.woocommerce-order-received .sv-order-next__item strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

html body.woocommerce-order-received .sv-order-next__item span:last-child {
  color: var(--sv-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* ── Summary strip ── */

html body.woocommerce-order-received .wc-block-order-confirmation-summary,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-summary,
html body.woocommerce-order-received .woocommerce-order-overview,
html body.woocommerce-order-received ul.order_details {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: var(--sv-card) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: var(--sv-radius) !important;
  list-style: none !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-summary ul,
html body.woocommerce-order-received .wc-block-order-confirmation-summary-list,
html body.woocommerce-order-received .woocommerce-order-overview,
html body.woocommerce-order-received ul.order_details,
html body.woocommerce-order-received .wc-block-order-confirmation-summary ul.wc-block-order-confirmation-summary-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-inline-start: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-summary ul li,
html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item,
html body.woocommerce-order-received .woocommerce-order-overview li {
  position: relative !important;
  float: none !important;
  display: flex !important;
  flex: 1 1 20% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  width: 20% !important;
  min-width: 0 !important;
  max-width: 20% !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sv-muted) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-summary ul li + li::before,
html body.woocommerce-order-received .woocommerce-order-overview li + li::before {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  bottom: 14px !important;
  left: 0 !important;
  width: 1px !important;
  background: var(--sv-line) !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item__key {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--sv-muted) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item__value,
html body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block !important;
  overflow: hidden !important;
  color: var(--sv-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

/* ── Order table ── */

html body.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-totals-wrapper,
html body.woocommerce-order-received .woocommerce-order-details,
html body.woocommerce-order-received table.woocommerce-table--order-details,
html body.woocommerce-order-received table.shop_table.order_details {
  width: 100% !important;
  background: var(--sv-card) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: var(--sv-radius) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-status,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-summary,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-totals-wrapper,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-billing-wrapper,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-shipping-wrapper,
html body.woocommerce-order-received .wc-block-order-confirmation-status,
html body.woocommerce-order-received .wc-block-order-confirmation-summary,
html body.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-totals-wrapper,
html body.woocommerce-order-received .woocommerce-order-details {
  margin: 0 0 20px !important;
  padding: 22px 22px 10px !important;
  overflow: visible !important;
}

html body.woocommerce-order-received .woocommerce-order-details table.shop_table {
  border: 0 !important;
  background: transparent !important;
}

html body.woocommerce-order-received .et-l--body,
html body.woocommerce-order-received .woocommerce-order,
html body.woocommerce-order-received .wc-block-order-confirmation-totals__table,
html body.woocommerce-order-received table.order_details,
html body.woocommerce-order-received address {
  font-family: Arial, Helvetica, sans-serif !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper h2,
html body.woocommerce-order-received .woocommerce-order-details__title,
html body.woocommerce-order-received .sv-order-addresses__title {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper h2::after,
html body.woocommerce-order-received .woocommerce-order-details__title::after {
  display: none !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table,
html body.woocommerce-order-received table.order_details {
  width: 100% !important;
  border: 0 !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table thead th,
html body.woocommerce-order-received table.order_details thead th {
  background: transparent !important;
  border-bottom: 1px solid var(--sv-line) !important;
  color: var(--sv-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 0 4px 10px !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table tbody td,
html body.woocommerce-order-received .wc-block-order-confirmation-totals__table tfoot th,
html body.woocommerce-order-received .wc-block-order-confirmation-totals__table tfoot td,
html body.woocommerce-order-received table.order_details td,
html body.woocommerce-order-received table.order_details tfoot th {
  padding: 14px 4px !important;
  border-bottom: 1px solid var(--sv-line) !important;
  color: var(--sv-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: transparent !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table a,
html body.woocommerce-order-received table.order_details a,
html body.woocommerce-order-received .woocommerce-table__product-name a {
  color: var(--sv-green) !important;
  -webkit-text-fill-color: var(--sv-green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table a:hover,
html body.woocommerce-order-received table.order_details a:hover {
  color: var(--sv-gold) !important;
  -webkit-text-fill-color: var(--sv-gold) !important;
}

html body.woocommerce-order-received .sv-order-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body.woocommerce-order-received .sv-order-item__thumb,
html body.woocommerce-order-received img.sv-order-item__thumb {
  width: 52px !important;
  height: 52px !important;
  flex-shrink: 0 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid var(--sv-line) !important;
  background: var(--sv-cream-soft) !important;
}

html body.woocommerce-order-received .sv-order-item__text {
  min-width: 0 !important;
}

html body.woocommerce-order-received .wc-block-order-confirmation-totals__table tfoot tr:last-child th,
html body.woocommerce-order-received .wc-block-order-confirmation-totals__table tfoot tr:last-child td,
html body.woocommerce-order-received table.order_details tfoot tr:last-child th,
html body.woocommerce-order-received table.order_details tfoot tr:last-child td {
  border-bottom: 0 !important;
  color: var(--sv-green) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html body.sv-order-received--success .order-actions-button.pay,
html body.sv-order-received--success .order-actions-button.cancel,
html body.sv-order-received--success tr:has(.order-actions-button.pay) {
  display: none !important;
}

/* ── Addresses ── */

html body.woocommerce-order-received .sv-order-addresses {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 8px 0 36px !important;
}

html body.woocommerce-order-received .sv-order-addresses__title {
  flex: 1 0 100% !important;
  margin: 0 !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}

html body.woocommerce-order-received .sv-order-addresses .wp-block-columns,
html body.woocommerce-order-received .sv-order-addresses .wp-block-column,
html body.woocommerce-order-received .sv-order-addresses .wc-block-order-confirmation-address-wrapper,
html body.woocommerce-order-received .wp-block-columns:has(.sv-order-address-card),
html body.woocommerce-order-received .wp-block-column:has(.sv-order-address-card),
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-billing-wrapper,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-shipping-wrapper {
  display: contents !important;
}

html body.woocommerce-order-received .sv-order-address-card {
  display: flex !important;
  flex: 1 1 calc(50% - 8px) !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--sv-card) !important;
  border: 1px solid var(--sv-line) !important;
  border-radius: 12px !important;
}

html body.woocommerce-order-received .sv-order-address-card__head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  background: rgb(18 59 44 / 0.06) !important;
  border-bottom: 1px solid var(--sv-line) !important;
}

html body.woocommerce-order-received .sv-order-address-card__icon {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgb(196 154 69 / 0.2) !important;
}

html body.woocommerce-order-received .sv-order-address-card--billing .sv-order-address-card__icon::after,
html body.woocommerce-order-received .sv-order-address-card--shipping .sv-order-address-card__icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  background: var(--sv-green) !important;
}

html body.woocommerce-order-received .sv-order-address-card--billing .sv-order-address-card__icon::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

html body.woocommerce-order-received .sv-order-address-card--shipping .sv-order-address-card__icon::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 21s7-4.5 7-10a7 7 0 1 0-14 0c0 5.5 7 10 7 10z'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 21s7-4.5 7-10a7 7 0 1 0-14 0c0 5.5 7 10 7 10z'/%3E%3Ccircle cx='12' cy='11' r='2'/%3E%3C/svg%3E") center / contain no-repeat;
}

html body.woocommerce-order-received .sv-order-address-card__title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sv-green) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

html body.woocommerce-order-received .sv-order-address-card h2:not(.sv-order-address-card__title) {
  display: none !important;
}

html body.woocommerce-order-received .sv-order-address-card .wc-block-order-confirmation-billing-address,
html body.woocommerce-order-received .sv-order-address-card .wc-block-order-confirmation-shipping-address,
html body.woocommerce-order-received .sv-order-address__body {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body.woocommerce-order-received .sv-order-address-card address,
html body.woocommerce-order-received .sv-order-address__body address {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sv-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  white-space: normal !important;
}

html body.woocommerce-order-received .sv-order-address-card .woocommerce-customer-details--phone,
html body.woocommerce-order-received .sv-order-address-card .woocommerce-customer-details--email,
html body.woocommerce-order-received .sv-order-address__row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px dashed var(--sv-line) !important;
  color: var(--sv-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

html body.woocommerce-order-received .sv-order-address__label {
  color: var(--sv-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-order-received .sv-order-address-card .woocommerce-customer-details--phone::before,
html body.woocommerce-order-received .sv-order-address-card .woocommerce-customer-details--email::before,
html body.woocommerce-order-received .sv-order-address__row--email .sv-order-address__label::before {
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

@media (max-width: 781px) {
  html body.woocommerce-order-received .sv-order-next,
  html body.woocommerce-order-received .wc-block-order-confirmation-summary ul,
  html body.woocommerce-order-received .wc-block-order-confirmation-summary-list,
  html body.woocommerce-order-received .woocommerce-order-overview,
  html body.woocommerce-order-received ul.order_details,
  html body.woocommerce-order-received .sv-order-addresses .wp-block-columns,
  html body.woocommerce-order-received .wc-block-order-confirmation-address-wrapper,
  html body.woocommerce-order-received .col2-set {
    flex-wrap: wrap !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
  }

  html body.woocommerce-order-received .wc-block-order-confirmation-summary ul li,
  html body.woocommerce-order-received .woocommerce-order-overview li,
  html body.woocommerce-order-received .sv-order-addresses .wp-block-column,
  html body.woocommerce-order-received .wc-block-order-confirmation-address-wrapper > .wp-block-column,
  html body.woocommerce-order-received .sv-order-address-card {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item + .wc-block-order-confirmation-summary-list-item::before,
  html body.woocommerce-order-received .woocommerce-order-overview li + li::before {
    display: none !important;
  }

  html body.woocommerce-order-received .sv-order-received__hero {
    padding: 28px 18px 24px !important;
  }

  html body.woocommerce-order-received a.sv-order-received__btn {
    width: 100% !important;
  }
}