/* OY6D Checkout and Cart visual upgrade — v0.9.1
 * Intended for Storefront + WooCommerce, supports Checkout Blocks and Classic Checkout.
 * CSS only: DOES NOT change checkout calculations, payment fields, or order processing.
 */

body.woocommerce-checkout, body.woocommerce-cart {
  --oy6d-night: #0b1018;
  --oy6d-ink: #f6f8fc;
  --oy6d-card: #15202f;
  --oy6d-field: #0d1724;
  --oy6d-muted: #bdcbdc;
  --oy6d-line: #304156;
  --oy6d-blue: #4b8bea;
  --oy6d-blue-light: #94bfff;
  background: var(--oy6d-night);
  color: var(--oy6d-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Checkout header and distraction-free canvas */
body.woocommerce-checkout .site-header,
body.woocommerce-cart .site-header {
  background: #080d15;
  border-bottom: 1px solid var(--oy6d-line);
  color: var(--oy6d-ink);
  padding-top: 22px;
  padding-bottom: 22px;
  margin-bottom: 0;
}
body.woocommerce-checkout .site-header .site-title a,
body.woocommerce-cart .site-header .site-title a,
body.woocommerce-checkout .site-header .site-description,
body.woocommerce-cart .site-header .site-description {
  color: var(--oy6d-ink);
}
body.woocommerce-checkout .site-header .site-branding,
body.woocommerce-cart .site-header .site-branding { margin-bottom: 0; }
body.woocommerce-checkout .site-header .site-search,
body.woocommerce-checkout .secondary-navigation,
body.woocommerce-checkout .storefront-primary-navigation,
body.woocommerce-checkout .storefront-breadcrumb,
body.woocommerce-checkout .widget-area,
body.woocommerce-checkout .storefront-handheld-footer-bar,
body.woocommerce-cart .storefront-breadcrumb,
body.woocommerce-cart .widget-area { display: none !important; }
body.woocommerce-checkout .site-content,
body.woocommerce-cart .site-content {
  background: radial-gradient(ellipse at 70% 0%, #172940, transparent 55%), var(--oy6d-night);
  padding: 28px 0 78px;
  min-height: 64vh;
}
body.woocommerce-checkout .site-content > .col-full,
body.woocommerce-cart .site-content > .col-full { max-width: 1200px; width: calc(100% - 40px); }
body.woocommerce-checkout .content-area,
body.woocommerce-cart .content-area {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
body.woocommerce-checkout .site-main,
body.woocommerce-cart .site-main { margin-bottom: 0; }
body.woocommerce-checkout .entry-header,
body.woocommerce-cart .entry-header { margin: 0 0 27px; }
body.woocommerce-checkout .entry-header::before {
  content: 'ON YOUR 6 DESIGNS  •  SECURE CHECKOUT';
  display: block;
  color: var(--oy6d-blue-light);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  margin: 0 0 8px;
}
body.woocommerce-cart .entry-header::before {
  content: 'ON YOUR 6 DESIGNS  •  REVIEW YOUR ORDER';
  display: block;
  color: var(--oy6d-blue-light);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  margin: 0 0 8px;
}
body.woocommerce-checkout .entry-title,
body.woocommerce-cart .entry-title {
  font-size: clamp(30px, 4vw, 45px);
  font-weight: 850;
  letter-spacing: -.03em;
  color: var(--oy6d-ink);
  margin: 0;
}
body.woocommerce-checkout :is(h2,h3,h4),
body.woocommerce-cart :is(h2,h3,h4) { color: var(--oy6d-ink); }
body.woocommerce-checkout :is(a, .woocommerce a),
body.woocommerce-cart :is(a, .woocommerce a) { color: var(--oy6d-blue-light); }
body.woocommerce-checkout :is(p, label, li),
body.woocommerce-cart :is(p, label, li) { color: inherit; }
body.woocommerce-checkout .site-footer,
body.woocommerce-cart .site-footer {
  background: #080d15;
  border-top: 1px solid var(--oy6d-line);
  color: var(--oy6d-muted);
}

/* Accessible focus and errors */
body.woocommerce-checkout :is(input,select,textarea,button,a):focus-visible,
body.woocommerce-cart :is(input,select,textarea,button,a):focus-visible {
  outline: 3px solid var(--oy6d-blue-light) !important;
  outline-offset: 2px;
}
body.woocommerce-checkout :is(input,textarea,select),
body.woocommerce-cart :is(input,textarea,select) { accent-color: var(--oy6d-blue); }
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .wc-block-components-notice-banner.is-error,
body.woocommerce-cart .wc-block-components-notice-banner.is-error {
  background: #442027;
  border: 1px solid #b56b75;
  color: #fff1f2;
  border-radius: 10px;
}
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-cart .woocommerce-info {
  background: #223c5a;
  border: 1px solid #51789d;
  color: #ffffff;
  border-radius: 10px;
}

/* Modern WooCommerce Checkout BLOCKS */
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart { color: var(--oy6d-ink); }
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar {
  background: var(--oy6d-card);
  border: 1px solid var(--oy6d-line);
  border-radius: 16px;
  padding: 26px;
  box-sizing: border-box;
  min-width: 0;
}
body.woocommerce-checkout .wc-block-components-checkout-step__heading-title,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.woocommerce-cart .wc-block-components-totals-item__label { color: var(--oy6d-ink); }
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-totals-item__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices,
body.woocommerce-cart .wc-block-components-totals-item__description { color: var(--oy6d-muted); }
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-select select,
body.woocommerce-checkout .wc-block-components-textarea,
body.woocommerce-cart .wc-block-components-text-input input {
  background: var(--oy6d-field) !important;
  border: 1px solid #62768e !important;
  border-radius: 9px !important;
  color: #fff !important;
  box-shadow: none !important;
  min-height: 50px;
  font-size: 16px;
}
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox-control label,
body.woocommerce-checkout .wc-block-components-select label,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-radio-control__label { color: #d7e3f1 !important; }
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder { color: #a5b7cb; }
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox-control input:focus {
  border-color: var(--oy6d-blue-light) !important;
  box-shadow: 0 0 0 2px rgba(148,191,255,.22) !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__option,
body.woocommerce-checkout .wc-block-components-shipping-rates-control__package,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-cart .wc-block-components-order-summary {
  border-color: var(--oy6d-line);
  background: transparent;
  color: var(--oy6d-ink);
}
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--oy6d-blue-light);
  font-weight: 850;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-cart .wc-block-cart__submit-button {
  background: #3f7fdc !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 800;
  min-height: 54px;
  box-shadow: none !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover { background: #336fc4 !important; }
body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text,
body.woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text { color: #fff !important; }
body.woocommerce-checkout .wc-block-components-payment-method-label,
body.woocommerce-checkout .wc-block-components-payment-method-icons,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-content { color: var(--oy6d-ink); }

/* Classic checkout (shortcode), including Storefront's form layout */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment,
body.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--oy6d-card);
  border: 1px solid var(--oy6d-line);
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 18px;
  color: var(--oy6d-ink);
  box-sizing: border-box;
}
body.woocommerce-checkout #payment { border: none; padding: 10px 0; }
body.woocommerce-checkout #payment div.payment_box { background: #0d1724; color: #fff; }
body.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #0d1724; }
body.woocommerce-checkout .form-row :is(input.input-text,select,textarea),
body.woocommerce-cart .quantity .qty {
  background: var(--oy6d-field);
  border: 1px solid #62768e;
  border-radius: 9px;
  color: #fff;
  min-height: 49px;
  padding: 10px 12px;
  font-size: 16px;
}
body.woocommerce-checkout .form-row label { color: #d7e3f1; font-weight: 700; }
body.woocommerce-checkout .select2-container--default .select2-selection--single {
  background: var(--oy6d-field);
  border: 1px solid #62768e;
  color: #fff;
  min-height: 49px;
  border-radius: 9px;
  padding-top: 10px;
}
body.woocommerce-checkout .select2-selection__rendered { color: #fff !important; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-cart .shop_table,
body.woocommerce-checkout .shop_table {
  background: var(--oy6d-card);
  border: 1px solid var(--oy6d-line);
  border-radius: 12px;
  color: var(--oy6d-ink);
}
body.woocommerce-checkout :is(.shop_table td,.shop_table th),
body.woocommerce-cart :is(.shop_table td,.shop_table th) { border-color: var(--oy6d-line); color: var(--oy6d-ink); }
body.woocommerce-checkout #place_order,
body.woocommerce-cart :is(.checkout-button,.button.alt) {
  background: #3f7fdc !important;
  color: #fff !important;
  border-radius: 9px;
  font-weight: 800;
  min-height: 54px;
  border: none;
}
body.woocommerce-checkout #place_order:hover,
body.woocommerce-cart :is(.checkout-button,.button.alt):hover { background: #336fc4 !important; }

/* Mobile: no horizontal scrolling, comfortable tap targets */
@media (max-width: 850px) {
  body.woocommerce-checkout .site-content,
  body.woocommerce-cart .site-content { padding: 22px 0 56px; }
  body.woocommerce-checkout .site-content > .col-full,
  body.woocommerce-cart .site-content > .col-full { width: calc(100% - 28px); }
  body.woocommerce-checkout .wc-block-checkout__main,
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar { padding: 18px 14px; border-radius: 12px; }
  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-shipping-fields,
  body.woocommerce-checkout .woocommerce-additional-fields,
  body.woocommerce-checkout #order_review { padding: 18px 14px; }
  body.woocommerce-checkout .col2-set .col-1,
  body.woocommerce-checkout .col2-set .col-2 { width: 100%; float: none; }
  body.woocommerce-checkout .woocommerce-checkout,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-cart .wc-block-cart { min-width: 0; max-width: 100%; }
}
@media (max-width: 480px) {
  body.woocommerce-checkout .entry-header::before,
  body.woocommerce-cart .entry-header::before { font-size: 10px; }
  body.woocommerce-checkout .site-header,
  body.woocommerce-cart .site-header { padding-top: 14px; padding-bottom: 14px; }
  body.woocommerce-checkout .wc-block-components-text-input input,
  body.woocommerce-checkout .form-row input.input-text { font-size: 16px; }
}


/* OY6D 1.0.1 — MOBILE CART FIX
 * Only affects WooCommerce cart display, never pricing, cart contents or checkout.
 * Restrict normal Storefront theme wrappers, WC Blocks and classic cart tables
 * to the available viewport, including long custom holster option labels.
 */
body.woocommerce-cart,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart .site-content > .col-full,
body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main,
body.woocommerce-cart .hentry,
body.woocommerce-cart .entry-header,
body.woocommerce-cart .entry-content {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
body.woocommerce-cart .site-content .col-full { float: none; }
body.woocommerce-cart .entry-content,
body.woocommerce-cart .entry-content > * { min-width: 0; max-width: 100%; }
body.woocommerce-cart .entry-content :is(.wc-block-cart,.wc-block-cart__main,.wc-block-cart__sidebar,.wc-block-cart-items,.wc-block-cart-items__row,.wc-block-cart-item__wrap,.wc-block-components-product-details,.wc-block-components-product-name,.cart-collaterals,.cart_totals,.woocommerce-cart-form,.woocommerce-cart-form__cart-item) {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
body.woocommerce-cart :is(.wc-block-components-product-name,.wc-block-components-product-details__name,.wc-block-components-product-details__value,.wc-block-components-totals-item__label,.product-name,.variation) {
  overflow-wrap:anywhere;
  word-break:normal;
}
@media (max-width: 782px) {
  /* Storefront or blocks may reserve desktop margins above/beside the cart. */
  body.woocommerce-cart .site-content {padding-top:12px!important; padding-bottom:42px; min-height:0;}
  body.woocommerce-cart .site-content > .col-full {width:calc(100% - 28px)!important;max-width:100%!important;margin-inline:auto!important;padding:0!important;}
  body.woocommerce-cart :is(.site-main,.content-area,.hentry,.entry-header,.entry-content) {margin-top:0!important;padding-top:0!important;}
  body.woocommerce-cart .entry-header {margin-bottom:12px!important;}
  body.woocommerce-cart .entry-title {font-size:clamp(27px,8vw,36px);line-height:1.15;}
  body.woocommerce-cart .oy6d-continue-shopping {margin:0 0 12px;}
  /* WC cart blocks: replace two-column layout with natural vertical flow. */
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar {
    display:block!important;
    float:none!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:14px 12px!important;
  }
  body.woocommerce-cart .wc-block-cart__main > *,
  body.woocommerce-cart .wc-block-cart__sidebar > * {max-width:100%;min-width:0;}
  body.woocommerce-cart .wc-block-cart__main :is(table,tbody,tr,td,.wc-block-cart-items,.wc-block-cart-items__row,.wc-block-cart-item__wrap,.wc-block-components-product-details) {
    max-width:100%;min-width:0;
  }
  body.woocommerce-cart .wc-block-cart__main table {width:100%;}
  body.woocommerce-cart .wc-block-cart__main :is(img,svg) {max-width:100%;height:auto;}
  body.woocommerce-cart .wc-block-cart__main .wc-block-cart-items__row,
  body.woocommerce-cart .wc-block-cart__main .wc-block-cart-item__wrap {overflow-wrap:anywhere;}
  /* Classic shortcode carts: Storefront's desktop table sizing must not
     force a wider-than-phone page. Let Woo's responsive rows stack. */
  body.woocommerce-cart :is(.woocommerce,.woocommerce-cart-form,.cart-collaterals,.cart_totals) {
    float:none!important;
    clear:both;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-collapse:separate;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead {display:none!important;}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr {display:block!important;width:100%;max-width:100%;}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item {
    margin-bottom:12px;
    padding:9px 10px;
    background:var(--oy6d-card);
    border:1px solid var(--oy6d-line);
    border-radius:12px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td {
    box-sizing:border-box;
    display:block!important;
    float:none!important;
    clear:both;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px 4px!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td::before {
    float:none!important;
    margin-right:8px;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-thumbnail {display:none!important;}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions {
    display:block!important;
    box-sizing:border-box;
    width:100%!important;
    max-width:100%;
    padding:12px 4px!important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon :is(input,button) {
    max-width:100%;
  }
  body.woocommerce-cart .cart-collaterals .cart_totals {padding:16px 12px;}
  body.woocommerce-cart .cart-collaterals .cart_totals table {width:100%;max-width:100%;}
}
@media (max-width: 380px) {
  body.woocommerce-cart .site-content > .col-full {width:calc(100% - 20px)!important;}
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar {padding:12px 9px!important;}
}


/* OY6D v1.0.3 — Classic Cart + Classic Checkout contrast / photo fix.
 * All rules are scoped to WooCommerce cart and checkout only. No impact on
 * payment form behavior, total calculations, catalog or admin settings.
 */
body.woocommerce-cart,
body.woocommerce-checkout {
  --oy6d-classic-panel: #142235;
  --oy6d-classic-row: #172a41;
  --oy6d-classic-row-alt: #122136;
  --oy6d-classic-ink: #f5f9ff;
  --oy6d-classic-detail: #cfdeee;
}
/* WooCommerce/Storefront apply their own background to table cells and
   alternate rows, which made inherited white text invisible. Explicitly
   style the outer table AND each classic table cell. */
body.woocommerce-cart .woocommerce-cart-form table.shop_table,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
  background: var(--oy6d-classic-panel) !important;
  border: 1px solid #385474 !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  color: var(--oy6d-classic-ink) !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table :is(thead,tbody,tfoot,tr,th,td),
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table :is(thead,tbody,tfoot,tr,th,td),
body.woocommerce-checkout table.woocommerce-checkout-review-order-table :is(thead,tbody,tfoot,tr,th,td),
body.woocommerce-checkout #order_review .shop_table :is(thead,tbody,tfoot,tr,th,td) {
  background: var(--oy6d-classic-panel) !important;
  color: var(--oy6d-classic-ink) !important;
  border-color: #385474 !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
  background: #203550 !important;
  color: #f5f9ff !important;
  font-weight: 800;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td,
body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody th {
  background: var(--oy6d-classic-row) !important;
  color: var(--oy6d-classic-ink) !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table :is(.product-name,.product-price,.product-subtotal, .product-quantity, bdi, .amount),
body.woocommerce-checkout table.woocommerce-checkout-review-order-table :is(.product-name,.product-total,bdi,.amount),
body.woocommerce-cart .cart-collaterals .cart_totals :is(.amount,bdi,.order-total,th,td) {
  color: var(--oy6d-classic-ink) !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-name > a,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name > a {
  color: #add1ff !important;
  font-weight: 750;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table :is(dl.variation,dl.variation dt,dl.variation dd,dl.variation p,.wc-item-meta,.wc-item-meta li,.wc-item-meta-label),
body.woocommerce-checkout table.woocommerce-checkout-review-order-table :is(dl.variation,dl.variation dt,dl.variation dd,dl.variation p,.wc-item-meta,.wc-item-meta li,.wc-item-meta-label) {
  color: var(--oy6d-classic-detail) !important;
  background: transparent !important;
}
/* Details remain easy to scan; avoid separate stacked lines for each label/value. */
body.woocommerce-cart .woocommerce-cart-form .product-name dl.variation,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name dl.variation {
  display: grid !important;
  grid-template-columns: max-content minmax(0,1fr);
  gap: 3px 10px;
  width: 100%;
  max-width: 420px;
  padding: 0;
  margin: 11px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
body.woocommerce-cart .woocommerce-cart-form .product-name dl.variation :is(dt,dd),
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name dl.variation :is(dt,dd) {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.woocommerce-cart .woocommerce-cart-form .product-name dl.variation dt,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name dl.variation dt {
  color: #9dc1f0 !important;
  font-weight: 800;
}
body.woocommerce-cart .woocommerce-cart-form .product-name dl.variation dd p,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name dl.variation dd p {
  margin: 0 !important;
  color: #f5f9ff !important;
}
/* Ensure WooCommerce subtotal and discount/total rows never disappear. */
body.woocommerce-checkout #order_review :is(.cart-subtotal,.shipping,.tax-rate,.order-total,.fee) :is(th,td),
body.woocommerce-cart .cart-collaterals .cart_totals :is(.cart-subtotal,.shipping,.tax-rate,.order-total,.fee) :is(th,td) {
  color: #f5f9ff !important;
  background: #182b43 !important;
}
body.woocommerce-checkout #order_review .order-total :is(bdi,.amount),
body.woocommerce-cart .cart-collaterals .cart_totals .order-total :is(bdi,.amount) {
  color: #a5cbff !important;
  font-weight: 900;
}
/* Product photo fallback and real WooCommerce thumbnails share the same size. */
body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img,
body.woocommerce-checkout .oy6d-checkout-product img {
  display: block;
  width: 96px;
  height: 96px;
  max-width: 100%;
  object-fit: contain;
  border: 1px solid #496481;
  border-radius: 9px;
  background: #f8f9fc;
  padding: 3px;
  box-sizing: border-box;
}
body.woocommerce-checkout .oy6d-checkout-product {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  max-width: 100%;
}
body.woocommerce-checkout .oy6d-checkout-product-name {flex: 1;min-width: 0;}
/* Woo mobile styles hide thumbnail cells. Show them for this catalog. */
@media (max-width:782px) {
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td.product-thumbnail,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-thumbnail {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td.product-thumbnail::before {display:none!important;}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td.product-thumbnail img {width: 90px;height:90px;margin:0;}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table :is(tr.cart_item,td) {border-color:#385474!important;}
  body.woocommerce-checkout .oy6d-checkout-product img {width: 64px;height:64px;flex:0 0 64px;}
}
@media(max-width:420px) {
  body.woocommerce-cart .woocommerce-cart-form .product-name dl.variation,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name dl.variation {
    grid-template-columns: minmax(96px,40%) minmax(0,1fr);
  }
}


/* OY6D v1.0.4 — Classic Checkout MOBILE order-summary readability.
 * A two-column desktop table + product image + two-column product options
 * leaves a 1-character-wide values column on phones. Let each order item
 * use the full order summary width. Does not touch prices, cart data,
 * field validation, or payment methods.
 */
@media (max-width: 767px) {
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead {
    display: none !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody {
    display: block !important;
    width: 100% !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 7px 0 11px !important;
    border-bottom: 1px solid #385474 !important;
    box-sizing: border-box !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name,
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-total {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    text-align: left !important;
    white-space: normal !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name {
    border-bottom: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 12px !important;
    border-top: 1px solid #385474 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-weight: 750;
    text-align: right !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-total::before {
    content: 'Item subtotal';
    display: block;
    flex: 1 1 auto;
    color: #9dc1f0 !important;
    font-weight: 700;
    text-align: left;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td.product-total :is(.amount,bdi) {
    white-space: nowrap !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name .oy6d-checkout-product {
    display: flex !important;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 6px;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name .oy6d-checkout-product-name {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name dl.variation {
    display: grid !important;
    grid-template-columns: minmax(98px, 38%) minmax(0, 1fr) !important;
    gap: 5px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name dl.variation :is(dt,dd,dd p) {
    min-width: 0 !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    letter-spacing: normal !important;
  }
  /* Woo may render meta as a list instead of a dl in some versions. */
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name ul.wc-item-meta {
    display: block !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name ul.wc-item-meta li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  /* Totals remain in normal WooCommerce table structure for shipping,
     coupon, fee, and gateway compatibility. */
  body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot {
    display: table !important;
    width: 100% !important;
    table-layout: auto !important;
  }
}


/* OY6D v1.0.5 - classic checkout privacy + place-order contrast.
 * Storefront/WooCommerce may give the payment form's .place-order section
 * a white background, while the OY6D theme uses near-white foreground text.
 * This is only visual: no changes to gateway availability, checkout logic,
 * merchant credentials, order total, or checkbox behavior.
 */
body.woocommerce-checkout form.checkout #payment .place-order,
body.woocommerce-checkout form.checkout #payment .form-row.place-order,
body.woocommerce-checkout form.checkout .woocommerce-checkout-payment .place-order {
  background: #17263b !important;
  color: #f5f9ff !important;
  border: 1px solid #344c68 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}
body.woocommerce-checkout form.checkout #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout form.checkout #payment .woocommerce-privacy-policy-text {
  background: transparent !important;
  color: #e2edff !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.woocommerce-checkout form.checkout #payment .woocommerce-privacy-policy-text :is(p, span, label),
body.woocommerce-checkout form.checkout #payment .place-order > p,
body.woocommerce-checkout form.checkout #payment .place-order > label {
  color: #e2edff !important;
  background: transparent !important;
}
body.woocommerce-checkout form.checkout #payment .place-order a {
  color: #a6cdff !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.woocommerce-checkout form.checkout #payment .place-order #place_order {
  display: block;
  width: 100%;
  max-width: 100%;
  background: #3f7fdc !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-weight: 800;
}
@media (max-width: 767px) {
  body.woocommerce-checkout form.checkout #payment .place-order {padding: 16px !important;}
}


/* OY6D v1.0.7: Authorize.Net/SkyVerge classic credit-card form contrast.
 * Scoped exclusively to the classic checkout payment panel; only CSS.
 * Does not change the Authorize.Net gateway, scripts, secure frames,
 * card validation, credential storage, prices, or payment processing.
 */
body.woocommerce-checkout form.checkout #payment ul.payment_methods,
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li,
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method {
  background: #182b43 !important;
  color: #f4f8ff !important;
  border-color: #36516e !important;
  box-shadow: none !important;
}
body.woocommerce-checkout form.checkout #payment ul.payment_methods {
  border: 1px solid #36516e !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
  margin-bottom: 16px !important;
}
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method {
  padding: 14px 16px !important;
  margin: 0 !important;
}
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method + li.wc_payment_method {
  border-top: 1px solid #36516e !important;
}
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method > label,
body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method > label > span {
  color: #f5f9ff !important;
  background: transparent !important;
  font-weight: 700 !important;
}
/* WooCommerce's payment_box and the hosted gateway's outer form shell.
 * Keep both on the same navy surface as the rest of checkout. */
body.woocommerce-checkout form.checkout #payment div.payment_box,
body.woocommerce-checkout form.checkout #payment div.payment_box.payment_method_authorize_net_cim_credit_card,
body.woocommerce-checkout form.checkout #payment div.payment_box :is(.wc-payment-form,.sv-wc-payment-gateway-payment-form,fieldset),
body.woocommerce-checkout form.checkout #payment div.payment_box :is(.form-row,.form-row-first,.form-row-last,.form-row-wide) {
  background: #0e1c2d !important;
  color: #f5f9ff !important;
  box-shadow: none !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box {
  border: 1px solid #36516e !important;
  border-radius: 10px !important;
  margin-top: 16px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box::before {
  border-bottom-color: #0e1c2d !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box :is(legend,label,p,small,.description,.sv-wc-payment-gateway-payment-form-description) {
  color: #e5efff !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box :is(input.input-text,input[type="tel"],input[type="text"],input[type="password"],select) {
  color: #ffffff !important;
  background: #0b1626 !important;
  border: 1px solid #667e9c !important;
  border-radius: 8px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box input::placeholder { color: #9cb5d2 !important; }
body.woocommerce-checkout form.checkout #payment div.payment_box :is(input,select):focus-visible {
  outline: 2px solid #94bfff !important;
  outline-offset: 1px;
}
body.woocommerce-checkout form.checkout #payment div.payment_box .form-row {
  max-width: 100% !important;
}
body.woocommerce-checkout form.checkout #payment div.payment_box :is(.required,.woocommerce-invalid label) { color: #ff9da9 !important; }
/* Don't recolor card network artwork or the contents of a secure third-party iframe. */
body.woocommerce-checkout form.checkout #payment ul.payment_methods li.wc_payment_method img {
  background: transparent !important;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  body.woocommerce-checkout form.checkout #payment ul.payment_methods > li.wc_payment_method { padding: 12px !important; }
  body.woocommerce-checkout form.checkout #payment div.payment_box { padding: 12px !important; }
  body.woocommerce-checkout form.checkout #payment div.payment_box :is(.form-row-first,.form-row-last) {
    float: none !important;
    width: 100% !important;
  }
}