/* ============================================================
   Awtad Shop Styler — cart-style.css  v1.5.4
   Scope: is_cart() only
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

@keyframes awCartUp { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
@keyframes awPulse  { 0%,100%{box-shadow:0 0 0 3px rgba(24,205,199,.25)} 50%{box-shadow:0 0 0 8px rgba(24,205,199,.04)} }

body.woocommerce-cart {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  background: #f7f5f2;
}

body.woocommerce-cart h1,
body.woocommerce-cart .page-title {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0d1918;
  margin-bottom: 1.5rem;
}

.woocommerce-cart-form {
  animation: awCartUp .5s cubic-bezier(.16,1,.3,1) both;
}

.woocommerce table.shop_table {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  border: 1px solid rgba(13,25,24,.08);
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  box-shadow: 0 2px 16px rgba(13,25,24,.05);
}

.woocommerce table.shop_table thead th {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #68807f;
  background: #f7f5f2;
  padding: 14px 20px;
  border-bottom: 1.5px solid rgba(13,25,24,.08);
  text-align: left;
}

.woocommerce table.shop_table tbody td {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  padding: 20px;
  border-bottom: 1px solid rgba(13,25,24,.06);
  vertical-align: middle;
  font-size: 14px;
  color: #0d1918;
  background: #fff;
  transition: background .15s;
}

.woocommerce table.shop_table tbody tr:last-child td {
  border-bottom: none;
}

.woocommerce table.shop_table tbody tr:hover td {
  background: #fcfaf8;
}

.woocommerce table.shop_table td.product-thumbnail img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(13,25,24,.08);
}

.woocommerce table.shop_table td.product-name a {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #0d1918;
  text-decoration: none;
  letter-spacing: -0.02em;
  transition: color .18s;
}
.woocommerce table.shop_table td.product-name a:hover { color: #670cc0; }

.woocommerce table.shop_table td.product-name .variation {
  font-size: 12px;
  color: #68807f;
  margin-top: 4px;
}

.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.03em;
}

.woocommerce table.shop_table td.product-price .woocommerce-Price-amount,
.woocommerce table.shop_table td.product-subtotal .woocommerce-Price-amount {
  background: linear-gradient(135deg, #670cc0, #18cdc7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.woocommerce table.shop_table td.product-quantity .qty {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  width: 64px;
  height: 40px;
  text-align: center;
  border: 1.5px solid rgba(13,25,24,.14);
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0d1918;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.woocommerce table.shop_table td.product-quantity .qty:focus {
  border-color: #670cc0;
  outline: none;
  box-shadow: 0 0 0 3px rgba(103,12,192,.08);
}

.woocommerce table.shop_table td.product-remove a.remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(220,38,38,.08);
  color: #dc2626;
  font-size: 18px;
  text-decoration: none;
  transition: background .18s, transform .18s;
}
.woocommerce table.shop_table td.product-remove a.remove:hover {
  background: rgba(220,38,38,.16);
  transform: scale(1.1);
}

.woocommerce table.shop_table tr.cart-subtotal td,
.woocommerce table.shop_table tr.actions td {
  padding: 16px 20px;
  background: #f7f5f2;
}

.woocommerce .coupon input#coupon_code {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  border: 1.5px solid rgba(13,25,24,.14);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 13px;
  color: #0d1918;
  background: #fff;
  height: 44px;
  transition: border-color .2s, box-shadow .2s;
}
.woocommerce .coupon input#coupon_code:focus {
  border-color: #670cc0;
  outline: none;
  box-shadow: 0 0 0 3px rgba(103,12,192,.08);
}
.woocommerce .coupon input#coupon_code::placeholder {
  color: #98b0af;
}

.woocommerce .coupon button[name="apply_coupon"],
.woocommerce button[name="update_cart"] {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  background: #0d1918;
  color: #f7f5f2;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 20px;
  height: 44px;
  cursor: pointer;
  transition: background .22s, transform .18s;
  letter-spacing: -0.01em;
}
.woocommerce .coupon button[name="apply_coupon"]:hover,
.woocommerce button[name="update_cart"]:hover {
  background: #670cc0;
  transform: translateY(-1px);
}
.woocommerce button[name="update_cart"]:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.cart_totals {
  background: #fff;
  border: 1px solid rgba(13,25,24,.08);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 2px 20px rgba(13,25,24,.06);
  animation: awCartUp .5s .1s cubic-bezier(.16,1,.3,1) both;
}

.cart_totals h2 {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0d1918;
  margin-bottom: 1.25rem;
  padding-bottom: 12px;
  border-bottom: 1.5px solid rgba(13,25,24,.08);
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart_totals h2::before {
  content: '';
  width: 3px; height: 16px;
  border-radius: 2px;
  background: linear-gradient(180deg, #670cc0, #18cdc7);
  flex-shrink: 0;
}

.cart_totals table {
  width: 100%;
  border-collapse: collapse;
}
.cart_totals table th {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #68807f;
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid rgba(13,25,24,.05);
  width: 40%;
}
.cart_totals table td {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 13px;
  color: #0d1918;
  padding: 10px 0;
  border-bottom: 1px solid rgba(13,25,24,.05);
  text-align: right;
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total td {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  border-bottom: none;
  padding-top: 14px;
}
.cart_totals table tr.order-total td .woocommerce-Price-amount {
  background: linear-gradient(135deg, #670cc0, #18cdc7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.wc-proceed-to-checkout a.checkout-button {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  display: block;
  width: 100%;
  padding: 16px;
  background: #670cc0;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.02em;
  transition: background .25s, transform .22s, box-shadow .22s;
  margin-top: 1.25rem;
  position: relative;
  overflow: hidden;
}
.wc-proceed-to-checkout a.checkout-button::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  transition: left .55s ease;
}
.wc-proceed-to-checkout a.checkout-button:hover::after { left: 150%; }
.wc-proceed-to-checkout a.checkout-button:hover {
  background: #5409a3;
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(103,12,192,.3);
  color: #fff;
}

.return-to-shop a,
.woocommerce .return-to-shop .button {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #68807f;
  text-decoration: none;
  transition: color .18s;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.return-to-shop a:hover,
.woocommerce .return-to-shop .button:hover { color: #670cc0; }

.woocommerce-message,
.woocommerce-info {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 20px;
  margin-bottom: 1.5rem;
}
.woocommerce-message {
  background: #f0e6fd;
  color: #0d1918;
}
.woocommerce-info {
  background: #d0f7f5;
  color: #0d1918;
}
.woocommerce-message::before,
.woocommerce-info::before { display: none; }

body.woocommerce-cart *:focus-visible {
  outline: 2px solid #670cc0;
  outline-offset: 2px;
  border-radius: 6px;
}