/* .woocommerce form .form-row .required{
    display: none ;
} */

/* .woocommerce form .form-row #acceptbluecard-card-name_field .optional{
    display: none ;
} */

.woocommerce form #acceptbluecard-card-name_field .optional {
  display: none;
}

#woocommerce-acceptblue-ajax-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background-color: rgba(
    255,
    255,
    255,
    0.5
  ); /* Optional: add a semi-transparent background */
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce-order-actions .button-google-pay {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 5px;
  background-color: #0071a1; /* Button background color */
  color: #ffffff; /* Button text color */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px; /* Rounded corners */
  border: 2px solid #0071a1; /* Border */
  transition: background-color 0.3s ease, border-color 0.3s ease,
    color 0.3s ease;
}

.woocommerce-order-actions .button-google-pay:hover {
  background-color: #005b87; /* Darker shade on hover */
  border-color: #005b87; /* Border color on hover */
  color: #ffffff; /* Text color on hover */
}

.woocommerce-order-actions .button-google-pay:active {
  background-color: #00476a; /* Even darker shade on active */
  border-color: #00476a; /* Border color on active */
  color: #ffffff; /* Text color on active */
}

.woocommerce-order-actions .button-google-pay:focus {
  outline: none; /* Remove default focus outline */
  box-shadow: 0 0 0 3px rgba(0, 113, 161, 0.5); /* Add custom focus outline */
}

.acceptblue-gpay-icon {
  width: 90px; /* Adjust the size of the icon */
  height: auto; /* Maintain the aspect ratio */
  margin-left: 8px; /* Space between the icon and the payment method text */
  vertical-align: middle; /* Align the icon vertically with the text */
  display: inline-block; /* Ensures the icon stays inline with the text */
}