/*
 * Spiżarnia Baby Jagi — sbj-checkout.css
 * Stylowanie strony kasy WooCommerce
 */

/* ── Czcionki i tło ─────────────────────────────────────────────── */
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-order-received,
body.woocommerce-account {
  background-color: #f2f6ee !important;
}

.woocommerce-checkout #page,
.woocommerce-checkout .site,
.woocommerce-checkout main,
.woocommerce-cart #page,
.woocommerce-order-received #page {
  background-color: #f2f6ee !important;
}

.woocommerce-checkout,
.woocommerce-cart,
.woocommerce-order-received {
  font-family: 'Nunito', sans-serif !important;
}

/* ── Kontener ───────────────────────────────────────────────────── */
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-order-received .woocommerce {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 30px 20px !important;
}

/* ── Nagłówki ───────────────────────────────────────────────────── */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout h3.woocommerce-column__title,
.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-checkout h3#billing_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout h3,
.woocommerce-cart h2,
.woocommerce-order-received h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2e2a20 !important;
  border-bottom: 2px solid #cdd9be !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ── Etykiety ───────────────────────────────────────────────────── */
.woocommerce-checkout label,
.woocommerce-cart label {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #5a5040 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  margin-bottom: 4px !important;
}

/* ── Pola formularza ────────────────────────────────────────────── */
.woocommerce-checkout .input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea.input-text,
.woocommerce-checkout select,
.woocommerce-cart .input-text,
.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="email"] {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #2e2a20 !important;
  background-color: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s, box-shadow .15s !important;
  width: 100% !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea.input-text:focus {
  border-color: #4a7c3f !important;
  box-shadow: 0 0 0 3px rgba(74,124,63,.12) !important;
  outline: none !important;
}

/* ── Sekcje / karty ─────────────────────────────────────────────── */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.05) !important;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #payment {
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.05) !important;
}

/* ── Tabela koszyka ─────────────────────────────────────────────── */
.woocommerce-checkout table.shop_table,
.woocommerce-cart table.shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Nunito', sans-serif !important;
}
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
  padding: 10px 8px !important;
  border-bottom: 1px solid #eaf0e2 !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #2e2a20 !important;
}
.woocommerce-checkout .order-total td,
.woocommerce-checkout .order-total th,
.woocommerce-cart .order-total td,
.woocommerce-cart .order-total th {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #4a7c3f !important;
  border-top: 2px solid #cdd9be !important;
  padding-top: 14px !important;
}

/* ── Metody płatności ───────────────────────────────────────────── */
.woocommerce-checkout #payment ul.wc_payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method {
  background: #f7f9f3 !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  transition: border-color .15s !important;
  list-style: none !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:hover {
  border-color: #4a7c3f !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li input[type="radio"] {
  accent-color: #4a7c3f !important;
  margin-right: 8px !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li label {
  font-weight: 700 !important;
  color: #2e2a20 !important;
  cursor: pointer !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ── Guzik złóż zamówienie ──────────────────────────────────────── */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #place_order {
  display: block !important;
  width: 100% !important;
  background: linear-gradient(135deg, #4a7c3f, #5a9050) !important;
  color: #fff !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px 32px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  box-shadow: 0 4px 16px rgba(74,124,63,.35) !important;
  margin-top: 16px !important;
  letter-spacing: .02em !important;
}
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout #place_order:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px rgba(74,124,63,.45) !important;
}

/* ── Guzik koszyk ───────────────────────────────────────────────── */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background: linear-gradient(135deg, #4a7c3f, #5a9050) !important;
  color: #fff !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
  padding: 14px 28px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(74,124,63,.3) !important;
  transition: all .2s !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(74,124,63,.4) !important;
}

/* ── Komunikaty / alerty ────────────────────────────────────────── */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
  background: #eef5e8 !important;
  border-left: 4px solid #4a7c3f !important;
  border-radius: 10px !important;
  color: #2e2a20 !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-error {
  border-left-color: #c0392b !important;
  background: #fdf0f0 !important;
}

/* ── Strona potwierdzenia zamówienia ────────────────────────────── */
.woocommerce-order-received .woocommerce-order {
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 20px !important;
  padding: 32px !important;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #4a7c3f !important;
  margin-bottom: 20px !important;
}
.woocommerce-order-received .woocommerce-order-overview {
  background: #f7f9f3 !important;
  border: 1px solid #cdd9be !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 20px 0 !important;
}
.woocommerce-order-received .woocommerce-order-overview li {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: #5a5040 !important;
  border: none !important;
  padding: 0 !important;
}
.woocommerce-order-received .woocommerce-order-overview strong {
  color: #4a7c3f !important;
  font-weight: 800 !important;
  display: block !important;
  font-size: 15px !important;
}

/* ── Loader WooCommerce ─────────────────────────────────────────── */
.woocommerce-checkout form.checkout.processing::before {
  background: rgba(242,246,238,.85) !important;
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    padding: 16px !important;
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    padding: 16px !important;
  }
}

/* ============================================================
   MOJE KONTO — panel klienta WooCommerce
============================================================ */
body.woocommerce-account .woocommerce {
  max-width: 960px !important;
  margin: 30px auto !important;
  padding: 0 20px !important;
}

/* Układ: nawigacja + treść */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 30% !important;
  float: left !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
  width: 67% !important;
  float: right !important;
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 16px !important;
  padding: 26px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
  min-height: 320px !important;
}

/* Menu nawigacji konta */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #eaf0e2 !important;
  margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block !important;
  padding: 13px 18px !important;
  color: #5a5040 !important;
  text-decoration: none !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: background .15s, color .15s !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #f7f9f3 !important;
  color: #4a7c3f !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: linear-gradient(135deg,#4a7c3f,#5a9050) !important;
  color: #fff !important;
}

/* Tabela zamówień */
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Nunito', sans-serif !important;
}
body.woocommerce-account .woocommerce-orders-table thead th {
  background: #f7f9f3 !important;
  padding: 11px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #5a5040 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  border-bottom: 2px solid #cdd9be !important;
}
body.woocommerce-account .woocommerce-orders-table td {
  padding: 12px 10px !important;
  font-size: 14px !important;
  color: #2e2a20 !important;
  border-bottom: 1px solid #eaf0e2 !important;
}
body.woocommerce-account .woocommerce-orders-table tr:hover td {
  background: #f9faf6 !important;
}

/* Status zamówienia — kolorowe etykiety */
body.woocommerce-account .order-status {
  display: inline-block !important;
  padding: 3px 11px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.woocommerce-account .status-completed {
  background: #e8f5e9 !important; color: #2e7d32 !important;
}
body.woocommerce-account .status-processing {
  background: #e3f2fd !important; color: #1565c0 !important;
}
body.woocommerce-account .status-on-hold {
  background: #fff3e0 !important; color: #e65100 !important;
}
body.woocommerce-account .status-pending {
  background: #f3f3f3 !important; color: #757575 !important;
}
body.woocommerce-account .status-cancelled {
  background: #fdeaea !important; color: #c62828 !important;
}

/* Przyciski w panelu konta */
body.woocommerce-account .woocommerce-button,
body.woocommerce-account .button {
  background: linear-gradient(135deg,#4a7c3f,#5a9050) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 9px 18px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all .2s !important;
  text-decoration: none !important;
  display: inline-block !important;
}
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account .button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 16px rgba(74,124,63,.35) !important;
}
body.woocommerce-account .button.view {
  background: #fff !important;
  color: #4a7c3f !important;
  border: 1.5px solid #4a7c3f !important;
}

/* Powitanie / Dashboard */
body.woocommerce-account .woocommerce-MyAccount-content p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #5a5040 !important;
  line-height: 1.7 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content strong {
  color: #4a7c3f !important;
}

/* Formularze: logowanie, rejestracja, edycja danych */
body.woocommerce-account .woocommerce form .form-row label,
body.woocommerce-account .woocommerce-EditAccountForm label,
body.woocommerce-account form.login label,
body.woocommerce-account form.register label {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #5a5040 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  margin-bottom: 5px !important;
  display: block !important;
}
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce select {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #2e2a20 !important;
  background: #fff !important;
  outline: none !important;
  transition: border-color .15s, box-shadow .15s !important;
  -webkit-appearance: none !important;
}
body.woocommerce-account .woocommerce input.input-text:focus,
body.woocommerce-account .woocommerce input[type="email"]:focus,
body.woocommerce-account .woocommerce input[type="password"]:focus {
  border-color: #4a7c3f !important;
  box-shadow: 0 0 0 3px rgba(74,124,63,.12) !important;
}

/* Karty logowania / rejestracji */
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2 {
  background: #fff !important;
  border: 1.5px solid #cdd9be !important;
  border-radius: 16px !important;
  padding: 26px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
  box-sizing: border-box !important;
}
body.woocommerce-account .u-columns h2,
body.woocommerce-account .woocommerce h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 19px !important;
  color: #2e2a20 !important;
  margin-bottom: 16px !important;
}

/* "Lost password" link */
body.woocommerce-account .lost_password a,
body.woocommerce-account a {
  color: #4a7c3f !important;
}

/* Adresy */
body.woocommerce-account .woocommerce-Address {
  background: #f7f9f3 !important;
  border: 1.5px solid #e0e8d4 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin-bottom: 14px !important;
}
body.woocommerce-account .woocommerce-Address-title h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 16px !important;
  color: #2e2a20 !important;
}
body.woocommerce-account address {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: #5a5040 !important;
  line-height: 1.7 !important;
  font-style: normal !important;
}

/* Komunikaty */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
  background: #eef5e8 !important;
  border-left: 4px solid #4a7c3f !important;
  border-radius: 10px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #2e2a20 !important;
  padding: 12px 18px !important;
  list-style: none !important;
}
body.woocommerce-account .woocommerce-error {
  background: #fdf2f2 !important;
  border-left-color: #d63638 !important;
}

/* Responsywność panelu konta */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 16px !important;
  }
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 16px !important;
  }
  body.woocommerce-account .woocommerce-orders-table thead {
    display: none !important;
  }
  body.woocommerce-account .woocommerce-orders-table tr {
    display: block !important;
    border: 1.5px solid #cdd9be !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    padding: 8px !important;
  }
  body.woocommerce-account .woocommerce-orders-table td {
    display: flex !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 8px !important;
  }
  body.woocommerce-account .woocommerce-orders-table td::before {
    content: attr(data-title) !important;
    font-weight: 800 !important;
    color: #5a5040 !important;
  }
}