/* ============================================================
   JERSEY RIPPERS STOREFRONT — Cart / Checkout / My Account skin
   Targets BOTH the WooCommerce Blocks (.wc-block-*) cart/checkout AND the
   classic shortcode markup, plus My Account. Loads ONLY on those pages and
   is scoped to WooCommerce content/block wrappers, so it never touches the
   header/footer. All functionality stays intact.
   ============================================================ */

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account{ background:#0a0a0d !important; }

/* tokens + base text on every relevant wrapper */
.woocommerce,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout{
  --sr-ink:#0a0a0d; --sr-panel:#121218; --sr-panel-2:#17171f; --sr-line:#2b2b35;
  --sr-text:#f4f4f2; --sr-muted:#a6a6b2; --sr-purple:#7b2ff7; --sr-purple-2:#9d5cff; --sr-yellow:#f5e003;
  --sr-radius:14px;
  font-family:'Archivo',sans-serif; color:var(--sr-text);
}
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout{ max-width:1240px; margin:0 auto; padding:30px 24px 70px; }

/* ============================================================
   WOOCOMMERCE BLOCKS (cart + checkout)
   ============================================================ */

/* headings / titles */
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-cart__totals-title,
.wc-block-components-order-summary .wc-block-components-title,
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-checkout h1{
  color:var(--sr-text) !important; font-family:'Anton',sans-serif !important; font-weight:400 !important; text-transform:uppercase; letter-spacing:.01em;
}
.wc-block-components-checkout-step__description,
.wc-block-components-checkout-step__heading-content{ color:var(--sr-muted) !important; }

/* general block text */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-components-totals-item,
.wc-block-components-product-metadata,
.wc-block-components-order-summary-item__description,
.wc-block-checkout__main,
.wc-block-checkout__sidebar{ color:var(--sr-text); }

/* product names (were pink) */
.wc-block-components-product-name{ color:var(--sr-text) !important; font-weight:700; text-decoration:none; }
a.wc-block-components-product-name:hover{ color:var(--sr-yellow) !important; }
.wc-block-components-product-metadata,
.wc-block-components-product-metadata__description{ color:var(--sr-muted) !important; }

/* prices */
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount,
.wc-block-cart-item__total .wc-block-components-product-price{ color:var(--sr-text) !important; }

/* ---- inputs / selects (were white) ---- */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-textarea,
.wc-block-components-select__container,
.wc-block-components-select select,
.wc-block-components-combobox input,
.wc-block-components-combobox-control input,
.components-combobox-control__input,
.wc-block-components-address-form input,
.wc-block-components-quantity-selector__input{
  background:var(--sr-ink) !important; border:1px solid var(--sr-line) !important; color:var(--sr-text) !important;
  border-radius:11px !important; box-shadow:none !important;
}
.wc-block-components-text-input input,
.wc-block-components-combobox-control input{ padding:16px 14px !important; min-height:52px; }
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input label,
.wc-block-components-checkout-step label,
.wc-block-components-combobox label,
.wc-block-components-select label{ color:var(--sr-muted) !important; }
.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus,
.wc-block-components-select select:focus{ border-color:var(--sr-purple-2) !important; outline:none !important; box-shadow:0 0 0 1px var(--sr-purple) !important; }
.wc-block-components-text-input.is-active label{ background:transparent !important; }
.wc-block-components-combobox-control,
.wc-block-components-select{ background:transparent !important; }
.wc-block-components-button.wc-block-components-button:not(.wc-block-components-payment-method-label){ box-shadow:none; }

/* select native arrow / combobox list */
.components-form-token-field__suggestions-list,
.wc-block-components-combobox-control .components-base-control__field li{ background:var(--sr-panel) !important; color:var(--sr-text) !important; }

/* quantity selector */
.wc-block-components-quantity-selector{ border:1px solid var(--sr-line) !important; border-radius:11px !important; background:var(--sr-ink) !important; }
.wc-block-components-quantity-selector__button{ color:var(--sr-text) !important; }
.wc-block-components-quantity-selector__input{ border:none !important; background:transparent !important; color:var(--sr-text) !important; }
.wc-block-cart-item__remove-link{ color:var(--sr-muted) !important; }
.wc-block-cart-item__remove-link:hover{ color:#ff6b6b !important; }

/* cart items table */
.wc-block-cart-items__header{ color:var(--sr-muted) !important; text-transform:uppercase; font-size:12px; letter-spacing:.06em; border-bottom:1px solid var(--sr-line) !important; }
.wc-block-cart-items__row,
.wc-block-cart-item__wrap{ border-bottom:1px solid var(--sr-line) !important; }
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img{ border-radius:10px; border:1px solid var(--sr-line); }

/* totals */
.wc-block-components-totals-item__label{ color:var(--sr-text) !important; }
.wc-block-components-totals-item__value{ color:var(--sr-text) !important; }
.wc-block-components-totals-footer-item,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount{
  color:var(--sr-yellow) !important; font-family:'Anton',sans-serif;
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item{ border-top:1px solid var(--sr-line) !important; }

/* coupon / panels */
.wc-block-components-panel,
.wc-block-components-totals-coupon{ border-top:1px solid var(--sr-line) !important; }
.wc-block-components-panel__button,
.wc-block-components-totals-coupon-link{ color:var(--sr-purple-2) !important; }

/* sidebar / order summary cards */
.wc-block-checkout__sidebar .wc-block-components-sidebar,
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-components-order-summary{
  background:var(--sr-panel) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-radius) !important; padding:22px !important;
}
.wc-block-components-order-summary-item{ border-bottom:1px solid var(--sr-line) !important; }

/* payment + checkbox + radios */
.wc-block-checkout__payment-method,
.wc-block-components-radio-control{ background:var(--sr-panel-2) !important; border:1px solid var(--sr-line) !important; border-radius:12px; }
.wc-block-components-radio-control__option,
.wc-block-components-payment-method-label{ color:var(--sr-text) !important; }
.wc-block-components-checkbox__label{ color:var(--sr-muted) !important; }
.wc-block-components-checkbox__input{ accent-color:var(--sr-purple); }

/* notices */
.wc-block-components-notice-banner{
  background:var(--sr-panel) !important; color:var(--sr-text) !important; border-radius:12px !important;
}
.wc-block-components-notice-banner.is-error{ border:1px solid #ff6b6b !important; border-left:4px solid #ff6b6b !important; }
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success{ border:1px solid var(--sr-line) !important; border-left:4px solid var(--sr-purple) !important; }
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content{ color:var(--sr-text) !important; }

/* ---- block buttons: Proceed to Checkout / Place Order (yellow) ---- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions_row button,
.wc-block-components-button.contained{
  background:#f5e003 !important; background-color:#f5e003 !important; background-image:none !important;
  color:#0a0a0d !important; border:none !important; border-radius:11px !important; box-shadow:none !important;
  font-family:'Archivo',sans-serif !important; font-weight:900 !important; letter-spacing:.04em; text-transform:uppercase;
  min-height:54px; filter:none !important; opacity:1 !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.contained:hover{ background:#fff200 !important; }
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.wc-block-components-button.contained .wc-block-components-button__text{ color:#0a0a0d !important; text-decoration:none !important; }
/* secondary/outline block buttons */
.wc-block-components-button.outlined{ border:1px solid var(--sr-line) !important; color:var(--sr-text) !important; background:var(--sr-panel-2) !important; border-radius:11px !important; }

/* links */
.wp-block-woocommerce-cart a,
.wp-block-woocommerce-checkout a{ color:var(--sr-purple-2); }
.wp-block-woocommerce-cart a:hover,
.wp-block-woocommerce-checkout a:hover{ color:var(--sr-yellow); }

/* ============================================================
   CLASSIC shortcode cart/checkout fallback (if blocks not used)
   ============================================================ */
.woocommerce a{ color:var(--sr-purple-2); }
.woocommerce a:hover{ color:var(--sr-yellow); }
.woocommerce h1,.woocommerce h2,.woocommerce h3{ color:var(--sr-text); font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; }
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .cart-empty{ background:var(--sr-panel) !important; border:1px solid var(--sr-line) !important; color:var(--sr-text) !important; border-radius:12px; padding:16px 20px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce #order_comments{ background:var(--sr-ink) !important; border:1px solid var(--sr-line) !important; color:var(--sr-text) !important; border-radius:11px !important; padding:13px 14px !important; min-height:48px; }
.woocommerce table.shop_table{ background:var(--sr-panel) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-radius) !important; border-collapse:separate !important; overflow:hidden; }
.woocommerce table.shop_table th,.woocommerce table.shop_table td{ border-top:1px solid var(--sr-line) !important; color:var(--sr-text); padding:16px 18px; }
.woocommerce table.shop_table thead th{ background:var(--sr-panel-2) !important; text-transform:uppercase; font-size:12px; color:var(--sr-muted); border-top:none !important; }
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{ background:var(--sr-panel-2) !important; background-image:none !important; color:var(--sr-text) !important; border:1px solid var(--sr-line) !important; border-radius:11px !important; font-weight:800; text-transform:uppercase; padding:14px 22px !important; }
.woocommerce .button.alt,.woocommerce #place_order,.woocommerce .checkout-button{ background:#f5e003 !important; color:#0a0a0d !important; border:none !important; font-weight:900 !important; }
.woocommerce .cart_totals .order-total .amount{ font-family:'Anton'; color:var(--sr-yellow); }

/* ============================================================
   MY ACCOUNT (classic)
   ============================================================ */
.woocommerce-account .woocommerce{ max-width:1100px; margin:0 auto; padding:34px 24px 70px; }
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{ background:var(--sr-panel); border:1px solid var(--sr-line) !important; border-radius:var(--sr-radius); padding:26px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; background:var(--sr-panel); border:1px solid var(--sr-line); border-radius:var(--sr-radius); overflow:hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--sr-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{ display:block; padding:14px 18px; color:var(--sr-text); font-weight:700; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--sr-panel-2); color:var(--sr-yellow); }
.woocommerce-account .woocommerce-MyAccount-content{ background:var(--sr-panel); border:1px solid var(--sr-line); border-radius:var(--sr-radius); padding:26px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:600px){
  .wp-block-woocommerce-cart,
  .wp-block-woocommerce-checkout{ padding:22px 16px 50px; }
  .woocommerce{ padding:22px 16px 50px; }
}
@media(prefers-reduced-motion:reduce){ .wp-block-woocommerce-cart *,.wp-block-woocommerce-checkout *{ transition-duration:.01ms !important; } }
