/* RestoBulut v11.11 - Header görsel tam alan + sabit ince footer düzeltmesi */
:root{
  --rb-credit-height: 34px;
  --rb-bottom-nav-height: 70px;
  --rb-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Header arka plan fotoğrafı artık bütün header alanını kaplar */
.rb-hero{
  min-height: 390px !important;
  position: relative !important;
  overflow: hidden !important;
  background: var(--rb-primary) !important;
  isolation: isolate;
}
.rb-hero-img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.08) contrast(1.03) !important;
  z-index: 0 !important;
}
.rb-hero-img:after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(12,10,26,.08) 0%, rgba(20,15,45,.28) 35%, rgba(33,23,71,.88) 100%),
    radial-gradient(circle at 18% 82%, rgba(243,166,59,.26), transparent 38%) !important;
}
.rb-hero-body{
  position: relative !important;
  z-index: 2 !important;
  min-height: 390px !important;
  margin-top: 0 !important;
  padding: 205px 18px 22px !important;
  display: flex !important;
  align-items: flex-end !important;
}
.rb-title,.rb-actions{position:relative;z-index:3}
.rb-logo{
  background:#fff !important;
  object-fit: contain !important;
  padding: 5px !important;
}

/* Header fotoğraf alanı masaüstünde daha geniş */
@media (min-width: 860px){
  .rb-hero{min-height: 430px !important;}
  .rb-hero-body{min-height: 430px !important;padding-top: 250px !important;}
}

/* Mobilde yazılar fotoğrafın üstünde düzgün otursun */
@media (max-width: 640px){
  .rb-hero{min-height: 370px !important;}
  .rb-hero-img{background-position:center top !important;}
  .rb-hero-body{
    min-height: 370px !important;
    padding: 165px 14px 18px !important;
    display:block !important;
  }
  .rb-title{align-items:flex-end !important;gap:11px !important;}
  .rb-title h1{font-size:26px !important;white-space:normal !important;line-height:1.04 !important;}
  .rb-logo{width:78px !important;height:78px !important;border-radius:19px !important;}
  .rb-actions{justify-content:flex-start !important;margin-top:12px !important;}
}

/* Alt kredi footer: ince, sabit, alta yapışık */
.rb-app{
  padding-bottom: calc(152px + var(--rb-safe-bottom)) !important;
}
.rb-site-footer{
  position: fixed !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 69 !important;
  width: min(560px, calc(100% - 16px)) !important;
  max-width: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}
.rb-site-footer-inner{
  height: var(--rb-credit-height) !important;
  min-height: var(--rb-credit-height) !important;
  border-radius: 16px 16px 0 0 !important;
  background: rgba(255,255,255,.97) !important;
  color: #111827 !important;
  border: 1px solid rgba(33,23,71,.12) !important;
  border-bottom: 0 !important;
  box-shadow: 0 -10px 28px rgba(15,23,42,.12) !important;
  padding: 4px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: auto;
}
.rb-site-footer-inner b{
  display: inline !important;
  margin: 0 !important;
  color: #211747 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
}
.rb-site-footer-inner span{
  display: inline !important;
  color: #334155 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.rb-site-footer a{
  color: #111827 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Mobil alt menü footerın üstünde kalsın */
.rb-bottom-nav{
  bottom: calc(var(--rb-credit-height) + 10px + var(--rb-safe-bottom)) !important;
  z-index: 68 !important;
}
.rb-floating-waiter{
  bottom: calc(var(--rb-credit-height) + var(--rb-bottom-nav-height) + 24px + var(--rb-safe-bottom)) !important;
}
.rb-cart-panel{
  padding-bottom: calc(var(--rb-credit-height) + 18px + var(--rb-safe-bottom)) !important;
}

@media (max-width: 380px){
  .rb-site-footer-inner{font-size:9.7px !important;gap:4px !important;padding-left:7px !important;padding-right:7px !important;}
  .rb-site-footer-inner b{font-size:9.7px !important;}
}