/* ============================================
   GARNER STATIONERY - লগইন / পাসওয়ার্ড রিসেট (লগইন না করা অবস্থায় My account)
   মার্কআপ: woocommerce/myaccount/form-login.php
============================================ */

.garner-auth { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; max-width: 900px; margin: 40px auto 70px; padding: 0 20px; font-family: 'Inter', sans-serif; }
.garner-auth-card,
.woocommerce-account .woocommerce-ResetPassword {
  flex: 1 1 340px; max-width: 440px; background: #fff; border: 1px solid #E8EEF5; border-radius: 22px;
  box-shadow: 0 10px 30px rgba(11, 93, 164, 0.08); padding: 32px 30px;
}
.woocommerce-account .woocommerce-ResetPassword { margin: 40px auto 70px; font-family: 'Inter', sans-serif; font-size: 14px; color: #5B6871; }
.garner-auth-card h2 { font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 26px; color: #0B5DA4; margin: 0 0 4px; }
.garner-auth-card .sub { font-size: 14px; color: #5B6871; margin: 0 0 20px; }

.garner-auth-card .form-row,
.woocommerce-ResetPassword .form-row { display: block; width: 100%; float: none; margin: 0 0 14px; padding: 0; }
.garner-auth-card label,
.woocommerce-ResetPassword label { display: block; font-size: 13px; font-weight: 600; color: #1A1A1A; margin-bottom: 6px; }
.garner-auth-card label.woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 8px; font-weight: 500; color: #5B6871; margin: 0; }
.garner-auth-card input.input-text,
.woocommerce-ResetPassword input.input-text {
  width: 100%; border: 2px solid #E8EEF5; border-radius: 10px; padding: 12px 14px; font-size: 14px;
  background: #F4F8FB; color: #1A1A1A; outline: none; transition: border-color .2s ease;
}
.garner-auth-card input.input-text:focus,
.woocommerce-ResetPassword input.input-text:focus { border-color: #0B5DA4; background: #fff; }
.garner-auth-card input[type="checkbox"] { accent-color: #0B5DA4; width: 16px; height: 16px; }

.garner-auth-card button.button,
.woocommerce-ResetPassword button.button {
  display: block; width: 100%; margin-top: 4px; padding: 13px 24px; border: 0; border-radius: 999px; background: #0B5DA4; color: #fff;
  font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 15px; cursor: pointer; transition: background .2s ease;
}
.garner-auth-card button.button:hover,
.garner-auth-card button.button:focus,
.woocommerce-ResetPassword button.button:hover,
.woocommerce-ResetPassword button.button:focus { background: #C81824; color: #fff; }
.garner-auth-remember { margin-bottom: 16px; }
.garner-auth-card .lost_password { text-align: center; margin: 14px 0 0; font-size: 13px; }
.garner-auth-card .lost_password a { color: #0B5DA4; text-decoration: none; }
.garner-auth-card .lost_password a:hover { color: #C81824; text-decoration: underline; }
.garner-auth-track { text-align: center; margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #E8EEF5; font-size: 13px; color: #5B6871; }
.garner-auth-track a { color: #0B5DA4; font-weight: 600; text-decoration: none; }

.woocommerce-account .woocommerce-error, .woocommerce-account .woocommerce-message, .woocommerce-account .woocommerce-info { max-width: 860px; margin: 20px auto; font-family: 'Inter', sans-serif; font-size: 14px; }

@media (max-width: 640px) {
  .garner-auth { margin: 24px auto 40px; padding: 0 16px; }
  .garner-auth-card { padding: 24px 20px; }
  .woocommerce-account .woocommerce-ResetPassword { margin: 24px 16px 40px; padding: 24px 20px; }
}

/* WooCommerce এর `.woocommerce form .form-row ...` রুলের চেয়ে শক্তিশালী সিলেক্টর */
.woocommerce .garner-auth-card form.login,
.woocommerce .garner-auth-card form.register { border: 0; border-radius: 0; padding: 0; margin: 0; }
.woocommerce .garner-auth-card form .form-row,
.woocommerce form.woocommerce-ResetPassword .form-row { width: 100%; float: none; padding: 0; margin: 0 0 14px; }
.woocommerce .garner-auth-card form .form-row input.input-text,
.woocommerce form.woocommerce-ResetPassword .form-row input.input-text {
  border: 2px solid #E8EEF5; border-radius: 10px; padding: 12px 14px; background: #F4F8FB; line-height: 1.4;
}
.woocommerce .garner-auth-card form .form-row input.input-text:focus,
.woocommerce form.woocommerce-ResetPassword .form-row input.input-text:focus { border-color: #0B5DA4; background: #fff; }
.woocommerce .garner-auth-card form .show-password-input { top: 50%; transform: translateY(-50%); }