/**
 * Styly pro shortcode [ftp_dynamic_login].
 *
 * Tlačítko vychází ze submit tlačítka na stránce /prihlaseni/
 * (#wppb-loginform input#wppb-submit) – růžová #ed3794, bílý uppercase
 * text a 3D spodní stín #b8246e. Verze pro <a> v menu má menší výšku,
 * inline-block layout a explicitní reset barvy textu (kvůli barvě odkazů
 * z theme/Oxygen).
 */

.ftp-dynamic-login {
  display: inline-block;
  margin: 0;
  padding: 0 22px;
  height: 38px;
  background: #ed3794;
  background-image: none;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 4px 0 0 #b8246e;
  color: #ffffff;
  cursor: pointer;
  font-family: "Nunito", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.7px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  transition: filter 0.15s ease, transform 0.05s ease, box-shadow 0.05s ease;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.ftp-dynamic-login,
.ftp-dynamic-login:link,
.ftp-dynamic-login:visited {
  color: #ffffff;
}

.ftp-dynamic-login:hover,
.ftp-dynamic-login:focus-visible {
  background: #ed3794;
  background-image: none;
  color: #ffffff;
  filter: brightness(1.06);
  text-decoration: none;
  outline: none;
}

.ftp-dynamic-login:focus-visible {
  box-shadow: 0 4px 0 0 #b8246e, 0 0 0 3px rgba(237, 55, 148, 0.35);
}

.ftp-dynamic-login:active {
  background: #ed3794;
  background-image: none;
  color: #ffffff;
  transform: translateY(4px);
  box-shadow: 0 0 0 0 #b8246e;
}

.ftp-dynamic-login__label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

@media (max-width: 420px) {
  .ftp-dynamic-login {
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
    line-height: 36px;
    letter-spacing: 0.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ftp-dynamic-login {
    transition: none;
  }
}