:root{
  --nb-primary:#2A4B3C;
  --nb-text:#1d1d1f;
  --nb-muted:#6b7280;
  --nb-border:#e5e7eb;
  --nb-bg:#ffffff;
  --nb-radius:14px;
  --nb-shadow:0 6px 20px rgba(0,0,0,.06);
}

/* Layout kart i gridu */
.nb-card{background:var(--nb-bg);border:1px solid var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:18px;}
.nb-grid{display:grid;gap:24px;}
.nb-grid>.nb-col{display:flex;flex-direction:column;gap:24px;}
@media (min-width: 992px){
  .nb-grid{grid-template-columns: 1fr .8fr;}
}

/* Tytuły */
.nb-card h3{margin:0 0 12px;font-size:18px;color:var(--nb-text);}

/* Pola formularzy */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid var(--nb-border);border-radius:10px;padding:12px 14px;background:#fff;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;border-color:var(--nb-primary);box-shadow:0 0 0 3px rgba(42,75,60,.15);
}

/* Siatka pól (klasa nb-field dodawana w PHP) */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:grid;gap:12px 16px;}
@media (min-width:768px){
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr 1fr;}
  .woocommerce-checkout .form-row-wide{grid-column:1 / -1;}
}

/* Przycisk zamów */
.woocommerce #place_order,
.woocommerce a.button.checkout,
.woocommerce button.button.alt{
  background:var(--nb-primary);color:#fff;border:none;border-radius:12px;padding:14px 18px;font-weight:600;
}
.woocommerce #place_order:hover,
.woocommerce button.button.alt:hover{filter:brightness(.95);}

/* Nawigacja „Moje konto” */
.nb-account-nav{background:#fff;border:1px solid var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:12px;margin-bottom:20px;}
.nb-account-nav ul{list-style:none;margin:0;padding:0;}
.nb-account-nav li a{display:flex;gap:10px;padding:10px 12px;border-radius:10px;color:var(--nb-text);}
.nb-account-nav li.is-active a,
.nb-account-nav li a:hover{background:#f5f7f6;color:var(--nb-primary);}

/* Koszyk – kolumny */
.nb-cart.nb-grid{grid-template-columns:1fr .8fr;}
@media (max-width:991px){.nb-cart.nb-grid{grid-template-columns:1fr;}}