/* YemekTabi 2026-10-23 combined fix: true content-sized dialogs and responsive hero. */
/* Native dialog sizing must be content-driven; max-height only limits scroll. */
html body dialog.yt-auth-dialog,
html body dialog.yt-cart-dialog {
  height:fit-content!important;
  min-height:0!important;
  max-height:min(92dvh,850px)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-content:start!important;
}
html body dialog.yt-auth-dialog[open],
html body dialog.yt-cart-dialog[open] {
  height:fit-content!important;
  min-height:0!important;
}
html body dialog.yt-auth-dialog #ytCustomerForm,
html body dialog.yt-cart-dialog #ytCartList {
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  align-content:start!important;
}
html body dialog.yt-auth-dialog #ytCustomerForm { padding-bottom:0!important;margin-bottom:0!important; }
html body dialog.yt-auth-dialog #ytAuthError:empty {display:none!important;}
html body dialog.yt-cart-dialog .yt-cart-top {margin-bottom:10px!important;}
html body dialog.yt-cart-dialog #ytCartTotal {margin-bottom:10px!important;}
html body dialog.yt-cart-dialog .yt-cart-checkout {margin-bottom:0!important;}
/* The existing image column is visually replaced by one full-bleed hero photo.
   The actual heading and list remain accessible DOM text, never baked into the image. */
html body .yt-restaurant-application .yt-rest-intro {
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  align-items:center!important;
  min-height:clamp(260px,24vw,370px)!important;
  background-image:linear-gradient(90deg,#f4fff9 0%,rgba(244,255,249,.99) 20%,rgba(244,255,249,.93) 34%,rgba(244,255,249,.63) 51%,rgba(244,255,249,.07) 73%,transparent 100%),url('/assets/yemektabi-restaurant-riverside-hero.webp?v=1')!important;
  background-position:center,center 47%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
html body .yt-restaurant-application .yt-rest-intro .yt-rest-copy {
  position:relative!important;
  z-index:1!important;
  flex:0 1 62%!important;
  min-width:0!important;
  padding:clamp(22px,3vw,40px)!important;
  background:transparent!important;
}
html body .yt-restaurant-application .yt-rest-intro .yt-rest-visual {
  display:none!important;
}
html body .yt-restaurant-application .yt-rest-copy h1 {max-width:650px;}
@media(max-width:700px){
 html body dialog.yt-auth-dialog,html body dialog.yt-cart-dialog {max-height:94dvh!important;padding:16px!important;}
 html body .yt-restaurant-application .yt-rest-intro {
   min-height:360px!important;
   align-items:flex-end!important;
   background-image:linear-gradient(0deg,#f4fff9 0%,rgba(244,255,249,.98) 31%,rgba(244,255,249,.78) 51%,rgba(244,255,249,.02) 83%),url('/assets/yemektabi-restaurant-riverside-hero.webp?v=1')!important;
   background-position:center,65% center!important;
 }
 html body .yt-restaurant-application .yt-rest-intro .yt-rest-copy {flex:1 1 100%!important;padding:20px!important;}
 html body .yt-restaurant-application .yt-rest-copy h1 {font-size:clamp(23px,5vw,31px)!important;}
}