/* BetPatron Premium V21 — giriş/kayıt görselleri ve üst menü butonları */

/* Giriş ve kayıt sayfalarındaki eski marka görsellerini güvenli biçimde geri getirir. */
body[data-page="login"] .auth-visual,
body[data-page="register"] .auth-visual{
  background:#07090d;
}
body[data-page="login"] .auth-visual img,
body[data-page="register"] .auth-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  transform-origin:center center;
  opacity:1;
}
body[data-page="login"] .auth-visual img{object-position:58% 50%}
body[data-page="register"] .auth-visual img{object-position:50% 50%}
body[data-page="login"] .auth-visual::before,
body[data-page="register"] .auth-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,6,9,.18),transparent 52%),
    linear-gradient(0deg,rgba(4,6,9,.94) 0%,rgba(4,6,9,.18) 48%,transparent 72%);
}
body[data-page="login"] .auth-visual::after,
body[data-page="register"] .auth-visual::after{
  z-index:1;
}
body[data-page="login"] .auth-visual-copy,
body[data-page="register"] .auth-visual-copy{
  z-index:2;
}

/* Üst menü: giriş siyah, kayıt kırmızı ve birbirinden net biçimde ayrılır. */
.auth-actions .auth-link[href$="giris.html"]{
  position:relative;
  overflow:hidden;
  color:#f7f9fc!important;
  background:linear-gradient(180deg,#171c24 0%,#0a0d12 100%)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 24px rgba(0,0,0,.24)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.65);
}
.auth-actions .auth-link[href$="giris.html"]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 42%);
}
.auth-actions .auth-link[href$="giris.html"]:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#222a36 0%,#0d1118 100%)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.3)!important;
}
.auth-actions .auth-link.auth-primary,
.auth-actions .auth-link[href$="kayit.html"]{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  background:linear-gradient(135deg,#ff394b 0%,#e32235 48%,#bd1023 100%)!important;
  border:1px solid rgba(255,91,105,.88)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 28px rgba(215,25,43,.28)!important;
  text-shadow:0 1px 8px rgba(84,0,8,.7);
}
.auth-actions .auth-link.auth-primary::before,
.auth-actions .auth-link[href$="kayit.html"]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 44%);
}
.auth-actions .auth-link.auth-primary:hover,
.auth-actions .auth-link[href$="kayit.html"]:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#ff4b5c 0%,#ed2639 48%,#ca1226 100%)!important;
  border-color:#ff7783!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 15px 34px rgba(224,29,48,.36)!important;
}
.auth-actions .auth-link:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:3px;
}

@media(max-width:860px){
  .auth-actions .auth-link{min-height:42px;display:grid;place-items:center}
}