/* ---------- layout ---------- */
.pw-checkout{max-width:1200px;margin:2rem auto;padding:0 1rem;}
.checkout-heading{font-size:1.75rem;font-weight:700;margin:0;}
.checkout-sub{margin:.25rem 0 1.5rem;color:#555;}
.pw-grid{display:flex;gap:2rem;flex-wrap:wrap}
.pw-left{flex:1 1 500px;display:flex;flex-direction:column;gap:10px}
.pw-right{flex:0 0 320px;background:#fafafa;border-radius:8px;padding:1.5rem;
          box-shadow:0 2px 8px rgba(0,0,0,.05)}

/* section headings */
.pw-section{font-size:1.1rem;margin:0 0 .75rem;font-weight:600;color:#222}
.pw-note{margin:-.6rem 0 0rem;font-size:.85rem;color:#666}

/* ----- inputs --------------------------------------------------- */
.woocommerce-billing-fields input.input-text,
.woocommerce-billing-fields .select2-container--default .select2-selection--single{
  width:100%;padding:18px;;border:1px solid #ddd;border-radius:8px;
  font-size:1rem;margin-bottom:1rem;transition:border-color .2s;box-sizing:border-box}
.woocommerce-billing-fields input.input-text:focus{border-color:#4f46e5;outline:none}

/* two-column first/last name */
#billing_first_name_field,#billing_last_name_field{width:48%;display:inline-block}



/* ----- review table (right) ------------------------------------ */
.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{padding:.6rem 0;border-bottom:1px solid #ececec}
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table tfoot td{text-align:right}
.woocommerce-checkout-review-order-table tfoot tr td{font-weight:600}

/* ----- button --------------------------------------------------- */
.pw-complete{width:100%;margin-top:1rem;background:#4f46e5;color:#fff;padding:1rem;
  font-size:1.05rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;
  transition:background .18s,transform .08s}
.pw-complete:hover{background:#4338ca}
.pw-complete:active{transform:scale(.98)}

/* ----- responsive ---------------------------------------------- */
@media(max-width:900px){
  .pw-grid{flex-direction:column}

}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    font-family: inherit;
    font-weight: 400;
    letter-spacing: normal;
	padding: 13px;
border: 1px solid rgb(209 213 219);
	border-radius:8px;

}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    padding: 16px 60px;
    border-radius: 10px;
    font-size: 16px;
    background: rgb(79 70 229);
    float: right;
    width: 100%;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
    border-radius: 5px;
}

/* ----- payment cards ------------------------------------------- */
.wc_payment_methods{
  display:grid;                     /* keeps the 2-up grid            */
  gap:1rem; margin:0;
}
.wc_payment_method{
  border:1px solid #dcdcdc;         /* default thin border            */
  border-radius:8px;
  padding:1rem;
  display:flex; align-items:center; gap:.75rem;
  cursor:pointer;
  transition:border-color .18s,background .18s;
}
/* hover only changes bg, no colour flash */
.wc_payment_method:hover{background:#f5f5ff}

/* make the **selected** card thicker, same grey */
.wc_payment_method.is-selected {
    border: 2px solid rgb(79 70 229);
}

/* radio + label */
.wc_payment_method input{margin:0}
.wc_payment_method img,.wc_payment_method svg{width:32px;height:32px}

/* we still tint the label text purple when chosen (optional) */
.wc_payment_method.is-selected label,
.wc_payment_method.is-selected label *{color:#4f46e5;font-weight:600}

/* hide gateway description if you don’t want the grey box inside */
.wc_payment_method .payment_box{display:none}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
	padding:0;
}

/* make the payment‐method radio circles larger */
.wc_payment_method input[type="radio"] {
  /* adjust the scale to taste */
  transform: scale(1.6);
  transform-origin: top left;
  margin-right: 0.75rem; /* keep your existing spacing */
  /* in case your theme resets the default size: */
  width: .7em;
  height: .7em;
}
.woocommerce table.shop_table {
	border: none;}
table.shop_table tfoot th {
    font-weight: 700;
    border-top: none;
}
.woocommerce table.shop_table td {
    border-top: none;
}