/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
*/



/* =========================
   CART — typography & stepper
   ========================= */

/* Base font on the cart page */
body.woocommerce-cart .woocommerce{ font-size:16px !important; }
@media (min-width:1200px){
  body.woocommerce-cart .woocommerce{ font-size:18px !important; }
}

/* Product title size */
body.woocommerce-cart .shop_table .product-name,
body.woocommerce-cart .shop_table .product-name a{
  font-size:20px !important;
  font-weight:800 !important;
  color: var(--text) !important;
  text-decoration:none !important;
}

/* Cells / headers size and paddings */
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td{
  font-size:15px !important;
  padding:16px 18px !important;
  vertical-align:middle !important;
}
body.woocommerce-cart table.shop_table thead th{
  color:var(--muted) !important;
  font-weight:700 !important;
  letter-spacing:.2px;
}

/* Prices (remove blue) */
body.woocommerce-cart .product-price,
body.woocommerce-cart .product-subtotal,
body.woocommerce-cart .order-total td,
body.woocommerce-cart .cart_totals .amount{
  color:var(--text) !important;
  font-weight:700 !important;
}

/* "Estimated total" & amount sizes on the right */
body.woocommerce-cart .cart_totals h2{
  font-size:22px !important;
  font-weight:800 !important;
}
body.woocommerce-cart .cart_totals .order-total .amount{
  font-size:22px !important;
}

/* Quantity stepper — center the - and + and make it bigger */
body.woocommerce-cart .quantity{
  display:flex !important;
  align-items:center !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#0f1320 !important;
  border:1px solid rgba(245,213,71,.35) !important;
}

/* Minus / Plus buttons */
body.woocommerce-cart .quantity .minus,
body.woocommerce-cart .quantity .plus{
  width:44px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#12172a !important;
  color:#E9EDF4 !important;
  font-weight:800 !important;
  font-size:20px !important;
  line-height:1 !important;
  border:0 !important;
  cursor:pointer !important;
}

/* Middle input */
body.woocommerce-cart .quantity .qty{
  width:96px !important;
  height:44px !important;
  background:transparent !important;
  color:var(--text) !important;
  border:0 !important;
  text-align:center !important;
  font:inherit !important;
  font-weight:700 !important;
  outline:0 !important;
}
/* Hide number spinners (Chrome) */
body.woocommerce-cart .quantity .qty::-webkit-outer-spin-button,
body.woocommerce-cart .quantity .qty::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0;
}

/* Optional: prettier "Remove item" */
body.woocommerce-cart a.remove{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#ffd7d7 !important;
  border:1px solid rgba(255,215,215,.25) !important;
  width:auto !important; height:auto !important; line-height:1.1 !important;
  font-size:13px !important;
}
body.woocommerce-cart a.remove:hover{
  color:#fff !important;
  border-color:rgba(245,213,71,.45) !important;
  box-shadow:0 0 0 2px rgba(245,213,71,.12) inset !important;
}


/* ===== CART (BLOCKS) — fix blue price, center +/- and make REMOVE a neat button under qty ===== */

/* 1) Force price color (no blue anywhere) */
.wc-block-cart .wc-block-components-product-price__value,
.wc-block-cart .wc-block-components-totals-item__value,
.wc-block-cart .wc-block-components-formatted-money-amount,
.wc-block-cart .woocommerce-Price-amount { 
  color: var(--text) !important;
}

/* 2) Quantity stepper — centered +/- and matching size */
.wc-block-cart .wc-block-components-quantity-selector{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#0f1320 !important;
  border:1px solid rgba(245,213,71,.35) !important;
}
.wc-block-cart .wc-block-components-quantity-selector__button{
  width:44px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#12172a !important;
  color:var(--text) !important;
  font-weight:800 !important;
  font-size:20px !important;
  line-height:1 !important;
  border:0 !important;
  cursor:pointer !important;
}
.wc-block-cart .wc-block-components-quantity-selector__input{
  width:96px !important;
  height:44px !important;
  text-align:center !important;
  background:transparent !important;
  color:var(--text) !important;
  border:0 !important;
  font-weight:700 !important;
  outline:0 !important;
}
.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* 3) "Remove item" — style + sit UNDER the quantity, not stuck to the right */
.wc-block-cart .wc-block-cart-item__remove-link,
.wc-block-cart a.wc-block-cart-item__remove-link,
.wc-block-cart button.wc-block-cart-item__remove-link{
  display:block !important;                /* force to a new line */
  margin:8px 0 0 !important;
  padding:8px 12px !important;
  width:max-content !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#ffd7d7 !important;
  border:1px solid rgba(255,215,215,.25) !important;
  line-height:1.1 !important;
  font-size:13px !important;
  text-decoration:none !important;
}
.wc-block-cart .wc-block-cart-item__remove-link:hover{
  color:#fff !important;
  border-color:rgba(245,213,71,.45) !important;
  box-shadow:0 0 0 2px rgba(245,213,71,.12) inset !important;
}

/* 4) Kill any remaining blue links inside the cart block */
.wc-block-cart a{ color:var(--text) !important; text-decoration:none !important; }
.wc-block-cart a:hover{ color:var(--brand2) !important; }