/* =========================================================
   ATHLETEBANNER UI POLISH v1.0.0
   PHASE 1: BANNER BUILDER
   ========================================================= */

/* Scope everything tightly to the builder. */
#ab-builder {
  --ab-ui-orange: #ff641f;
  --ab-ui-orange-dark: #e65312;
  --ab-ui-ink: #101114;
  --ab-ui-text: #30343b;
  --ab-ui-muted: #69707d;
  --ab-ui-border: #e4e7ec;
  --ab-ui-soft: #f7f8fa;
  --ab-ui-soft-2: #f1f3f5;
  --ab-ui-white: #ffffff;

  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 24px 0 54px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
  color: var(--ab-ui-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#ab-builder,
#ab-builder * {
  box-sizing: border-box;
}

/* Main surface */
#ab-builder .ab-card {
  position: relative;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid var(--ab-ui-border) !important;
  border-radius: 16px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, .02),
    0 20px 55px rgba(16, 24, 40, .07) !important;
}

#ab-builder .ab-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ff641f 0%, #ff8a4c 55%, #ff641f 100%);
}

/* Header */
#ab-builder .ab-header {
  margin: 0 0 24px !important;
  text-align: left !important;
}

#ab-builder .ab-header::before {
  content: "AI BANNER BUILDER";
  display: block;
  margin-bottom: 8px;
  color: var(--ab-ui-orange);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .17em;
}

#ab-builder .ab-header h2 {
  margin: 0 !important;
  color: var(--ab-ui-ink) !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em;
  font-weight: 900 !important;
}

#ab-builder .ab-header p {
  max-width: 720px;
  margin: 10px 0 0 !important;
  color: var(--ab-ui-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Progress */
#ab-builder .ab-progress {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  margin: 26px 0 38px !important;
  padding: 8px !important;
  background: var(--ab-ui-soft) !important;
  border: 1px solid #eceef1;
  border-radius: 12px !important;
}

#ab-builder .ab-progress-item {
  min-width: 0;
  padding: 7px 8px 8px;
  border-radius: 8px;
  color: #9298a2 !important;
  font-size: 12px !important;
  line-height: 1.2;
  font-weight: 800 !important;
  text-align: left !important;
  transition: background .16s ease, color .16s ease;
}

#ab-builder .ab-progress-item.active {
  background: #fff;
  color: var(--ab-ui-ink) !important;
  box-shadow: 0 1px 3px rgba(16,24,40,.06);
}

#ab-builder .ab-progress-line {
  height: 3px !important;
  margin: 0 0 7px !important;
  border-radius: 999px !important;
  background: #dfe3e8 !important;
}

#ab-builder .ab-progress-item.active .ab-progress-line {
  background: var(--ab-ui-orange) !important;
}

/* Section headings */
#ab-builder .ab-step-title {
  margin: 0 0 7px !important;
  color: var(--ab-ui-ink) !important;
  font-size: clamp(24px, 3vw, 30px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em;
  font-weight: 900 !important;
}

#ab-builder .ab-step-subtitle {
  max-width: 760px;
  margin: 0 0 28px !important;
  color: var(--ab-ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Labels and help */
#ab-builder .ab-field {
  margin-bottom: 24px !important;
}

#ab-builder .ab-label {
  margin-bottom: 8px !important;
  color: #252931 !important;
  font-size: 13px !important;
  line-height: 1.35;
  font-weight: 850 !important;
  letter-spacing: .005em;
}

#ab-builder .ab-help {
  margin-top: 7px !important;
  color: #7b828e !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

#ab-builder .ab-required {
  color: var(--ab-ui-orange) !important;
}

/* Inputs */
#ab-builder input[type="text"],
#ab-builder input[type="email"],
#ab-builder input[type="number"],
#ab-builder input[type="tel"],
#ab-builder input[type="url"],
#ab-builder select,
#ab-builder textarea {
  width: 100% !important;
  min-height: 52px;
  border: 1px solid #d5dae1 !important;
  border-radius: 9px !important;
  background: #fff !important;
  padding: 0 14px !important;
  color: #16181d !important;
  font: inherit !important;
  font-size: 15px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.025) !important;
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease !important;
}

#ab-builder textarea {
  min-height: 120px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

#ab-builder input::placeholder,
#ab-builder textarea::placeholder {
  color: #9ca3ad;
}

#ab-builder input:focus,
#ab-builder select:focus,
#ab-builder textarea:focus {
  outline: 0 !important;
  border-color: var(--ab-ui-orange) !important;
  box-shadow: 0 0 0 4px rgba(255,100,31,.10) !important;
}

#ab-builder input[type="checkbox"],
#ab-builder input[type="radio"] {
  accent-color: var(--ab-ui-orange);
}

/* Two-column fields */
#ab-builder .ab-grid-2 {
  gap: 18px !important;
}

/* Info boxes */
#ab-builder .ab-info-box {
  margin: 0 0 26px !important;
  padding: 17px 18px !important;
  background: #f8f9fb !important;
  border: 1px solid #e5e8ed !important;
  border-left: 3px solid var(--ab-ui-orange) !important;
  border-radius: 10px !important;
}

#ab-builder .ab-info-box strong {
  margin-bottom: 4px !important;
  color: #1f2329 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

#ab-builder .ab-info-box p {
  color: #626a76 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Cards / selectable controls */
#ab-builder .ab-size-grid {
  gap: 10px !important;
}

#ab-builder .ab-size-card,
#ab-builder .ab-orientation,
#ab-builder .ab-choice {
  border: 1px solid #d9dde3 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.02);
  transition:
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease,
    transform .15s ease !important;
}

#ab-builder .ab-size-card {
  padding: 17px 10px !important;
}

#ab-builder .ab-size-card:hover,
#ab-builder .ab-orientation:hover,
#ab-builder .ab-choice:hover {
  border-color: #aeb4bd !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.05);
  transform: translateY(-1px);
}

#ab-builder .ab-size-card.selected,
#ab-builder .ab-orientation.selected,
#ab-builder .ab-choice.selected {
  border-color: var(--ab-ui-orange) !important;
  background: #fffaf7 !important;
  box-shadow: 0 0 0 3px rgba(255,100,31,.08) !important;
}

#ab-builder .ab-size-name {
  color: #333841 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  letter-spacing: -.015em;
}

#ab-builder .ab-size-price {
  color: #7b828d !important;
  font-size: 12px !important;
}

#ab-builder .ab-size-card.selected .ab-size-price {
  color: #b9450d !important;
}

#ab-builder .ab-choice {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 11px 10px !important;
  color: #444a53;
  font-size: 13px !important;
  line-height: 1.25;
  font-weight: 800 !important;
}

/* Some current builder choices contain a title + description. Keep them on
   separate lines instead of allowing the text to run together horizontally. */
#ab-builder .ab-choice > strong,
#ab-builder .ab-choice > b {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

#ab-builder .ab-choice > span,
#ab-builder .ab-choice > small {
  display: block;
  margin: 0;
  color: #737a85;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  text-align: center;
}

#ab-builder .ab-choice.selected > span,
#ab-builder .ab-choice.selected > small {
  color: #8f4a28;
}

#ab-builder .ab-choice.selected {
  color: #b9450d !important;
}

/* Orientation */
#ab-builder .ab-orientation-wrap {
  gap: 10px !important;
}

#ab-builder .ab-orientation {
  min-height: 104px !important;
  padding: 14px !important;
}

#ab-builder .ab-orientation-shape {
  border-color: #737985 !important;
}

#ab-builder .ab-orientation.selected .ab-orientation-shape {
  border-color: var(--ab-ui-orange) !important;
}

#ab-builder .ab-dimension-summary {
  margin-top: 12px !important;
  padding: 11px 13px !important;
  border: 1px solid #e7e9ed;
  border-radius: 8px !important;
  background: #f8f9fa !important;
  color: #555d69;
  font-size: 13px !important;
}

/* Upload areas */
#ab-builder .ab-upload {
  padding: 21px !important;
  border: 1px dashed #bdc3cc !important;
  border-radius: 11px !important;
  background: #fafbfc !important;
}

#ab-builder .ab-upload:hover {
  border-color: var(--ab-ui-orange) !important;
  background: #fffdfb !important;
}

#ab-builder .ab-upload-title {
  color: #252930 !important;
  font-size: 14px;
  font-weight: 850 !important;
}

#ab-builder .ab-upload-description {
  color: #747b86 !important;
  font-size: 12px !important;
}

#ab-builder .ab-file-preview img {
  border-radius: 8px !important;
  border-color: #e0e3e8 !important;
}

/* Warnings */
#ab-builder .ab-warning {
  padding: 14px !important;
  border: 1px solid #f1d6a8 !important;
  border-radius: 9px !important;
  background: #fffaf0 !important;
}

/* Review */
#ab-builder .ab-review {
  overflow: hidden;
  border: 1px solid #e3e6ea !important;
  border-radius: 10px !important;
  background: #fff !important;
}

#ab-builder .ab-review-row {
  min-height: 50px;
  padding: 13px 16px !important;
  border-bottom-color: #eceef1 !important;
}

#ab-builder .ab-review-label {
  color: #616975 !important;
  font-size: 12px;
  font-weight: 850 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

#ab-builder .ab-price-total {
  margin-top: 18px !important;
  padding: 18px !important;
  border: 1px solid #ffd2bb !important;
  border-radius: 10px !important;
  background: #fff8f4 !important;
}

#ab-builder .ab-price-total-number {
  color: var(--ab-ui-ink) !important;
  font-size: 32px !important;
  line-height: 1.05;
  font-weight: 900 !important;
  letter-spacing: -.03em;
}

#ab-builder .ab-post-approval {
  padding: 15px 16px !important;
  border: 1px solid #e8eaee;
  border-radius: 9px !important;
  background: #f8f9fa !important;
  color: #646b76 !important;
}

/* Buttons */
#ab-builder .ab-actions {
  gap: 10px !important;
  margin-top: 26px !important;
}

#ab-builder .ab-btn {
  min-height: 50px !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 1.2;
  font-weight: 850 !important;
  letter-spacing: .005em;
  box-shadow: none !important;
}

#ab-builder .ab-btn-primary {
  background: var(--ab-ui-orange) !important;
  color: #fff !important;
}

#ab-builder .ab-btn-primary:hover {
  background: var(--ab-ui-orange-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255,100,31,.18) !important;
}

#ab-builder .ab-btn-secondary {
  border: 1px solid #d9dde3 !important;
  background: #fff !important;
  color: #343a43 !important;
}

#ab-builder .ab-btn-secondary:hover {
  background: #f5f6f7 !important;
}

/* Status + errors */
#ab-builder .ab-error,
#ab-builder #ab-generation-status {
  border-radius: 9px !important;
}

#ab-builder #ab-generation-status {
  border: 1px solid #e5e8ec;
  background: #f8f9fb !important;
}

/* Security/privacy block injected by the hardening plugin */
#ab-builder .absp-builder-legal {
  margin: 18px 0 4px !important;
  padding: 14px 15px !important;
  border: 1px solid #e2e5e9 !important;
  border-radius: 9px !important;
  background: #f8f9fa !important;
}

#ab-builder .absp-builder-check {
  color: #444b55;
  font-size: 12px;
  line-height: 1.5;
}

#ab-builder .absp-legal-button {
  border-radius: 7px !important;
  border-color: #d7dbe1 !important;
  font-weight: 800 !important;
}

/* Keyboard accessibility */
#ab-builder .ab-size-card:focus-visible,
#ab-builder .ab-orientation:focus-visible,
#ab-builder .ab-choice:focus-visible,
#ab-builder .ab-btn:focus-visible,
#ab-builder a:focus-visible {
  outline: 3px solid rgba(255,100,31,.28) !important;
  outline-offset: 2px !important;
}

/* Tablet */
@media (max-width: 900px) {
  #ab-builder {
    padding: 18px 0 42px;
  }

  #ab-builder .ab-card {
    padding: 28px !important;
  }

  #ab-builder .ab-header h2 {
    font-size: 34px !important;
  }
}

/* Mobile */
@media (max-width: 700px) {
  #ab-builder {
    width: 100% !important;
    padding: 8px 0 28px !important;
  }

  #ab-builder .ab-card {
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    padding: 24px 16px 28px !important;
    box-shadow: none !important;
  }

  #ab-builder .ab-card::before {
    height: 3px;
  }

  #ab-builder .ab-header {
    margin-bottom: 18px !important;
  }

  #ab-builder .ab-header h2 {
    font-size: 30px !important;
  }

  #ab-builder .ab-header::before {
    font-size: 10px;
    letter-spacing: .14em;
  }

  #ab-builder .ab-progress {
    margin: 20px 0 28px !important;
    padding: 6px !important;
    gap: 4px !important;
  }

  #ab-builder .ab-progress-item {
    padding: 6px 5px 7px;
    font-size: 10px !important;
  }

  #ab-builder .ab-progress-line {
    margin-bottom: 5px !important;
  }

  #ab-builder .ab-step-title {
    font-size: 25px !important;
  }

  #ab-builder .ab-step-subtitle {
    margin-bottom: 22px !important;
  }

  #ab-builder .ab-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  #ab-builder .ab-size-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #ab-builder .ab-size-card {
    min-height: 76px;
    padding: 14px 7px !important;
  }

  #ab-builder .ab-size-name {
    font-size: 17px !important;
  }

  #ab-builder .ab-orientation-wrap {
    grid-template-columns: 1fr 1fr !important;
  }

  #ab-builder .ab-choice-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #ab-builder .ab-choice {
    min-height: 50px;
  }

  #ab-builder .ab-upload {
    padding: 17px !important;
  }

  #ab-builder .ab-review-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 12px 14px !important;
  }

  #ab-builder .ab-actions {
    flex-direction: column-reverse !important;
    gap: 8px !important;
  }

  #ab-builder .ab-btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  #ab-builder .ab-btn-primary {
    margin-left: 0 !important;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  #ab-builder .ab-card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #ab-builder .ab-progress-item {
    font-size: 9px !important;
  }

  #ab-builder .ab-size-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* =========================================================
   PHASE 2: WOOCOMMERCE CHECKOUT / PAY-FOR-ORDER
   Modern AthleteBanner styling
   ========================================================= */

body.woocommerce-checkout,
body.woocommerce-order-pay {
  --ab-checkout-orange: #ff641f;
  --ab-checkout-orange-dark: #e65312;
  --ab-checkout-ink: #101114;
  --ab-checkout-text: #343941;
  --ab-checkout-muted: #6c7480;
  --ab-checkout-border: #e3e6ea;
  --ab-checkout-soft: #f6f7f9;
}

body.woocommerce-checkout .site-main,
body.woocommerce-order-pay .site-main,
body.woocommerce-checkout #main-content,
body.woocommerce-order-pay #main-content {
  background: #f6f7f9;
}

body.woocommerce-checkout .woocommerce,
body.woocommerce-order-pay .woocommerce {
  width: min(94%, 1180px);
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 0 70px;
  color: var(--ab-checkout-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.woocommerce-checkout .woocommerce h1,
body.woocommerce-checkout .woocommerce h2,
body.woocommerce-checkout .woocommerce h3,
body.woocommerce-order-pay .woocommerce h1,
body.woocommerce-order-pay .woocommerce h2,
body.woocommerce-order-pay .woocommerce h3 {
  color: var(--ab-checkout-ink);
  font-family: inherit;
  letter-spacing: -.025em;
  font-weight: 900;
}

body.woocommerce-checkout .woocommerce h3,
body.woocommerce-order-pay .woocommerce h3 {
  margin: 0 0 18px;
  font-size: 23px;
  line-height: 1.15;
}

/* Main checkout columns */
body.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: 28px;
  align-items: start;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-order-pay #order_review,
body.woocommerce-order-pay form#order_review {
  min-width: 0;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-order-pay form#order_review,
body.woocommerce-order-pay .woocommerce-order-pay {
  border: 1px solid var(--ab-checkout-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(16,24,40,.055);
}

/* Customer details */
body.woocommerce-checkout #customer_details {
  padding: 28px;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none;
  width: 100%;
}

body.woocommerce-checkout #customer_details .col-2 {
  margin-top: 26px;
}

/* Order review / payment */
body.woocommerce-checkout #order_review,
body.woocommerce-order-pay form#order_review {
  padding: 26px;
}

body.woocommerce-checkout #order_review_heading {
  margin-top: 0;
}

/* Form labels/fields */
body.woocommerce-checkout .woocommerce form .form-row,
body.woocommerce-order-pay .woocommerce form .form-row {
  margin: 0 0 17px;
}

body.woocommerce-checkout .woocommerce form .form-row label,
body.woocommerce-order-pay .woocommerce form .form-row label {
  margin-bottom: 7px;
  color: #2f343c;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 800;
}

body.woocommerce-checkout .woocommerce input.input-text,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-order-pay .woocommerce input.input-text,
body.woocommerce-order-pay .woocommerce select,
body.woocommerce-order-pay .woocommerce textarea {
  min-height: 50px;
  border: 1px solid #d5dae1;
  border-radius: 9px;
  background: #fff;
  padding: 11px 13px;
  color: #16181d;
  font: inherit;
  font-size: 15px;
  box-shadow: 0 1px 2px rgba(16,24,40,.02);
}

body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-order-pay .woocommerce textarea {
  min-height: 105px;
}

body.woocommerce-checkout .woocommerce input.input-text:focus,
body.woocommerce-checkout .woocommerce select:focus,
body.woocommerce-checkout .woocommerce textarea:focus,
body.woocommerce-order-pay .woocommerce input.input-text:focus,
body.woocommerce-order-pay .woocommerce select:focus,
body.woocommerce-order-pay .woocommerce textarea:focus {
  outline: 0;
  border-color: var(--ab-checkout-orange);
  box-shadow: 0 0 0 4px rgba(255,100,31,.10);
}

/* Select2 */
body.woocommerce-checkout .select2-container .select2-selection--single,
body.woocommerce-order-pay .select2-container .select2-selection--single {
  min-height: 50px;
  border: 1px solid #d5dae1;
  border-radius: 9px;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-order-pay .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
  padding-left: 13px;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
body.woocommerce-order-pay .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
}

/* Order table */
body.woocommerce-checkout table.shop_table,
body.woocommerce-order-pay table.shop_table {
  overflow: hidden;
  margin: 0 0 22px;
  border: 1px solid var(--ab-checkout-border);
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  font-size: 14px;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td,
body.woocommerce-order-pay table.shop_table th,
body.woocommerce-order-pay table.shop_table td {
  padding: 14px 13px;
  border-color: #eceef1;
}

body.woocommerce-checkout table.shop_table thead th,
body.woocommerce-order-pay table.shop_table thead th {
  background: #f8f9fa;
  color: #555d68;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.woocommerce-checkout table.shop_table .order-total th,
body.woocommerce-checkout table.shop_table .order-total td,
body.woocommerce-order-pay table.shop_table .order-total th,
body.woocommerce-order-pay table.shop_table .order-total td {
  color: var(--ab-checkout-ink);
  font-size: 17px;
  font-weight: 900;
}

/* Payment panel */
body.woocommerce-checkout #payment,
body.woocommerce-order-pay #payment {
  margin-top: 14px;
  border: 1px solid var(--ab-checkout-border);
  border-radius: 12px;
  background: #f8f9fa;
}

body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-order-pay #payment ul.payment_methods {
  padding: 18px;
  border-bottom: 1px solid var(--ab-checkout-border);
}

body.woocommerce-checkout #payment div.payment_box,
body.woocommerce-order-pay #payment div.payment_box {
  margin: 12px 0 0;
  border-radius: 8px;
  background: #fff;
  color: #59616d;
  font-size: 13px;
}

body.woocommerce-checkout #payment div.payment_box::before,
body.woocommerce-order-pay #payment div.payment_box::before {
  border-bottom-color: #fff;
}

body.woocommerce-checkout #payment .place-order,
body.woocommerce-order-pay #payment .place-order {
  margin: 0;
  padding: 20px;
}

/* Privacy + terms */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-order-pay .woocommerce-privacy-policy-text {
  margin-bottom: 14px;
  color: var(--ab-checkout-muted);
  font-size: 13px;
  line-height: 1.55;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper {
  margin-top: 14px;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-order-pay .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
body.woocommerce-order-pay .woocommerce-terms-and-conditions-checkbox-text {
  color: #3f4650;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 650;
}

body.woocommerce-checkout #terms,
body.woocommerce-order-pay #terms,
body.woocommerce-checkout input[name="terms"],
body.woocommerce-order-pay input[name="terms"] {
  width: 18px;
  height: 18px;
  margin: 0 9px 0 0;
  accent-color: var(--ab-checkout-orange);
  vertical-align: -3px;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-link,
body.woocommerce-order-pay .woocommerce-terms-and-conditions-link,
body.woocommerce-checkout .woocommerce-privacy-policy-link,
body.woocommerce-order-pay .woocommerce-privacy-policy-link {
  color: #c84c13;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* AthleteBanner legal card */
body.woocommerce-checkout .absp-checkout-legal,
body.woocommerce-order-pay .absp-checkout-legal {
  margin: 14px 0 !important;
  padding: 14px 15px !important;
  border: 1px solid #e3e6ea !important;
  border-radius: 9px !important;
  background: #fff !important;
}

body.woocommerce-checkout .absp-checkout-legal-title,
body.woocommerce-order-pay .absp-checkout-legal-title {
  color: #252a31 !important;
  font-size: 13px;
  font-weight: 900 !important;
}

body.woocommerce-checkout .absp-checkout-legal-copy,
body.woocommerce-order-pay .absp-checkout-legal-copy {
  color: #69717c !important;
  font-size: 12px !important;
}

/* Place order / pay button */
body.woocommerce-checkout #place_order,
body.woocommerce-order-pay #place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-order-pay button[name="woocommerce_checkout_place_order"] {
  width: 100%;
  min-height: 54px;
  margin-top: 10px;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--ab-checkout-orange) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.2;
  font-weight: 900 !important;
  letter-spacing: .005em;
  text-transform: none;
  box-shadow: none !important;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-order-pay #place_order:hover,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover,
body.woocommerce-order-pay button[name="woocommerce_checkout_place_order"]:hover {
  background: var(--ab-checkout-orange-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 9px 22px rgba(255,100,31,.18) !important;
}

/* Woo notices */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-order-pay .woocommerce-error,
body.woocommerce-order-pay .woocommerce-message,
body.woocommerce-order-pay .woocommerce-info {
  border: 1px solid #e2e5e9;
  border-top: 0;
  border-left: 4px solid var(--ab-checkout-orange);
  border-radius: 9px;
  background: #fff;
  padding: 14px 16px 14px 18px;
  color: #3e444d;
  font-size: 14px;
  box-shadow: 0 4px 16px rgba(16,24,40,.035);
}

body.woocommerce-checkout .woocommerce-error,
body.woocommerce-order-pay .woocommerce-error {
  border-left-color: #bf3a3a;
  background: #fff8f8;
}

/* Order-pay intro / totals spacing */
body.woocommerce-order-pay .woocommerce > p,
body.woocommerce-order-pay .woocommerce-order-details > p {
  color: var(--ab-checkout-muted);
  font-size: 14px;
  line-height: 1.6;
}

/* Prevent oversized theme typography on checkout internals. */
body.woocommerce-checkout .woocommerce p,
body.woocommerce-checkout .woocommerce li,
body.woocommerce-checkout .woocommerce label,
body.woocommerce-order-pay .woocommerce p,
body.woocommerce-order-pay .woocommerce li,
body.woocommerce-order-pay .woocommerce label {
  max-width: none;
}

/* Tablet / mobile */
@media (max-width: 900px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr;
  }

  body.woocommerce-checkout .woocommerce,
  body.woocommerce-order-pay .woocommerce {
    width: min(94%, 760px);
    padding-top: 28px;
  }
}

@media (max-width: 650px) {
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-order-pay .woocommerce {
    width: 100%;
    padding: 12px 14px 40px;
  }

  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review,
  body.woocommerce-order-pay form#order_review {
    padding: 18px 15px;
    border-radius: 12px;
  }

  body.woocommerce-checkout .woocommerce h3,
  body.woocommerce-order-pay .woocommerce h3 {
    font-size: 21px;
  }

  body.woocommerce-checkout table.shop_table th,
  body.woocommerce-checkout table.shop_table td,
  body.woocommerce-order-pay table.shop_table th,
  body.woocommerce-order-pay table.shop_table td {
    padding: 11px 9px;
  }

  body.woocommerce-checkout #payment .place-order,
  body.woocommerce-order-pay #payment .place-order {
    padding: 15px;
  }
}



/* =========================================================
   PHASE 2: WOOCOMMERCE CHECKOUT / THANK YOU / ORDER DETAILS
   ========================================================= */

:root {
  --ab-ui-orange: #ff641f;
  --ab-ui-orange-dark: #e65312;
  --ab-ui-ink: #101114;
  --ab-ui-text: #30343b;
  --ab-ui-muted: #69707d;
  --ab-ui-border: #e4e7ec;
  --ab-ui-soft: #f7f8fa;
  --ab-ui-soft-2: #f1f3f5;
  --ab-ui-white: #ffffff;
  --ab-ui-shadow: 0 1px 2px rgba(16,24,40,.02), 0 20px 55px rgba(16,24,40,.07);
}

.woocommerce-checkout .site-content,
.woocommerce-order-received .site-content,
.woocommerce-view-order .site-content,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ab-ui-text);
}

.woocommerce-checkout .woocommerce,
.woocommerce-order-received .woocommerce-order,
.woocommerce-view-order .woocommerce-order,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order {
  width: min(100%, 1080px);
  margin: 0 auto;
}

/* Shared heading style */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-order-received h1,
.woocommerce-order-received h2,
.woocommerce-order-received h3,
.woocommerce-view-order h1,
.woocommerce-view-order h2,
.woocommerce-view-order h3 {
  color: var(--ab-ui-ink);
  letter-spacing: -.03em;
}

/* Checkout two-column areas and thank-you surfaces */
.woocommerce-checkout form.checkout,
.woocommerce-order-received .woocommerce-order,
.woocommerce-view-order .woocommerce-order,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-order-details,
.woocommerce-view-order .woocommerce-customer-details {
  background: #fff;
  border: 1px solid var(--ab-ui-border);
  border-radius: 18px;
  box-shadow: var(--ab-ui-shadow);
}

.woocommerce-checkout form.checkout {
  padding: clamp(18px, 3vw, 30px);
}

.woocommerce-order-received .woocommerce-order,
.woocommerce-view-order .woocommerce-order {
  padding: clamp(18px, 3vw, 30px);
  position: relative;
  overflow: hidden;
}

.woocommerce-order-received .woocommerce-order::before,
.woocommerce-view-order .woocommerce-order::before,
.woocommerce-checkout form.checkout::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #ff641f 0%, #ff8a4c 55%, #ff641f 100%);
}

/* Notices */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce form .form-row .required {
  border-radius: 10px;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  border: 1px solid var(--ab-ui-border);
  background: var(--ab-ui-soft);
  color: var(--ab-ui-text);
}

/* Billing / shipping / review cards on checkout */
.woocommerce-checkout #customer_details > div,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  background: #fff;
  border: 1px solid var(--ab-ui-border);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16,24,40,.02), 0 14px 36px rgba(16,24,40,.05);
}

.woocommerce-checkout #customer_details > div {
  padding: 22px;
  margin-bottom: 20px;
}

.woocommerce-checkout #order_review_heading {
  margin: 0 0 14px;
  padding: 18px 22px;
  font-size: 28px;
  font-weight: 900;
}

.woocommerce-checkout #order_review {
  padding: 0;
  overflow: hidden;
}

/* Inputs */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
  min-height: 52px;
  border: 1px solid #d5dae1;
  border-radius: 9px;
  background: #fff;
  padding: 0 14px;
  color: #16181d;
  box-shadow: 0 1px 2px rgba(16,24,40,.025);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.woocommerce-checkout textarea,
.woocommerce-account textarea {
  min-height: 120px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  outline: 0;
  border-color: var(--ab-ui-orange);
  box-shadow: 0 0 0 4px rgba(255,100,31,.10);
}

/* Order review table and thank-you tables */
.woocommerce-checkout #order_review table.shop_table,
.woocommerce-order-received table.shop_table,
.woocommerce-view-order table.shop_table,
.woocommerce-account table.shop_table {
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.woocommerce-checkout #order_review table.shop_table thead th,
.woocommerce-order-received table.shop_table thead th,
.woocommerce-view-order table.shop_table thead th,
.woocommerce-account table.shop_table thead th {
  background: #f5f7fa;
  color: #4c5563;
  border-bottom: 1px solid var(--ab-ui-border);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td,
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td,
.woocommerce-view-order table.shop_table th,
.woocommerce-view-order table.shop_table td,
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  padding: 14px 16px;
  border-color: var(--ab-ui-border);
}

.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-order-received table.shop_table tfoot th,
.woocommerce-view-order table.shop_table tfoot th {
  color: var(--ab-ui-ink);
  font-weight: 800;
}

.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th,
.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td,
.woocommerce-order-received table.shop_table tfoot tr:last-child th,
.woocommerce-order-received table.shop_table tfoot tr:last-child td,
.woocommerce-view-order table.shop_table tfoot tr:last-child th,
.woocommerce-view-order table.shop_table tfoot tr:last-child td {
  background: linear-gradient(135deg, #0f1117 0%, #151c2c 55%, #101114 100%);
  color: #fff;
  border-color: rgba(255,255,255,.08);
}

.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total strong,
.woocommerce-order-received table.shop_table tfoot tr:last-child strong,
.woocommerce-view-order table.shop_table tfoot tr:last-child strong {
  color: #fff;
}

/* Payment box */
.woocommerce-checkout #payment {
  background: #fff;
  border-top: 1px solid var(--ab-ui-border);
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 14px 18px 6px;
  border-bottom: 1px solid var(--ab-ui-border);
}

.woocommerce-checkout #payment div.payment_box {
  background: #f8f9fb;
  color: var(--ab-ui-text);
  border: 1px solid #e5e8ed;
  border-radius: 10px;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #f8f9fb;
}

.woocommerce-checkout #payment .place-order {
  padding: 18px;
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit {
  min-height: 50px;
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: var(--ab-ui-orange);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .005em;
  box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover {
  background: var(--ab-ui-orange-dark);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255,100,31,.18);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: var(--ab-ui-orange);
  color: #fff;
}

/* Thank you page meta row */
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-view-order .woocommerce-order-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 26px;
  padding: 0;
  list-style: none;
}

.woocommerce-order-received .woocommerce-order-overview li,
.woocommerce-view-order .woocommerce-order-overview li {
  margin: 0;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--ab-ui-border);
  border-radius: 12px;
  background: #f8f9fb;
  color: #606878;
  font-size: 12px;
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.woocommerce-order-received .woocommerce-order-overview li strong,
.woocommerce-order-received .woocommerce-order-overview li span,
.woocommerce-view-order .woocommerce-order-overview li strong,
.woocommerce-view-order .woocommerce-order-overview li span {
  display: block;
  margin-top: 6px;
  color: var(--ab-ui-ink);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
  text-transform: none;
}

.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-view-order .woocommerce-notice--success {
  margin: 0 0 12px;
  color: var(--ab-ui-ink);
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.035em;
}

/* Order sections */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-order-details,
.woocommerce-view-order .woocommerce-customer-details {
  margin-top: 22px;
  padding: 20px;
}

.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-view-order .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-column__title {
  margin: 0 0 16px;
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 900;
}

/* Approved design image block from Builder Bridge */
.woocommerce-order-received .woocommerce-order-details img[alt="Approved banner design"],
.woocommerce-view-order .woocommerce-order-details img[alt="Approved banner design"] {
  display: block;
  max-width: min(100%, 360px) !important;
  width: 100% !important;
  height: auto;
  border-radius: 12px !important;
  border: 1px solid #dde2e8 !important;
  box-shadow: 0 16px 40px rgba(16,24,40,.10);
}

/* Make product name block cleaner */
.woocommerce-order-received td.product-name,
.woocommerce-view-order td.product-name {
  line-height: 1.55;
}

/* Mobile */
@media (max-width: 980px) {
  .woocommerce-order-received .woocommerce-order-overview,
  .woocommerce-view-order .woocommerce-order-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  .woocommerce-checkout form.checkout,
  .woocommerce-order-received .woocommerce-order,
  .woocommerce-view-order .woocommerce-order {
    padding: 18px 16px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .woocommerce-checkout #customer_details > div,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review,
  .woocommerce-order-received .woocommerce-order-details,
  .woocommerce-order-received .woocommerce-customer-details,
  .woocommerce-view-order .woocommerce-order-details,
  .woocommerce-view-order .woocommerce-customer-details {
    border-radius: 14px;
  }

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

  .woocommerce-order-received .woocommerce-order-overview li strong,
  .woocommerce-order-received .woocommerce-order-overview li span,
  .woocommerce-view-order .woocommerce-order-overview li strong,
  .woocommerce-view-order .woocommerce-order-overview li span {
    font-size: 18px;
  }

  .woocommerce-checkout #order_review_heading {
    font-size: 24px;
  }

  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td {
    padding: 12px 12px;
  }
}


/* =========================================================
   v1.1.1 — ATHLETEBANNER ORDER CONFIRMATION
   Strong brand treatment for WooCommerce order-received page
   ========================================================= */

body.woocommerce-order-received {
  --ab-confirm-orange: #ff641f;
  --ab-confirm-orange-dark: #e65312;
  --ab-confirm-ink: #111318;
  --ab-confirm-dark-2: #1a1e26;
  --ab-confirm-muted: #697386;
  --ab-confirm-border: #e1e5ea;
  --ab-confirm-soft: #f4f6f8;
}

body.woocommerce-order-received #main-content,
body.woocommerce-order-received .site-main,
body.woocommerce-order-received .site-content {
  background: var(--ab-confirm-soft) !important;
}

body.woocommerce-order-received .woocommerce {
  width: min(1180px, calc(100% - 36px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 34px 0 70px !important;
}

body.woocommerce-order-received .woocommerce-order {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(20px, 3.5vw, 38px) !important;
  overflow: visible !important;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow:
    0 2px 4px rgba(17,19,24,.025),
    0 24px 65px rgba(17,19,24,.08) !important;
}

/* Remove the small top orange line here; the success hero becomes the brand moment. */
body.woocommerce-order-received .woocommerce-order::before {
  display: none !important;
}

/* Order-confirmed hero */
body.woocommerce-order-received .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  position: relative;
  margin: 0 0 18px !important;
  padding: 30px 30px 30px 86px !important;
  overflow: hidden;
  border: 1px solid #242a35 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 88% 15%, rgba(255,100,31,.17), transparent 28%),
    linear-gradient(135deg, #101216 0%, #1b2029 58%, #111318 100%) !important;
  color: #fff !important;
  font-size: clamp(25px, 3.4vw, 38px) !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  box-shadow: 0 18px 42px rgba(17,19,24,.14);
}

body.woocommerce-order-received .woocommerce-notice--success::before,
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "✓";
  position: absolute;
  left: 28px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--ab-confirm-orange);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(255,100,31,.25);
}

body.woocommerce-order-received .woocommerce-notice--success::after,
body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
  content: "ORDER CONFIRMED";
  display: block;
  margin-top: 8px;
  color: #ff9a6a;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .18em;
}

/* Order summary cards */
body.woocommerce-order-received .woocommerce-order-overview {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-overview li {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 11px !important;
  background: #f8f9fb !important;
  color: #7a8391 !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

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

body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order-overview li span {
  display: block !important;
  max-width: 100%;
  margin-top: 6px !important;
  overflow-wrap: anywhere;
  color: var(--ab-confirm-ink) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

/* Main section headings */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  position: relative;
  margin: 28px 0 12px !important;
  padding-left: 13px !important;
  color: var(--ab-confirm-ink) !important;
  font-size: clamp(23px, 2.5vw, 30px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}

body.woocommerce-order-received .woocommerce-order-details__title::before,
body.woocommerce-order-received .woocommerce-column__title::before {
  content: "";
  position: absolute;
  inset: 2px auto 2px 0;
  width: 4px;
  border-radius: 999px;
  background: var(--ab-confirm-orange);
}

/* Order details card */
body.woocommerce-order-received .woocommerce-order-details {
  margin-top: 22px !important;
  padding: 20px !important;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(17,19,24,.045) !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
  width: 100% !important;
  overflow: hidden;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th {
  padding: 13px 16px !important;
  border: 0 !important;
  background: var(--ab-confirm-ink) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
  padding: 14px 16px !important;
  border-top: 1px solid #e7e9ed !important;
  color: #4f5662 !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

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

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th {
  width: 27%;
  color: #353b44 !important;
  font-weight: 850 !important;
}

/* Make the final order total unmistakable. */
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td {
  border-top-color: #252b35 !important;
  background:
    linear-gradient(135deg, #101216 0%, #1a1f28 100%) !important;
  color: #fff !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child strong {
  color: var(--ab-confirm-orange) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

/* Product meta reads more like a clean spec list. */
body.woocommerce-order-received td.product-name {
  color: #555d69 !important;
  line-height: 1.5 !important;
}

body.woocommerce-order-received td.product-name > a,
body.woocommerce-order-received td.product-name > strong {
  color: var(--ab-confirm-ink) !important;
  font-weight: 900 !important;
}

/* Approved Banner Design section generated by Builder Bridge */
body.woocommerce-order-received .woocommerce-order-details:has(img[alt="Approved banner design"]) {
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%) !important;
}

body.woocommerce-order-received
.woocommerce-order-details:has(img[alt="Approved banner design"]) > div {
  display: grid !important;
  grid-template-columns: minmax(210px, 320px) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 8px 26px;
  align-items: start;
  padding: 18px !important;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 12px !important;
  background: #f7f8fa !important;
}

body.woocommerce-order-received
.woocommerce-order-details img[alt="Approved banner design"] {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(17,19,24,.12) !important;
}

body.woocommerce-order-received
.woocommerce-order-details:has(img[alt="Approved banner design"]) > div > p {
  margin: 0 !important;
  color: var(--ab-confirm-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.woocommerce-order-received
.woocommerce-order-details:has(img[alt="Approved banner design"]) > div > p:first-of-type {
  align-self: end;
  color: var(--ab-confirm-ink) !important;
  font-size: 15px !important;
}

/* Customer/billing address card */
body.woocommerce-order-received .woocommerce-customer-details {
  margin-top: 22px !important;
  padding: 20px !important;
  border: 1px solid var(--ab-confirm-border) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(17,19,24,.045) !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f7f8fa !important;
  color: #555d69 !important;
  font-style: normal !important;
  line-height: 1.65 !important;
}

/* Mobile thank-you page */
@media (max-width: 782px) {
  body.woocommerce-order-received .woocommerce {
    width: min(100% - 20px, 1180px) !important;
    padding: 16px 0 42px !important;
  }

  body.woocommerce-order-received .woocommerce-order {
    padding: 14px !important;
    border-radius: 15px !important;
    box-shadow: 0 12px 34px rgba(17,19,24,.07) !important;
  }

  body.woocommerce-order-received .woocommerce-notice--success,
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    padding: 22px 18px 22px 68px !important;
    border-radius: 13px !important;
    font-size: 25px !important;
  }

  body.woocommerce-order-received .woocommerce-notice--success::before,
  body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    left: 18px;
    width: 36px;
    height: 36px;
    font-size: 19px;
  }

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

  body.woocommerce-order-received .woocommerce-order-overview li {
    padding: 12px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    padding: 13px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td {
    padding: 11px 10px !important;
    font-size: 12.5px !important;
  }

  body.woocommerce-order-received
  .woocommerce-order-details:has(img[alt="Approved banner design"]) > div {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 12px;
    padding: 13px !important;
  }

  body.woocommerce-order-received
  .woocommerce-order-details img[alt="Approved banner design"] {
    grid-column: auto;
    grid-row: auto;
    max-width: 100% !important;
  }
}

@media (max-width: 440px) {
  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   v1.1.2 — ORDER SUMMARY BLOCK FIX
   Keep all 5 confirmation blocks aligned and compact
   ========================================================= */

@media (min-width: 981px) {
  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 118px !important;
    padding: 18px 18px !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li strong,
  body.woocommerce-order-received .woocommerce-order-overview li span {
    display: inline !important;
    margin-top: 8px !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Email needs a slightly smaller value size so it stays on one line. */
  body.woocommerce-order-received
  .woocommerce-order-overview__email strong,
  body.woocommerce-order-received
  .woocommerce-order-overview__email span {
    font-size: 13px !important;
    letter-spacing: -.02em !important;
  }

  /* Keep currency symbol and amount together. */
  body.woocommerce-order-received
  .woocommerce-order-overview__total strong,
  body.woocommerce-order-received
  .woocommerce-order-overview__total .woocommerce-Price-amount,
  body.woocommerce-order-received
  .woocommerce-order-overview__total .woocommerce-Price-currencySymbol {
    display: inline !important;
    white-space: nowrap !important;
  }

  /* Keep payment icon + card ending together inside the fifth card. */
  body.woocommerce-order-received
  .woocommerce-order-overview__payment-method strong,
  body.woocommerce-order-received
  .woocommerce-order-overview__payment-method span {
    white-space: nowrap !important;
  }
}

/* Tablet: 3 + 2, still balanced. */
@media (min-width: 783px) and (max-width: 980px) {
  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    min-height: 104px !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li strong,
  body.woocommerce-order-received .woocommerce-order-overview li span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* Phone: two columns, then final block full width if odd. */
@media (max-width: 782px) {
  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    min-height: 94px !important;
    padding: 12px !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li strong,
  body.woocommerce-order-received .woocommerce-order-overview li span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.woocommerce-order-received
  .woocommerce-order-overview li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}


/* =========================================================
   v1.1.5 — SERVER-RENDERED ORDER SUMMARY
   ========================================================= */

body.woocommerce-order-received
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  display: none !important;
}

body.woocommerce-order-received .ab-thankyou-summary {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: 100% !important;
  margin: 18px 0 28px !important;
  overflow: hidden !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(17,19,24,.045) !important;
}

body.woocommerce-order-received .ab-thankyou-summary-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 16px 18px !important;
  border-right: 1px solid #e5e8ec !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.woocommerce-order-received .ab-thankyou-summary-item:last-child {
  border-right: 0 !important;
}

body.woocommerce-order-received .ab-thankyou-summary-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #7d8795 !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received .ab-thankyou-summary-item > strong {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #111318 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.woocommerce-order-received .ab-thankyou-summary-email > strong {
  font-size: 13px !important;
}

body.woocommerce-order-received .ab-thankyou-summary-payment > strong {
  font-size: 14px !important;
}

body.woocommerce-order-received
.ab-thankyou-summary
.woocommerce-Price-amount,
body.woocommerce-order-received
.ab-thankyou-summary
.woocommerce-Price-amount bdi,
body.woocommerce-order-received
.ab-thankyou-summary
.woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px) {
  body.woocommerce-order-received .ab-thankyou-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .ab-thankyou-summary-item {
    min-height: 84px !important;
    border-bottom: 1px solid #e5e8ec !important;
  }

  body.woocommerce-order-received .ab-thankyou-summary-item:nth-child(2n) {
    border-right: 0 !important;
  }

  body.woocommerce-order-received .ab-thankyou-summary-item:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 560px) {
  body.woocommerce-order-received .ab-thankyou-summary {
    grid-template-columns: 1fr !important;
    border-radius: 12px !important;
  }

  body.woocommerce-order-received .ab-thankyou-summary-item,
  body.woocommerce-order-received .ab-thankyou-summary-item:nth-child(2n) {
    min-height: 70px !important;
    padding: 13px 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5e8ec !important;
  }

  body.woocommerce-order-received .ab-thankyou-summary-item:last-child {
    grid-column: auto !important;
    border-bottom: 0 !important;
  }
}