/* ============================================================
   Cart Page Styling -- inapta.org
   Scoped to body.woocommerce-cart (the WooCommerce Cart page,
   which is sitewide -- shared by every product on the site, not
   just APTA Indiana PAC products). Purely visual: typography,
   colors, and button design pulled from pac-shared.css so the
   Cart page continues the same design language as the PAC grid
   and product-detail pages. No functional/markup changes -- the
   cart form, quantity inputs, coupon field, and checkout links
   are all native WooCommerce, untouched.
   UNITS: rem, scaled against this site's actual 10px root
   (html{font-size:62.5%} site-wide -- see pac-store.css for the
   full write-up). Border widths kept in px.
   ============================================================ */

/* --- Cart items table: lighten borders, drop the exterior box,
   keep interior row rules --- */
body.woocommerce-cart table.shop_table{
  border:none !important;
  font-family:"Roboto",Arial,sans-serif;
}
body.woocommerce-cart table.shop_table th{
  font-family:"Roboto",Arial,sans-serif !important;
  font-weight:700 !important;
  color:#357ebf !important;
  border-top:none !important;
  border-bottom:1px solid #f0f0f0 !important;
}
body.woocommerce-cart table.shop_table td{
  border-top:1px solid #f0f0f0 !important;
  font-family:"Roboto",Arial,sans-serif;
}
body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td,
body.woocommerce-cart table.shop_table tbody:first-child tr:first-child th{
  border-top:0 !important;
}
body.woocommerce-cart table.shop_table td.actions{
  border-top:1px solid #f0f0f0 !important;
}
body.woocommerce-cart table.shop_table a{
  color:#357ebf;
}

/* --- Quantity input in the cart table --- */
body.woocommerce-cart table.shop_table .quantity .qty{
  border:1px solid #949494 !important;border-radius:0.4rem !important;
  font-family:"Roboto",Arial,sans-serif !important;box-sizing:border-box !important;
}

/* --- Cart totals box --- */
body.woocommerce-cart .cart-collaterals h2{
  font-family:"Roboto",Arial,sans-serif !important;
  font-weight:700 !important;
  color:#357ebf !important;
}
body.woocommerce-cart .cart_totals table{
  border:none !important;
}
body.woocommerce-cart .cart_totals table td,
body.woocommerce-cart .cart_totals table th{
  border-top:1px solid #f0f0f0 !important;
  font-family:"Roboto",Arial,sans-serif;
}
body.woocommerce-cart .cart_totals table tr:first-child td,
body.woocommerce-cart .cart_totals table tr:first-child th{
  border-top:0 !important;
}

/* --- Coupon field --- */
body.woocommerce-cart #coupon_code{
  border:1px solid #949494 !important;border-radius:0.4rem !important;
  height:4.8rem !important;font-size:1.6rem !important;
  font-family:"Roboto",Arial,sans-serif !important;box-sizing:border-box !important;
  padding:0 1.2rem;
}

/* --- Buttons: Proceed to checkout / Update cart / Apply coupon --
   same visual design as the "Add to cart" button on the PAC grid
   and product-detail pages (pac-shared.css), so the whole
   purchase path looks consistent. --- */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart table.shop_table button.button[name="update_cart"],
body.woocommerce-cart .cart-collaterals button.button[name="apply_coupon"]{
  background-color:#1e73be !important;
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1)) !important;
  background-repeat:repeat-x !important;background-size:200% !important;
  background-position:0 -100% !important;
  color:#fff !important;border:none !important;border-radius:0.5rem !important;
  font-size:1.6rem !important;font-weight:400 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  text-decoration:none !important;
  transition:background-position .2s ease,background-color .2s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
body.woocommerce-cart table.shop_table button.button[name="update_cart"]:hover,
body.woocommerce-cart .cart-collaterals button.button[name="apply_coupon"]:hover{
  background-color:#175a94 !important;background-position:0 100% !important;
}

/* --- Remove the theme's forced underline on cart-page links
   (same #main-content ID-selector-beats-class bug fixed on the
   PAC grid and product-detail pages) --- */
body.woocommerce-cart #main-content a{
  text-decoration:none !important;
}