@font-face {
  font-family: "Inter";
  src: url("/regalefarzad/src/main/resources/static/fonts/inter.ttf")
    format("truetype");
}
@font-face {
  font-family: "Koodak";
  src: url("/regalefarzad/src/main/resources/static/fonts/b-koodak.ttf")
    format("truetype");
}

@font-face {
  font-family: "Zar";
  src: url("/regalefarzad/src/main/resources/static/fonts/b-zar.ttf")
    format("truetype");
}

@font-face {
  font-family: "Yekan";
  src: url("/regalefarzad/src/main/resources/static/fonts/yekan.ttf")
    format("truetype");
}

@font-face {
  font-family: "Arial";
  src: url("/regalefarzad/src/main/resources/static/fonts/arial.TTF")
    format("truetype");
}
::-webkit-input-placeholder {
  color: white;
  font-family: "Koodak";
}
:-moz-placeholder {
  color: white;
}

:root {
  --onPrimary-color: #006d77;
  --primary-color: #1a3a3a;
  --lightGray-color: #f4f4f4;
  --gray-color: #919191;
  --white-color: #ffffff;
  --black-color: #1b1b1b;
}
action-button {
  color: white;
  background-color: var(--onPrimary-color);
  font-size: x-large;
  min-width: 200px;
  padding: 20px;
  padding-inline: 40px;
  border: none;
  border-radius: 15px;
  font-family: "Yekan";
  direction: rtl;
  cursor: pointer;
  text-align: center;
  user-select: none;
}
input-field {
  width: 70%;
  height: 60px;
  margin-block: 5px;
  border: none;
  border-radius: 15px;
  direction: rtl;
  font-size: x-large;
  padding-inline: 10px;
  text-align: center;
}
/* Badge */
.discount-badge {
  top: 5px;
  left: 5px;
  background: linear-gradient(135deg, #ff0000, #ffdd03);
  color: white;
  width: max-content;
  padding: 6px 10px;
  font-size: medium;
  font-weight: 700;
  align-items: center;
  text-align: center;
  display: flex;
  position: absolute;
  user-select: none;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(255, 60, 60, 0.45);

  animation: pulse 1.6s infinite ease-in-out;
}

/* Pulse animation */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 6px 14px rgba(255, 60, 60, 0.45);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 10px 22px rgba(255, 60, 60, 0.65);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 6px 14px rgba(255, 60, 60, 0.45);
  }
}
@media only screen and (max-width: 768px) {
  action-button {
    color: white;
    background-color: var(--onPrimary-color);
    font-size: medium;
    min-width: 100px;
    padding: 15px;
    padding-inline: 40px;
    border: none;
    border-radius: 15px;
    font-family: "Yekan";
    direction: rtl;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
  }
  input-field {
    width: 70%;
    height: 50px;
    margin-block: 5px;
    border: none;
    border-radius: 15px;
    direction: rtl;
    font-size: large;
    padding-inline: 10px;
    text-align: center;
  }
}