/* ═══════════ POTATOTECH Design System ═══════════ */
:root{
  --navy:#0B1220;--navy-2:#112542;--blue:#0056FF;--blue-h:#0045CC;--blue-soft:#EBF2FF;
  --ink:#0F172A;--ink-2:#334155;--muted:#64748B;--line:#DDE4EE;--surface:#FFFFFF;
  --bg:#F5F7FB;--green:#16A34A;--red:#DC2626;--radius:12px;--radius-sm:8px;
  --shadow:0 1px 2px rgba(11,18,32,.04),0 6px 18px rgba(11,18,32,.05);
  --shadow-h:0 10px 28px rgba(11,18,32,.10);
  --maxw:1180px;--font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ═══════════ Page Title Bar (style existing elements) ═══════════ */
.woocommerce-page .entry-title,
.woocommerce-page .page-title{
  font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;color:var(--navy);
}
.woocommerce-page .entry-header{
  background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;padding:44px 0;
  margin-bottom:0;
}
.woocommerce-page .entry-header .entry-title{color:#fff}
.woocommerce-page .entry-header p{color:#AEBBD0;font-size:15px;margin-top:8px}

/* Breadcrumb */
.woocommerce-breadcrumb{
  display:flex;gap:8px;font-size:13px;color:#8FA0B8;margin-bottom:10px;flex-wrap:wrap;
}
.woocommerce-breadcrumb a{color:#8FA0B8}
.woocommerce-breadcrumb a:hover{color:#fff}
.woocommerce-page .entry-header .woocommerce-breadcrumb{color:#8FA0B8}
.woocommerce-page .entry-header .woocommerce-breadcrumb a{color:#8FA0B8}

/* ═══════════ Base Typography ═══════════ */
.woocommerce-page{font-family:var(--font);color:var(--ink);line-height:1.6;background:var(--bg)}
.woocommerce-page a{color:var(--blue);text-decoration:none}
.woocommerce-page table{border-collapse:collapse}

/* ═══════════ Buttons (WooCommerce Blocks + Classic) ═══════════ */
.woocommerce-page .wp-block-button__link,
.woocommerce-page .wc-block-components-button,
.woocommerce-page .wc-block-cart__submit-button,
.woocommerce-page .button,
.woocommerce-page .checkout-button,
.woocommerce-page .wc-forward{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;
  border-radius:10px;padding:12px 20px;transition:.18s;cursor:pointer;border:none;
  background:var(--blue);color:#fff!important;font-family:var(--font);
}
.woocommerce-page .wp-block-button__link:hover,
.woocommerce-page .wc-block-components-button:hover,
.woocommerce-page .wc-block-cart__submit-button:hover,
.woocommerce-page .button:hover,
.woocommerce-page .checkout-button:hover,
.woocommerce-page .wc-forward:hover{
  background:var(--blue-h);transform:translateY(-1px);color:#fff!important;
}
.woocommerce-page .wc-block-cart__submit-button{
  width:100%;justify-content:center;margin-top:12px;font-size:15px;padding:14px 24px;
}
.woocommerce-page .is-outline,
.woocommerce-page .wp-element-button.is-style-outline{
  background:#fff;color:var(--ink)!important;border:1px solid var(--line);
}
.woocommerce-page .is-outline:hover{
  border-color:var(--blue);color:var(--blue)!important;
}

/* ═══════════ Cart Page - WooCommerce Blocks ═══════════ */

/* Cart main layout */
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-page .wp-block-woocommerce-cart{
  max-width:var(--maxw);margin:0 auto;padding:24px;
}
.woocommerce-cart .wc-block-cart,
.woocommerce-page .wc-block-cart{
  display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;
}
.woocommerce-cart .wc-block-cart__main,
.woocommerce-page .wc-block-cart__main{grid-column:1}
.woocommerce-cart .wc-block-cart__sidebar,
.woocommerce-page .wc-block-cart__sidebar{grid-column:2;position:sticky;top:80px}

/* Cart items table */
.woocommerce-cart .wc-block-cart-items,
.woocommerce-page .wc-block-cart-items{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  border-collapse:collapse;width:100%;
}
.woocommerce-cart .wc-block-cart-items__header,
.woocommerce-page .wc-block-cart-items__header{
  background:var(--bg);font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);
}
.woocommerce-cart .wc-block-cart-items__row,
.woocommerce-page .wc-block-cart-items__row{
  border-bottom:1px solid var(--line);
}
.woocommerce-cart .wc-block-cart-items__row:last-child,
.woocommerce-page .wc-block-cart-items__row:last-child{border-bottom:none}
.woocommerce-cart .wc-block-cart-item__image img,
.woocommerce-page .wc-block-cart-item__image img{
  width:76px;height:76px;border-radius:10px;border:1px solid var(--line);
  background:#FBFCFE;object-fit:contain;
}
.woocommerce-cart .wc-block-cart-item__product-name a,
.woocommerce-page .wc-block-cart-item__product-name a{
  font-size:13.5px;font-weight:600;color:var(--ink);
}
.woocommerce-cart .wc-block-cart-item__product-metadata,
.woocommerce-page .wc-block-cart-item__product-metadata{
  font-size:12px;color:var(--muted);margin-top:3px;
}
.woocommerce-cart .wc-block-cart-item__prices,
.woocommerce-page .wc-block-cart-item__prices{
  font-size:14px;font-weight:700;color:var(--ink);
}
.woocommerce-cart .wc-block-cart-item__prices del,
.woocommerce-page .wc-block-cart-item__prices del{
  color:var(--muted);font-weight:400;font-size:12px;
}
.woocommerce-cart .wc-block-cart-item__prices ins,
.woocommerce-page .wc-block-cart-item__prices ins{
  text-decoration:none;font-weight:700;
}

/* Quantity selector */
.woocommerce-cart .wc-block-components-quantity-selector,
.woocommerce-page .wc-block-components-quantity-selector{
  border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;align-items:center;
}
.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
  width:40px;height:32px;border:none;text-align:center;font-size:13px;font-weight:700;
  font-family:var(--font);color:var(--ink);
}
.woocommerce-cart .wc-block-components-quantity-selector button,
.woocommerce-page .wc-block-components-quantity-selector button{
  width:30px;height:32px;border:none;background:#fff;cursor:pointer;font-size:15px;color:var(--ink-2);
}
.woocommerce-cart .wc-block-components-quantity-selector button:hover,
.woocommerce-page .wc-block-components-quantity-selector button:hover{
  background:var(--blue-soft);color:var(--blue);
}

/* Remove link */
.woocommerce-cart .wc-block-cart-item__remove,
.woocommerce-page .wc-block-cart-item__remove{
  background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;text-decoration:underline;
}
.woocommerce-cart .wc-block-cart-item__remove:hover,
.woocommerce-page .wc-block-cart-item__remove:hover{
  color:var(--red);
}

/* Cart totals sidebar */
.woocommerce-cart .wc-block-cart-totals,
.woocommerce-page .wc-block-cart-totals{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;
}
.woocommerce-cart .wc-block-cart-totals-title,
.woocommerce-page .wc-block-cart-totals-title{
  font-size:17px;font-weight:800;margin-bottom:16px;color:var(--ink);
}
.woocommerce-cart .wc-block-components-totals-wrapper,
.woocommerce-page .wc-block-components-totals-wrapper{
  padding:7px 0;border-bottom:none;
}
.woocommerce-cart .wc-block-components-totals-item__label,
.woocommerce-page .wc-block-components-totals-item__label{
  font-size:13.5px;color:var(--ink-2);font-weight:400;
}
.woocommerce-cart .wc-block-components-totals-item__value,
.woocommerce-page .wc-block-components-totals-item__value{
  font-size:13.5px;color:var(--ink);font-weight:700;
}
.woocommerce-cart .wc-block-components-totals-footer,
.woocommerce-page .wc-block-components-totals-footer{
  border-top:1px solid var(--line);margin-top:10px;padding-top:14px;
}
.woocommerce-cart .wc-block-components-totals-footer .wc-block-components-totals-item__label,
.woocommerce-page .wc-block-components-totals-footer .wc-block-components-totals-item__label{
  font-size:17px;font-weight:800;color:var(--ink);
}
.woocommerce-cart .wc-block-components-totals-footer .wc-block-components-totals-item__value,
.woocommerce-page .wc-block-components-totals-footer .wc-block-components-totals-item__value{
  font-size:17px;font-weight:800;color:var(--ink);
}

/* Coupon */
.woocommerce-cart .wc-block-components-totals-coupon,
.woocommerce-page .wc-block-components-totals-coupon{
  margin:14px 0;
}
.woocommerce-cart .wc-block-components-totals-coupon__input,
.woocommerce-page .wc-block-components-totals-coupon__input{
  border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:13px;
  font-family:var(--font);
}

/* Empty cart */
.woocommerce-cart .wc-block-cart__empty-cart__title,
.woocommerce-page .wc-block-cart__empty-cart__title{
  text-align:center;font-size:20px;font-weight:800;color:var(--ink);
  padding:40px 20px;
}
.woocommerce-cart .wc-block-cart__empty-cart__title .with-empty-cart-icon::before,
.woocommerce-page .wc-block-cart__empty-cart__title .with-empty-cart-icon::before{
  display:block;font-size:52px;margin-bottom:14px;
}

/* Cross-sells */
.woocommerce-cart .wc-block-cart__cross-sells,
.woocommerce-page .wc-block-cart__cross-sells{
  grid-column:1/-1;margin-top:20px;
}

/* ═══════════ Cart Page - Classic WooCommerce fallback ═══════════ */
.woocommerce-cart .woocommerce{
  display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;max-width:var(--maxw);
  margin:0 auto;padding:24px;
}
.woocommerce-cart .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart .woocommerce-cart-form{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
}
.woocommerce-cart .shop_table.cart{border:none;border-radius:0;margin:0;width:100%}
.woocommerce-cart .shop_table.cart thead{background:var(--bg)}
.woocommerce-cart .shop_table.cart thead th{
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);padding:14px 16px;border:none;border-bottom:1px solid var(--line);
}
.woocommerce-cart .shop_table.cart tbody tr{border-bottom:1px solid var(--line)}
.woocommerce-cart .shop_table.cart tbody tr:last-child{border-bottom:none}
.woocommerce-cart .shop_table.cart td{padding:16px 16px;border:none;vertical-align:middle}
.woocommerce-cart .shop_table.cart .product-thumbnail img{
  width:76px;height:76px;border-radius:10px;border:1px solid var(--line);background:#FBFCFE;object-fit:contain;
}
.woocommerce-cart .shop_table.cart .product-name a{font-size:13.5px;font-weight:600;color:var(--ink)}
.woocommerce-cart .shop_table.cart .product-price,
.woocommerce-cart .shop_table.cart .product-subtotal{font-size:14px;font-weight:700;color:var(--ink)}
.woocommerce-cart .quantity .qty{
  width:48px;height:38px;border:1px solid var(--line);border-radius:8px;text-align:center;
  font-size:14px;font-weight:700;font-family:var(--font);color:var(--ink);-moz-appearance:textfield;
}
.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;float:none;width:100%;
}
.woocommerce-cart .cart_totals h2{font-size:17px;font-weight:800;margin-bottom:16px;color:var(--ink)}
.woocommerce-cart .cart_totals .shop_table{border:none;width:100%;margin-bottom:16px}
.woocommerce-cart .cart_totals .shop_table th{
  font-size:13.5px;font-weight:400;color:var(--ink-2);padding:7px 0;border:none;text-align:left;background:transparent;
}
.woocommerce-cart .cart_totals .shop_table td{
  font-size:13.5px;font-weight:700;color:var(--ink);padding:7px 0;border:none;text-align:right;
}
.woocommerce-cart .cart-collaterals{grid-column:2;align-self:start;position:sticky;top:80px}

/* ═══════════ Checkout Page - WooCommerce Blocks ═══════════ */
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-page .wp-block-woocommerce-checkout{
  max-width:var(--maxw);margin:0 auto;padding:24px;
}
.woocommerce-checkout .wc-block-checkout,
.woocommerce-page .wc-block-checkout{
  display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start;
}
.woocommerce-checkout .wc-block-checkout__main,
.woocommerce-page .wc-block-checkout__main{grid-column:1}
.woocommerce-checkout .wc-block-checkout__sidebar,
.woocommerce-page .wc-block-checkout__sidebar{grid-column:2;position:sticky;top:80px}

/* Checkout form fields */
.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-page .wc-block-components-text-input{
  display:flex;flex-direction:column;gap:6px;margin-bottom:14px;
}
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-page .wc-block-components-text-input label{
  font-size:12.5px;font-weight:600;color:var(--ink-2);
}
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-page .wc-block-components-text-input input{
  border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:13.5px;
  font-family:var(--font);background:#fff;transition:.15s;width:100%;
}
.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-page .wc-block-components-text-input input:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,86,255,.10);
}

/* Checkout select */
.woocommerce-checkout .wc-block-components-select__selector,
.woocommerce-page .wc-block-components-select{
  border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:13.5px;
  font-family:var(--font);background:#fff;
}

/* Checkout checkbox */
.woocommerce-checkout .wc-block-components-checkbox,
.woocommerce-page .wc-block-components-checkbox{
  border:1.5px solid var(--line);border-radius:10px;padding:13px 15px;margin-bottom:9px;
}

/* Checkout order summary sidebar */
.woocommerce-checkout .wc-block-checkout__sidebar,
.woocommerce-page .wc-block-checkout__sidebar{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;
}
.woocommerce-checkout .wc-block-components-totals-item,
.woocommerce-page .wc-block-components-totals-item{
  padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;
}
.woocommerce-checkout .wc-block-components-totals-item:last-child{border-bottom:none}

/* Checkout place order */
.woocommerce-checkout .wc-block-checkout__actions,
.woocommerce-page .wc-block-checkout__actions{margin-top:16px}
.woocommerce-checkout .wc-block-checkout__actions button,
.woocommerce-page .wc-block-checkout__actions button{
  background:var(--blue);color:#fff;border:none;font-weight:700;font-size:15px;
  border-radius:10px;padding:14px 24px;width:100%;cursor:pointer;transition:.18s;
  font-family:var(--font);
}
.woocommerce-checkout .wc-block-checkout__actions button:hover{background:var(--blue-h);transform:translateY(-1px)}

/* ═══════════ Checkout Page - Classic WooCommerce fallback ═══════════ */
.woocommerce-checkout .woocommerce{
  display:grid;grid-template-columns:1fr 380px;gap:26px;align-items:start;max-width:var(--maxw);
  margin:0 auto;padding:24px;
}
.woocommerce-checkout .checkout.woocommerce-checkout{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;grid-column:1;
}
.woocommerce-checkout .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.woocommerce-checkout .form-row label{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea.input-text,
.woocommerce-checkout .form-row select{
  border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:13.5px;
  font-family:var(--font);background:#fff;transition:.15s;width:100%;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,86,255,.10);
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-checkout-review-order{grid-column:2}
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:sticky;top:80px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table{border:none;width:100%;margin-bottom:14px;border-collapse:collapse}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.woocommerce-checkout #place_order{
  background:var(--blue);color:#fff;border:none;font-weight:700;font-size:15px;
  border-radius:10px;padding:14px 24px;width:100%;cursor:pointer;transition:.18s;font-family:var(--font);margin-top:12px;
}

/* ═══════════ My Account Page ═══════════ */
.woocommerce-account .woocommerce{
  display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start;max-width:var(--maxw);
  margin:0 auto;padding:24px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;position:sticky;top:80px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{margin:0;border-radius:9px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:var(--bg);color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--blue-soft);color:var(--blue)}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout{
  border-top:1px solid var(--line);margin-top:9px;padding-top:9px;
}
.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;
}
.woocommerce-account .woocommerce-MyAccount-content h2{font-size:19px;font-weight:800;margin-bottom:6px;color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-content p{color:var(--muted);font-size:13.5px;margin-bottom:20px}
.woocommerce-account .woocommerce-MyAccount-content table{width:100%;border-collapse:collapse;font-size:13px}
.woocommerce-account .woocommerce-MyAccount-content table th{
  text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line);
}
.woocommerce-account .woocommerce-MyAccount-content table td{padding:12px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.woocommerce-account .woocommerce-MyAccount-content table tr:last-child td{border-bottom:none}
.woocommerce-account .order-status{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;
}
.woocommerce-account .order-status.status-pending,.woocommerce-account .order-status.status-failed{background:#FEF3C7;color:#92400E}
.woocommerce-account .order-status.status-processing{background:var(--blue-soft);color:var(--blue)}
.woocommerce-account .order-status.status-completed{background:#DCFCE7;color:var(--green)}
.woocommerce-account .order-status.status-cancelled,.woocommerce-account .order-status.status-refunded{background:#FEE2E2;color:var(--red)}
.woocommerce-account .woocommerce-form-login{max-width:420px;margin:0 auto}
.woocommerce-account .woocommerce-form-login .form-row{margin-bottom:14px}
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox{font-size:13px;color:var(--ink-2)}

/* ═══════════ Responsive ═══════════ */
@media(max-width:1024px){
  .woocommerce-cart .wc-block-cart,.woocommerce-checkout .wc-block-checkout,
  .woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,
  .woocommerce-account .woocommerce{
    grid-template-columns:1fr;
  }
  .woocommerce-cart .wc-block-cart__sidebar,.woocommerce-checkout .wc-block-checkout__sidebar,
  .woocommerce-cart .cart-collaterals,.woocommerce-checkout .woocommerce-checkout-review-order,
  .woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{width:100%;display:block}
}
@media(max-width:640px){
  .woocommerce-cart .wp-block-woocommerce-cart,
  .woocommerce-checkout .wp-block-woocommerce-checkout,
  .woocommerce-account .woocommerce{padding:16px}
  .woocommerce-cart .wc-block-cart-items thead{display:none}
  .woocommerce-cart .wc-block-cart-items__row{display:block;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:12px}
}