/* =====================================================
   CHECKOUT – CLEAN & STABLE (Blocksy + WooCommerce)
   ===================================================== */

body.woocommerce-checkout{
  font-family: var(--sj-font);
  color: var(--sj-text);
  font-size:14px;
}

/* Rubriker */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3{
  font-weight:600;
  color: var(--sj-heading);
}

.woocommerce-checkout h3{
  font-size:18px;
  margin-bottom:12px;
}

/* Sektionsrubriker */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout h3#order_review_heading{
  color:#000;
  font-size:25px;
  font-weight:500;
  letter-spacing:1.5px;
}

/* “Skicka till en annan adress?” */
.woocommerce-checkout #ship-to-different-address label{
  color:#000;
  font-size:18px;
  font-weight:500;
  letter-spacing:1.5px;
}

/* Länkar */
.woocommerce-checkout a:hover{
  color: var(--sj-orange-hover);
}

/* =====================================================
   Formfält
   ===================================================== */

.woocommerce-checkout label{
  font-size:13px;
  font-weight:500;
  margin-bottom:4px;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select{
  width:100%;
  padding:10px 12px;
  border-radius: var(--sj-radius-sm);
  border:1px solid var(--sj-border);
  font-size:14px;
  box-sizing:border-box;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}

/* =====================================================
   Förnamn + Efternamn: stabil 50/50 (utan att påverka resten)
   ===================================================== */

.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field{
  width:48%;
  margin: 0 0 12px;
}

.woocommerce-checkout #billing_first_name_field{
  float:left;
  clear:none;
}

.woocommerce-checkout #billing_last_name_field{
  float:right;
  clear:none;
}

/* matcha höjd så de alignar */
.woocommerce-checkout #billing_first_name,
.woocommerce-checkout #billing_last_name{
  height:44px;
}

/* =====================================================
   Order summary – tabell
   ===================================================== */

.woocommerce-checkout-review-order table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}

.woocommerce-checkout-review-order th,
.woocommerce-checkout-review-order td{
  padding:10px 0;
  border:none;
  font-size:14px;
}

.woocommerce-checkout-review-order th{
  text-align:left;
  font-weight:500;
  color:#475569;
}

.woocommerce-checkout-review-order td.product-total{
  white-space:nowrap;
}

/* produktnamn alltid vänster */
.woocommerce-checkout-review-order td.product-name,
.woocommerce-checkout-review-order th.product-name{
  text-align:left;
}

/* rad-separators */
.woocommerce-checkout-review-order tr{
  border-bottom:1px solid #e5e7eb;
}
.woocommerce-checkout-review-order tr:last-child{
  border-bottom:none;
}

.woocommerce-checkout-review-order tr.order-total th,
.woocommerce-checkout-review-order tr.order-total td{
  padding-top:14px;
  font-size:16px;
  font-weight:700;
}

/* =====================================================
   Frakt
   ===================================================== */

.woocommerce-shipping-totals ul{
  margin:0;
  padding:0;
  list-style:none;
}

.woocommerce-shipping-totals td{
  padding-top:8px;
}

/* =====================================================
   Betalmetod (Faktura) – “30 dagar netto” på samma rad
   ===================================================== */

/* Label som grid: [radio] [titel] [villkor] */
#payment ul.payment_methods li > label{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap:12px;
  width:100%;
  font-weight:600;
}

/* Dölj Woo's payment_box (den var bara till “30 dagar netto” hos dig) */
#payment .payment_box{
  display:none;
}

/* “30 dagar netto” som pseudo content */
#payment ul.payment_methods li > label::after{
  content:"30 dagar netto";
  font-size:13px;
  font-weight:400;
  color:#475569;
  justify-self:end;
}

/* =====================================================
   CTA – Lägg beställning
   ===================================================== */

.woocommerce-checkout #place_order{
  width:100%;
  padding:14px 24px;

  background: var(--sj-blue);
  color:#fff;

  font-size:16px;
  font-weight:600;
  letter-spacing:.03em;

  border:none;
  border-radius:0;
  cursor:pointer;

  transition: background-color .2s ease, transform .15s ease;
}

.woocommerce-checkout #place_order:hover{
  background: var(--sj-blue-hover);
  transform: translateY(-1px);
}

/* Meddelanden */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  border-radius: var(--sj-radius-sm);
  font-size:14px;
}