:root{ --rez-nav-h:56px; }
:root{
  --brand-orange: #F06814;
  --brand-green:  #077741;
  --brand-green-2:#055A34;

  --brand-soft:   #EAF6EF;
  --brand-border: #DDECE2;

  --brand-grad: linear-gradient(135deg, var(--brand-orange), var(--brand-green));
  --brand-grad-g: linear-gradient(180deg, var(--brand-green), var(--brand-green-2));
}

/* Üst navbar */
.rez-navbar{
  position:sticky; top:0; z-index:1000;
  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: var(--brand-green);
  border-color: var(--brand-green);
  color:#fff;
}
.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: var(--brand-green); 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 */
/* Google font kullanacaksan head'e link ekle (aşağıda) */
.rez-title{
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(16px, 3.2vw, 22px);
  letter-spacing: 0.2px;
  line-height: 1.1;
  white-space: nowrap;
}

.brand-open{ color: #F06814 !important; } /* Open */
.brand-era{  color: #077741 !important; } /* Era */
.brand-rest{
  color: #077741 !important;              /* istersen koyu gri yap: #2b2b2b */
  font-weight: 700;
  margin-left: 6px;
}

/* Gradienti kapat, span renkleri çalışsın */
.rez-title{
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Open / ERA renkleri */
.rez-title .brand-open{
  color: #F06814 !important;
  -webkit-text-fill-color: #F06814 !important;
}
.rez-title .brand-era{
  color: #077741 !important;
  -webkit-text-fill-color: #077741 !important;
}
.rez-title .brand-rest{
  color: #077741 !important;
  -webkit-text-fill-color: #077741 !important;
  font-weight: 700;
  margin-left: 6px;
}