:root{ --rez-nav-h:56px; }

/* Üst navbar — admin_rezervasyon #overlay (1040) üstünde; bootstrap-select ~1060 altında kalsın */
.rez-navbar{
  position:sticky; top:0; z-index:1045;
  background:#fff; border-bottom:1px solid #eef2f4;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.rez-nav-inner{
  height:var(--rez-nav-h);
  max-width:1080px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:0 12px;
}
.rez-brand{ display:flex; align-items:center; gap:10px; min-width:0 }
.rez-logo{ width:48px; height:48px; object-fit:contain }
.rez-title{
  font-weight:800; letter-spacing:.2px; ;
  font-size:clamp(15px, 4.5vw, 20px);



    background: linear-gradient(to bottom, #1f6ba5, #0aa5a9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* Bazı tarayıcılarda gerekebiliyor */
  -webkit-text-fill-color: transparent;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Sağdaki butonlar (masaüstü) */
.rez-actions{ display:flex; align-items:center; gap:8px }
.rez-btn{
  padding:8px 12px; border-radius:10px; font-weight:600;
  background:#f8fafb; color:#0f172a; border:1px solid #e6ebef; text-decoration:none;
}
.rez-btn:hover{ background:#eef3f6 }
.rez-btn-emph{ background:#0e9f6e; color:#fff; border-color:#0e9f6e }
.rez-btn-emph:hover{ filter:brightness(.95) }
.rez-btn-danger{ background:#fee2e2; color:#991b1b; border-color:#fecaca }
.rez-btn-danger:hover{ background:#fecaca }

/* Burger (mobil) */
.rez-burger{
  display:none; width:40px; height:36px; border:0; background:transparent; padding:6px; border-radius:10px;
}
.rez-burger span{ display:block; height:2px; background:#1f6ba5; margin:6px 0; border-radius:2px }

/* Drawer (mobil menü) */

 .rez-drawer{
   /* display:none KALDIRILDI */
   background:#fff; border-bottom:1px solid #eef2f4;
   box-shadow:0 6px 12px rgba(2,6,23,.06);
 }
 .rez-drawer[hidden]{ display:none !important; }   /* kapalıyken gizle */
 .rez-drawer.open{                                  /* açıkkense görünür/animasyon */
   transform:translateY(0); opacity:1;
 }



.rez-drawer a{
  display:block; padding:12px 16px; border-top:1px solid #f2f4f7;
  color:#0f172a; text-decoration:none; font-weight:600;
}
.rez-drawer a:hover{ background:#f8fafb }
.rez-drawer a.emph{ color:#0e9f6e }
.rez-drawer a.danger{ color:#b91c1c }

/* Mobil kırılma */
@media (max-width: 768px){
  .rez-actions{ display:none }
  .rez-burger{ display:block }
}

/* Gün çipleri varsa navbar altına yapışık kalsın */
.day-scroll{ top: calc(var(--rez-nav-h) + 6px); }

/* Link varsayılanlarını kaldır + flex hizalama */
.rez-brand-link{
  display:flex;              /* img + span yan yana */
  align-items:center;
  gap:.5rem;                 /* araya boşluk */
  text-decoration:none;      /* alt çizgi yok */
  color:inherit;             /* yazı rengi değişmesin */
  -webkit-tap-highlight-color: transparent; /* mobil highlight kalksın */
}

/* Eğer .rez-brand daha önce flex ise, onu linke taşıyın:
.rez-brand { display:block; }  /* gerekirse */