/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */
@media (min-width: 500px) {
    .am-form div.am-element-title {
        width: 180px;
    }
    .am-form div.am-element {
        margin-left: 180px;
    }
}

/* Buttons on signup, profile, and login pages */
body.am-page-signup .btn, 
body.am-page-signup input[type="submit"], 
body.am-page-signup input[type="button"], 
body.am-page-signup button,
body.am-page-profile .btn, 
body.am-page-profile input[type="submit"], 
body.am-page-profile input[type="button"], 
body.am-page-profile button,
body.am-page-login .btn, 
body.am-page-login input[type="submit"], 
body.am-page-login input[type="button"], 
body.am-page-login button {
  background-color: #2267a3;
  color: #fff;
  border: 1px solid #2267a3;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

body.am-page-signup .btn:hover, 
body.am-page-signup input[type="submit"]:hover, 
body.am-page-signup input[type="button"]:hover, 
body.am-page-signup button:hover,
body.am-page-profile .btn:hover, 
body.am-page-profile input[type="submit"]:hover, 
body.am-page-profile input[type="button"]:hover, 
body.am-page-profile button:hover,
body.am-page-login .btn:hover, 
body.am-page-login input[type="submit"]:hover, 
body.am-page-login input[type="button"]:hover, 
body.am-page-login button:hover {
  background-color: #5d96c7;
  border-color: #2267a3;
  color: #fff;
}

/* Input fields on signup, profile, and login pages */
body.am-page-signup input[type="text"],
body.am-page-signup input[type="email"],
body.am-page-signup input[type="password"],
body.am-page-signup input[type="number"],
body.am-page-signup textarea,
body.am-page-signup select,
body.am-page-profile input[type="text"],
body.am-page-profile input[type="email"],
body.am-page-profile input[type="password"],
body.am-page-profile input[type="number"],
body.am-page-profile textarea,
body.am-page-profile select,
body.am-page-login input[type="text"],
body.am-page-login input[type="email"],
body.am-page-login input[type="password"],
body.am-page-login input[type="number"],
body.am-page-login textarea,
body.am-page-login select {
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
  max-width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

body.am-page-signup input[type="text"]:focus,
body.am-page-signup input[type="email"]:focus,
body.am-page-signup input[type="password"]:focus,
body.am-page-signup input[type="number"]:focus,
body.am-page-signup textarea:focus,
body.am-page-signup select:focus,
body.am-page-profile input[type="text"]:focus,
body.am-page-profile input[type="email"]:focus,
body.am-page-profile input[type="password"]:focus,
body.am-page-profile input[type="number"]:focus,
body.am-page-profile textarea:focus,
body.am-page-profile select:focus,
body.am-page-login input[type="text"]:focus,
body.am-page-login input[type="email"]:focus,
body.am-page-login input[type="password"]:focus,
body.am-page-login input[type="number"]:focus,
body.am-page-login textarea:focus,
body.am-page-login select:focus {
  border-color: #ced4da;
  outline: none;
}

/* Copy button image adjustment (if needed) */
body.am-page-signup .copy-btn img,
body.am-page-profile .copy-btn img,
body.am-page-login .copy-btn img {
  filter: brightness(0) invert(1);
}

/* Mobile adjustments for signup, profile, and login pages */
@media (max-width: 768px) {
  body.am-page-signup .btn, 
  body.am-page-signup input[type="submit"], 
  body.am-page-signup input[type="button"], 
  body.am-page-signup button,
  body.am-page-profile .btn, 
  body.am-page-profile input[type="submit"], 
  body.am-page-profile input[type="button"], 
  body.am-page-profile button,
  body.am-page-login .btn, 
  body.am-page-login input[type="submit"], 
  body.am-page-login input[type="button"], 
  body.am-page-login button {
    font-size: 13px;
  }

  body.am-page-signup input[type="text"],
  body.am-page-signup input[type="email"],
  body.am-page-signup input[type="password"],
  body.am-page-signup input[type="number"],
  body.am-page-signup textarea,
  body.am-page-signup select,
  body.am-page-profile input[type="text"],
  body.am-page-profile input[type="email"],
  body.am-page-profile input[type="password"],
  body.am-page-profile input[type="number"],
  body.am-page-profile textarea,
  body.am-page-profile select,
  body.am-page-login input[type="text"],
  body.am-page-login input[type="email"],
  body.am-page-login input[type="password"],
  body.am-page-login input[type="number"],
  body.am-page-login textarea,
  body.am-page-login select {
    font-size: 13px;
  }
}