.MuiButton-root.Mui-disabled.MuiButton-root.loginBtn {
  color: black;
  opacity: 0.7;
}

.MuiButton-root.loginBtn {
  background-color: #d4b984;
  color: black;
}

.loginInput .MuiOutlinedInput-root {
  border-radius: 6px;
  padding-left: 0px;
  color: black;
}

.loginInput .MuiInputLabel-root {
  color: black;
}
.loginInput input {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #d4b984;
}
.loginInput .MuiInputBase-input::placeholder {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  opacity: 1;
}
.loginInput .MuiOutlinedInput-input {
  padding: 14px 10px;
}

/* Normal durum */
.loginInput .MuiOutlinedInput-root fieldset {
  border: 1px solid #d4b984;
}

/* Hover olduğunda */
.loginInput .MuiOutlinedInput-root:hover fieldset {
  border-color: #d4b984;
}

/* Focus olduğunda */
.loginInput .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: #d4b984 !important; /* örnek: sarı (tailwind: yellow-400) */
}
/* .loginInput .MuiInputLabel-root.Mui-focused {
  color: black; 
  font: bold;
} */

/* a.loginA{
  color: white;
} */
.loginCheckBox .MuiFormControlLabel-root {
  width: max-content;
}
.loginCheckBox .MuiTouchRipple-root {
  display: none !important;
}
.loginCheckBox .MuiCheckbox-root:hover {
  background-color: transparent !important;
}
.loginCheckBox .MuiFormControlLabel-root {
  display: flex;
  column-gap: 10px;
  margin-left: 0px;
}
.loginCheckBox .PrivateSwitchBase-root-14 {
  padding: 0px;
  scale: 1.5;
}
.loginCheckBox .MuiTypography-body1 {
  font-size: 1.6rem;
}
.loginCheckBox .MuiCheckbox-root.Mui-checked svg {
  fill: #d4b984 !important; /* sarı renk */
}
.hamburgerMenuIcon span {
  scale: 1.2;
}
.toolBarBg {
  background-color: transparent;
}
/* .loginCheckBox .MuiCheckbox-root.Mui-checked svg path {
  fill: #facc15 !important; 
} */

a:not([role='button']).loginA {
  color: white;
  cursor: pointer;
}
.cardContentLastChild.MuiCardContent-root:last-child {
  padding-bottom: 0px;
}
.MuiFormControlLabel-root.loginCheckBox {
  margin: 0;
  margin-left: -2px;
}

.borderMachine {
  position: relative;
  padding: 10px;
  width: 100%;
  height: 100%;
}
.bgImgMachineCard {
  background-color: transparent;
  background-image: url('/machineBgImg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bet-info-div.minMaxBg {
  background: linear-gradient(
    to right,
    #b4812e 0%,
    #b4812e 20%,
    rgba(247, 249, 190, 0.8) 40%,
    rgba(247, 249, 190, 0.8) 60%,
    #b4812e 80%,
    #b4812e 100%
  );
  opacity: 0.9;
}

.bgGradient {
  background: linear-gradient(
    135deg,
    #75571d 0%,
    #b4812e 20%,
    #d4b573 40%,
    #d2b372 60%,
    #b4812e 80%,
    #75571d 100%
  );
}
.textGradient {
  background: linear-gradient(
    135deg,
    #b3802e 0%,
    #b4812e 20%,
    rgba(247, 249, 190, 0.8) 40%,
    rgba(247, 249, 190, 0.8) 60%,
    #b4812e 80%,
    #b4812e 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.textGradient2 {
  background: linear-gradient(
    to right,
    #d4b573 0%,
    #fff4d0 20%,
    #fff4d0 40%,
    #d4b573 60%,
    #917954 80%,
    #d4b573 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.borderGradient::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 4px; /* border kalınlığı */
  border-radius: 20px;
  background: linear-gradient(to bottom, #9c8043 0%, #9c8043 50%, #000000 70%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.borderGradient2::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 4px; /* border kalınlığı */
  border-radius: 6px;
  background: linear-gradient(
    to bottom,
    #9c8043 0%,
    #826a39 40%,
    #826a39 50%,
    #191919 60%,
    #000 75%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.borderGradient3::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 4px; /* border kalınlığı */
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    #b3802e 0%,
    #b4812e 20%,
    rgba(247, 249, 190, 0.8) 40%,
    rgba(247, 249, 190, 0.8) 60%,
    #b4812e 80%,
    #b4812e 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}