/*
Theme Name: Astra Child
Template: astra
*/

/* Vedirya Bank Details Styling */
.bank-details-section .woocommerce-form {
  max-width: 700px;
  margin: 30px auto;
  padding: 30px 25px;
  background: #fafaf4;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  font-family: "Segoe UI", sans-serif;
}

.bank-details-section .woocommerce-form p {
  display: flex; flex-wrap: wrap; align-items: center;
  margin-bottom: 20px;
}

.bank-details-section .woocommerce-form label {
  flex: 0 0 220px;
  font-weight: 600; color: #444;
  margin-right: 10px;
}

.bank-details-section .woocommerce-form input,
.bank-details-section .woocommerce-form select {
  flex: 1; padding: 10px 12px;
  border: 1px solid #bbb; border-radius: 5px;
  font-size: 15px; background: #fff;
}

.bank-details-section .woocommerce-form select {
  appearance: none;
}

.bank-details-section .woocommerce-form input:focus,
.bank-details-section .woocommerce-form select:focus {
  border-color: #6a8e3f;
  box-shadow: 0 0 0 2px rgba(106,142,63,0.2);
  outline: none; transition: 0.3s ease;
}

.bank-details-section .woocommerce-form input[readonly] {
  background: #eee; border-color: #ccc;
}

.bank-details-section .woocommerce-form .button {
  background: #6a8e3f; color: #fff;
  padding: 10px 18px; border: none; border-radius: 5px;
  font-size: 15px; margin-top: 10px; margin-right: 10px;
  cursor: pointer; min-width: 130px; transition: all 0.3s ease;
}

.bank-details-section .woocommerce-form .button:hover {
  background: #587632;
}

.bank-details-section #acc-error,
.bank-details-section #ifsc-error {
  display: block; margin-top: 6px;
  font-size: 13px; color: #c0392b;
}

/* Mobile (≤600px) */
@media screen and (max-width: 600px) {
  .bank-details-section .woocommerce-form p {
    display: block; margin-bottom: 16px;
  }

  .bank-details-section .woocommerce-form label {
    display: block; margin-bottom: 6px;
  }

  .bank-details-section .woocommerce-form input,
  .bank-details-section .woocommerce-form select {
    width: 100%;
  }

  .bank-details-section .woocommerce-form .button {
    width: 100%; margin-top: 12px;
  }
}