/* Motyl-Pro Theme — WooCommerce Overrides
 * Nadpisania domyślnych stylów WooCommerce.
 * WC domyślne style są wyłączone w theme-setup.php (woocommerce_enqueue_styles → empty).
 */

/* --- Cart & Checkout (default WC — minimal overrides) --- */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  max-width: var(--mw, 1600px);
  width: var(--cw, 90%);
  margin: 0 auto;
  padding: 40px 0;
}

/* Table styling for cart */
.woocommerce table.shop_table {
  border: 1px solid var(--gray-300, #d5d5d5);
  border-radius: var(--rlg, 10px);
  overflow: hidden;
}

.woocommerce table.shop_table th {
  background: var(--gray-100, #f4f4f4);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 14px 16px;
}

.woocommerce table.shop_table td {
  padding: 14px 16px;
  font-size: 13.5px;
}

/* Buttons */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  background: var(--black, #111) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--r, 5px) !important;
  padding: 12px 24px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer;
  transition: background .18s ease;
  text-transform: none;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background: #333 !important;
}

/* Alt button */
.woocommerce .button.alt,
.woocommerce button.button.alt {
  background: var(--red, #fb9942) !important;
}
.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--red-dark, #e07d1f) !important;
}

/* Notices — komunikaty WooCommerce (WC domyślny CSS jest wyłączony, więc pełne style tutaj) */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
ul.woocommerce-error {
  position: relative;
  list-style: none;
  border: none;
  border-left: 4px solid var(--gray-400, #999);
  border-radius: var(--r, 6px);
  background: var(--gray-50, #f7f7f7);
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--black, #1a1a1a);
  padding: 14px 18px 14px 46px;
  margin: 0 0 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
  position: absolute;
  left: 16px;
  top: 14px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 15px;
  line-height: 1.5;
}
/* Sukces (np. dodano do koszyka, zastosowano kupon) */
.woocommerce-message {
  background: #eaf6ee;
  border-left-color: var(--green, #007a5e);
  color: #14562f;
}
.woocommerce-message::before {
  content: "\f058"; /* fa-circle-check */
  color: var(--green, #007a5e);
}
/* Info (np. pusty koszyk, kupon usunięty) */
.woocommerce-info {
  background: #e9f2f5;
  border-left-color: var(--teal, #000000);
  color: #073843;
}
.woocommerce-info::before {
  content: "\f05a"; /* fa-circle-info */
  color: var(--teal, #000000);
}
/* Błąd */
.woocommerce-error {
  background: #fdecef;
  border-left-color: var(--red, #fb9942);
  color: #8a1122;
}
.woocommerce-error li {
  list-style: none;
  margin: 0;
}
.woocommerce-error::before {
  content: "\f06a"; /* fa-circle-exclamation */
  color: var(--red, #fb9942);
}
/* Link/przycisk wewnątrz komunikatu (np. "Zobacz koszyk") */
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}
.woocommerce-info a.button,
.woocommerce-message a.button,
.woocommerce-error a.button {
  float: right;
  margin-left: 14px;
  padding: 7px 16px;
  border-radius: var(--r, 5px);
  background: var(--black, #1a1a1a);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  transition: background .15s ease;
}
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-error a.button:hover {
  background: #333;
}

/* Forms */
.woocommerce form .form-row label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--gray-700, #444);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1.5px solid var(--gray-300, #d5d5d5);
  border-radius: var(--r, 5px);
  padding: 10px 14px;
  font-size: 13.5px;
  font-family: 'DM Sans', sans-serif;
  transition: border-color .18s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: #888;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05);
}

/* My Account */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 10px 16px;
  font-size: 13.5px;
  font-weight: 600;
  border-bottom: 1px solid var(--gray-100, #f4f4f4);
  transition: background .18s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--gray-100, #f4f4f4);
}