.custom-upload-button {
  display: inline-block;
  background-color: #0071a1;
  color: white;
  padding: 8px 14px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
}

#photo_id_filename {
  font-style: italic;
  color: #555;
}

 .woocommerce-checkout .woocommerce-form-login-toggle a.showlogin:nth-of-type(1) {
	display: none;
}

.woocommerce-checkout .woocommerce-form-login-toggle .wc-approved-account-message {
  margin-top: 10px;
}

.woocommerce-checkout .woocommerce-form-login-toggle .wc-approved-account-actions {
	display: flex;
	gap: 12px;
	/* margin-top: 8px; */
	flex-wrap: wrap;
  margin-inline-start: auto !important;
}

.woocommerce-checkout .woocommerce-form-login-toggle .wc-approved-account-actions .button {
	text-decoration: none;
}

.woocommerce-checkout .woocommerce-form-login-toggle .wc-register-button {
	background-color: #2271b1;
	color: #fff;
}

.woocommerce-checkout .woocommerce-form-login-toggle .wc-register-button:hover {
	background-color: #2D5143;
}

#register-notice {
  background-color: #2D5143;
  padding-top: 26.4px;
  padding-left: 20px;
  padding-right: 20px;
}

#register-notice p {
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
}
#register-notice p a {
  text-decoration: underline;
  color: #fff;
  font-weight: 700;
}

/* WooCommerce My Account: show Register first (left) AND keep 2 columns on desktop */
.woocommerce-account .woocommerce .u-columns.col2-set {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
}

/* Remove float-based layout + enforce flex columns */
.woocommerce-account .woocommerce .u-columns.col2-set .u-column1,
.woocommerce-account .woocommerce .u-columns.col2-set .u-column2 {
  float: none !important;
  width: auto !important;
  flex: 1 1 420px; /* grow/shrink, sensible minimum */
  max-width: calc(50% - 1rem); /* half minus half the gap */
}

/* Swap order: Register first */
.woocommerce-account .woocommerce .u-columns.col2-set .u-column1 { order: 2; } /* login */
.woocommerce-account .woocommerce .u-columns.col2-set .u-column2 { order: 1; } /* register */

/* Mobile: stack */
@media (max-width: 900px) {
  .woocommerce-account .woocommerce .u-columns.col2-set .u-column1,
  .woocommerce-account .woocommerce .u-columns.col2-set .u-column2 {
    max-width: 100%;
    flex-basis: 100%;
  }
}