/* ==========================================================================
   Varsity Supreme — woo-account.css : brand pass for Cart / Checkout / Account.
   These use WooCommerce Blocks (wc-blocks). We keep Woo's base styles and layer
   our tokens on top (no pixel mockup exists for these pages). Loads on
   is_cart / is_checkout / is_account_page only.
   ========================================================================== */

/* Wider container than prose; let block align utilities fill it. */
.vs-woo-page{max-width:none}
.vs-woo-page .alignwide,
.vs-woo-page .alignfull{max-width:none;margin-left:0;margin-right:0;width:auto}

/* Headings in Woo flows */
.vs-woo-page h2,
.vs-woo-page h3,
.vs-woo-page .wc-block-components-title,
.vs-woo-page .wc-block-components-checkout-step__title{
  font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
}

/* Links / accents */
.vs-woo-page a{color:var(--red)}
.vs-woo-page a:hover{text-decoration:underline}

/* Buttons -> pills. Primary actions red; everything keyed off our tokens. */
.vs-woo-page .wc-block-components-button:not(.wc-block-components-button--is-link),
.vs-woo-page .wp-element-button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button{
  border-radius:100px !important;
  background:var(--ink);
  border:1.5px solid var(--ink);
  color:var(--paper);
  font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;
  padding:13px 26px;
  transition:transform .15s,background .15s,color .15s;
  box-shadow:none;
}
.vs-woo-page .wc-block-components-button:not(.wc-block-components-button--is-link):hover,
.woocommerce .button:hover{transform:translateY(-2px)}

/* The conversion CTAs (proceed to checkout / place order) -> red */
.vs-woo-page .wc-block-cart__submit-button,
.vs-woo-page .wc-block-components-checkout-place-order-button,
.woocommerce #place_order,
.woocommerce .checkout-button{
  background:var(--red) !important;border-color:var(--red) !important;color:#fff !important;width:100%;
}
.vs-woo-page .wc-block-cart__submit-button:hover,
.vs-woo-page .wc-block-components-checkout-place-order-button:hover{background:var(--red-dark) !important}

/* Inputs */
.vs-woo-page .wc-block-components-text-input input,
.vs-woo-page .wc-block-components-text-input textarea,
.woocommerce form .input-text{
  border:1.5px solid var(--line) !important;border-radius:10px !important;
  font-family:'Inter',sans-serif;background:var(--surface);
}
/* selects styled globally in base.css (custom chevron) */
.vs-woo-page .wc-block-components-text-input.is-active input,
.vs-woo-page input:focus,
.woocommerce form .input-text:focus{border-color:var(--ink) !important;outline:none}
.vs-woo-page .wc-block-components-text-input label{font-family:'Inter',sans-serif}

/* Cards / panels / order summary */
.vs-woo-page .wc-block-components-panel,
.vs-woo-page .wc-block-components-order-summary,
.vs-woo-page .wc-block-components-sidebar{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r)
}

/* Totals */
.vs-woo-page .wc-block-components-totals-item__value,
.vs-woo-page .wc-block-formatted-money-amount,
.woocommerce .order-total .amount{font-family:'Space Mono',monospace;font-weight:700;color:var(--ink)}

/* Classic cart table (account/order pages) */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.woocommerce table.shop_table th{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}

/* My Account nav */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:inline-block;border:1.5px solid var(--line);border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---- Cart/Checkout: totals sidebar + coupon (exact wc-blocks classes) ---- */

/* Order-summary card — uniform padding so content is evenly inset (centered) */
.wc-block-components-sidebar,
.wc-block-cart__sidebar .wc-block-components-sidebar{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  border-radius:var(--r) !important;padding:26px !important
}

/* "Cart totals" -> brand eyebrow (red Space Mono), matches site section eyebrows */
.wc-block-cart__totals-title{
  font-family:'Space Mono',monospace !important;
  font-size:11px !important;font-weight:700 !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;color:var(--red) !important;
}

/* Totals rows */
.wc-block-components-totals-item__label{font-family:'Inter',sans-serif;color:var(--grey)}
.wc-block-components-totals-item__value{
  font-family:'Space Mono',monospace !important;font-weight:700 !important;color:var(--ink) !important
}

/* Estimated total -> strong Archivo label + larger mono value */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:'Archivo',sans-serif !important;font-weight:800 !important;
  text-transform:uppercase;letter-spacing:-.01em;color:var(--ink) !important
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-size:1.3em !important;color:var(--ink) !important
}

/* Coupon: "Add coupons" toggle — make it an action with +/- (not a dropdown) */
.wc-block-components-panel__button{
  font-family:'Inter',sans-serif !important;font-weight:600 !important;color:var(--ink) !important;
  display:flex !important;align-items:center;width:100%
}
.wc-block-components-panel__button:hover{color:var(--red) !important}
.wc-block-components-panel__button svg{display:none !important}
.wc-block-components-panel__button::after{
  content:"+";margin-left:auto;font-family:'Space Mono',monospace;font-size:18px;
  color:var(--red);line-height:1
}
.wc-block-components-panel__button[aria-expanded="true"]::after{content:"\2013"}

/* Cart summary — remove Woo's generic divider/outline lines, keep one clean
   separator above the total; symmetric horizontal padding (was jammed right) */
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block{border-bottom:0 !important;margin-bottom:0 !important}
.wp-block-woocommerce-cart-order-summary-totals-block{border-top:1px solid var(--line) !important}
.wc-block-components-totals-wrapper,
.wc-block-components-totals-coupon,
.wc-block-components-panel{border:0 !important;box-shadow:none !important}
.wc-block-components-panel__button:focus,
.wc-block-components-panel__button:focus-visible{outline:none !important;box-shadow:none !important}

.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-proceed-to-checkout-block{
  padding-left:0 !important;padding-right:0 !important
}

/* ---- Checkout order summary: remove ALL inner box outlines ---- */
.wp-block-woocommerce-checkout-order-summary-block,
.checkout-order-summary-block-fill,
.wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-components-checkout-order-summary__title,
.wc-block-components-checkout-order-summary__content,
.wc-block-components-checkout-order-summary__content.is-open{
  border:0 !important;box-shadow:none !important
}
.wp-block-woocommerce-checkout-order-summary-block{border-radius:var(--r) !important}
.wc-block-components-checkout-order-summary__title{margin-top:0 !important;padding:0 0 14px !important}
/* one clean separator above the totals (matches cart) */
.wp-block-woocommerce-checkout-order-summary-totals-block{border-top:1px solid var(--line) !important;padding-top:16px !important}

/* ---- Checkout left column: step titles + form controls ---- */
.wc-block-components-checkout-step__title{
  font-family:'Archivo',sans-serif !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:-.01em !important
}
/* radio + checkbox accents -> brand red */
.wc-block-components-radio-control__input,
.wc-block-components-checkbox__input,
.vs-woo-page input[type=radio],
.vs-woo-page input[type=checkbox]{accent-color:var(--red)}
/* selected shipping/payment option -> ink ring (not Woo blue) */
.wc-block-components-radio-control__option{border-radius:10px}
.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control__option-checked{box-shadow:inset 0 0 0 1.5px var(--ink) !important}
/* saved address card */
.wc-block-components-address-card{border:1px solid var(--line) !important;border-radius:var(--r) !important}

/* "Order summary" -> brand heading */
.wc-block-components-checkout-order-summary__title-text{
  font-family:'Archivo',sans-serif !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:-.01em !important;
  font-size:18px !important;margin:0 !important
}

/* Product line items: flat rows with a light separator, no box */
.wc-block-components-order-summary-item{border-bottom:1px solid var(--line) !important}
.wc-block-components-order-summary .wc-block-components-order-summary-item:last-child{border-bottom:0 !important}

/* Coupon input + apply button */
.wc-block-components-totals-coupon__input input{
  border:1.5px solid var(--line) !important;border-radius:10px !important;font-family:'Inter',sans-serif
}
.wc-block-components-totals-coupon__input input:focus{border-color:var(--ink) !important;outline:none}
.wc-block-components-totals-coupon__button{
  border-radius:100px !important;background:var(--ink) !important;color:var(--paper) !important;
  border:1.5px solid var(--ink) !important;font-weight:600;padding:10px 20px
}
.wc-block-components-totals-coupon__button:hover{background:var(--red) !important;border-color:var(--red) !important}