/* YemekTabi | compact storefront typography & cards | 2026-10-23 */
/* Customer storefront pages only; no order or cart logic modified. */
.yt-home-content{--yt-card-ink:#24473c;--yt-card-muted:#70877d}
.yt-home-content .block .section-heading h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:clamp(18px,1.55vw,21px)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.28!important;color:#244b3e!important}
.yt-home-content .block .section-heading p{font-size:12px!important;color:#758a81!important;font-weight:400!important}
.yt-home-content .block .section-heading .hint{font-size:12px!important;font-weight:600!important;color:#168266!important}
.yt-home-content .block .section-heading{margin-bottom:12px!important}
/* Avoid inherited fixed-height restaurant bodies: content drives card height. */
.yt-home-content .yt-home-rest-wrap .restaurant-body{min-height:0!important;padding:11px 13px 10px!important;gap:0!important;flex:0 0 auto!important}
.yt-home-content .yt-home-rest-wrap>.restaurant-card{flex:0 0 auto!important}
.yt-home-content .yt-home-rest-wrap .r-head b{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.28!important;letter-spacing:-.015em!important;color:#24473c!important}
.yt-home-content .yt-home-rest-wrap .yt-premium-rating{min-height:0!important;margin:7px 0 5px!important}
.yt-home-content .yt-home-rest-wrap .restaurant-body>p{margin:2px 0 7px!important;font-size:11px!important;color:#758b82!important}
.yt-home-content .yt-home-rest-wrap .r-meta{margin-top:0!important;padding-top:7px!important;line-height:1.25!important}
.yt-home-content .yt-home-rest-wrap .yt-premium-menu{margin-top:4px!important;line-height:1.2!important}
.yt-home-content .yt-home-rest-wrap>.yt185-state{margin-top:auto!important}
/* Product category and name share a row, while keeping both original links and text. */
.yt-home-content .yt-unified-card .yt-unified-body{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:baseline!important;column-gap:6px!important;row-gap:0!important;padding:10px 12px 47px!important}
.yt-home-content .yt-unified-card .yt-card-category{flex:0 0 auto!important;max-width:34%!important;font-size:11px!important;font-weight:500!important;color:#16836a!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.yt-home-content .yt-unified-card .yt-card-category::after{content:' ·';color:#a0aea7}
.yt-home-content .yt-unified-card .yt-unified-body h3{flex:1 1 55%!important;min-width:0!important;min-height:0!important;margin:0!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.015em!important;line-height:1.35!important;color:#24473c!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.yt-home-content .yt-unified-card .yt-unified-body h3 a{color:inherit!important}
.yt-home-content .yt-unified-card .yt-card-restaurant{flex:0 0 100%!important;min-height:0!important;margin:4px 0 0!important;font-size:12px!important;line-height:1.3!important;color:#71877d!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.yt-home-content .yt-unified-card .yt-card-reviews{flex:0 0 100%!important;min-height:20px!important;margin-top:5px!important;font-size:11px!important}
.yt-home-content .yt-unified-card .yt-unified-bottom{margin:0!important}
/* Category tiles and promotion headers: softer weight, consistent palette. */
.yt-home-content .category-tile b{font-weight:650!important;color:#25473d!important}
.yt-home-content .offer h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;font-weight:700!important;letter-spacing:-.02em!important;font-size:19px!important;line-height:1.28!important}
@media(max-width:700px){
 .yt-home-content .block .section-heading h2{font-size:16px!important;font-weight:700!important}
 .yt-home-content .block .section-heading p{font-size:10.5px!important}
 .yt-home-content .block .section-heading .hint{font-size:10px!important}
 .yt-home-content .yt-home-rest-wrap .restaurant-body{padding:8px 9px!important}
 .yt-home-content .yt-home-rest-wrap .r-head b{font-size:12px!important}
 .yt-home-content .yt-home-rest-wrap .yt-premium-rating{margin:4px 0!important}
 .yt-home-content .yt-home-rest-wrap .restaurant-body>p{margin:1px 0 4px!important;font-size:10px!important}
 .yt-home-content .yt-home-rest-wrap .r-meta{padding-top:5px!important}
 .yt-home-content .yt-unified-card .yt-unified-body{padding:8px 8px 40px!important;column-gap:4px!important}
 .yt-home-content .yt-unified-card .yt-card-category{font-size:9px!important;max-width:35%!important}
 .yt-home-content .yt-unified-card .yt-unified-body h3{font-size:12px!important}
 .yt-home-content .yt-unified-card .yt-card-restaurant{font-size:10px!important;margin-top:3px!important}
 .yt-home-content .yt-unified-card .yt-card-reviews{margin-top:3px!important;min-height:18px!important}
 .yt-home-content .offer h3{font-size:17px!important}
}

/* Shared customer storefront typography */
.yt-main .yt-inner h1,.yt-main .yt-inner h2,.yt-main .yt-rest-directory h1,.yt-main .yt-home-content .section-heading h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#244b3e!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.28!important}
.yt-main .yt-inner h1,.yt-main .yt-rest-directory h1{font-size:clamp(21px,2.2vw,27px)!important}
.yt-main .yt-inner h2{font-size:clamp(18px,1.65vw,22px)!important}
.yt-main .yt-dir-wrap h3,.yt-main .yt-dir-wrap h3 a,.yt-main .yt-home-rest-wrap .r-head b,.yt-main .yt-unified-card h3,.yt-main .yt-unified-card h3 a{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#24473c!important;font-weight:700!important;letter-spacing:-.015em!important}
.yt-main .yt-dir-wrap h3{font-size:15px!important;line-height:1.3!important}
/* Fix card bottom gap: previous flex:1 + height:100% stretches empty cards */
.yt-main .yt-home-rest-wrap{height:auto!important;min-height:0!important;align-self:start!important;display:flex!important;flex-direction:column!important}
.yt-main .yt-home-rest-wrap>.restaurant-card{height:auto!important;min-height:0!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important}
.yt-main .yt-home-rest-wrap .restaurant-body{height:auto!important;min-height:0!important;flex:0 0 auto!important;padding:11px 13px 10px!important}
.yt-main .yt-home-rest-wrap .restaurant-body .r-meta{margin-top:0!important}
.yt-main .yt-home-rest-wrap .restaurant-body .yt-premium-menu{margin-bottom:0!important}
.yt-main .yt-home-rest-wrap>.yt185-state{margin-top:5px!important}
.yt-main .yt-dir-wrap{height:auto!important;min-height:0!important;align-self:start!important}
.yt-main .yt-dir-wrap>.yt-dir-card{height:auto!important;min-height:0!important;flex:0 0 auto!important}
.yt-main .yt-dir-wrap .yt-dir-card>div{min-height:0!important}
/* Unified product cards in directories and related product sections */
.yt-main .yt-unified-card .yt-unified-body{display:flex!important;flex-flow:row wrap!important;align-items:baseline!important;align-content:flex-start!important;column-gap:6px!important;row-gap:0!important;padding:10px 12px 47px!important}
.yt-main .yt-unified-card .yt-card-category{flex:0 0 auto!important;max-width:34%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;color:#16836a!important}
.yt-main .yt-unified-card .yt-card-category::after{content:' ·';color:#9eada6}
.yt-main .yt-unified-card .yt-unified-body h3{flex:1 1 55%!important;min-width:0!important;min-height:0!important;margin:0!important;font-size:15px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.yt-main .yt-unified-card .yt-card-restaurant,.yt-main .yt-unified-card .yt-card-reviews{flex:0 0 100%!important}
.yt-main .yt-unified-card .yt-card-restaurant{margin-top:4px!important;font-size:12px!important;color:#71877d!important}
@media(max-width:700px){.yt-main .yt-inner h1{font-size:20px!important}.yt-main .yt-inner h2{font-size:17px!important}.yt-main .yt-home-rest-wrap .restaurant-body{padding:8px 9px!important}.yt-main .yt-dir-wrap h3{font-size:12px!important}.yt-main .yt-unified-card .yt-unified-body{padding:8px 8px 40px!important;column-gap:4px!important}.yt-main .yt-unified-card .yt-card-category{font-size:9px!important}.yt-main .yt-unified-card .yt-unified-body h3{font-size:12px!important}.yt-main .yt-unified-card .yt-card-restaurant{font-size:10px!important}}

/* Restaurant availability restoration: shared across customer storefront pages.
   Status text comes ONLY from the existing restaurant availability API. */
.yt-main .yt-home-rest-wrap>.yt185-state,
.yt-main .yt-dir-wrap>.yt185-state{
 display:block!important;visibility:visible!important;opacity:1!important;
 position:relative!important;inset:auto!important;float:none!important;
 flex:0 0 auto!important;align-self:stretch!important;
 width:calc(100% - 20px)!important;max-width:none!important;
 min-height:32px!important;height:auto!important;
 margin:7px 10px 10px!important;padding:7px 11px!important;
 border:1px solid #cce9d9!important;border-radius:10px!important;
 background:#eaf8f0!important;color:#07834f!important;
 font-size:12px!important;font-weight:700!important;line-height:1.3!important;
 text-align:left!important;white-space:normal!important;z-index:5!important;
}
.yt-main .yt-home-rest-wrap>.yt185-state:not(.yt185-open),
.yt-main .yt-dir-wrap>.yt185-state:not(.yt185-open){
 background:#fff1ee!important;color:#a32c20!important;border-color:#f0d4cf!important;
}
/* Do not reserve an empty status row before the availability API responds. */
.yt-main .yt-home-rest-wrap:not(:has(> .yt185-state)),
.yt-main .yt-dir-wrap:not(:has(> .yt185-state)){
 padding-bottom:0!important;min-height:0!important;
}
.yt-main .yt-home-rest-wrap>.restaurant-card,
.yt-main .yt-dir-wrap>.yt-dir-card{margin-bottom:0!important}
@media(max-width:700px){
 .yt-main .yt-home-rest-wrap>.yt185-state,
 .yt-main .yt-dir-wrap>.yt185-state{
  width:calc(100% - 16px)!important;margin:5px 8px 8px!important;
  min-height:28px!important;padding:5px 8px!important;font-size:10px!important;
 }
}

/* Five customer-page whitespace fixes, desktop and mobile */
body:has(.yt-rest-directory) .yt-main,body:has(.category-page) .yt-main,body:has(.yt-courier-apply) .yt-main,body:has(.yt-restaurant-application) .yt-main,body:has(.yt-contact-page) .yt-main{padding-top:12px!important;padding-bottom:20px!important}
body .yt-rest-directory{padding:8px 0 14px!important}
body .yt-rest-directory .yt-dir-lead{margin-bottom:14px!important}
body .yt-rest-directory .yt-dir-toolbar{margin-bottom:12px!important;padding:13px!important}
body .yt-rest-directory .yt-dir-count{margin:9px 0!important}
body .category-page .category-heading,body .yt-inner .category-heading{padding-top:4px!important;padding-bottom:9px!important;margin-bottom:0!important}
body .category-page .category-heading p{margin-bottom:5px!important}
body .category-page .category-layout{gap:12px!important}
body .yt-courier-apply{margin-top:0!important;margin-bottom:0!important}
body .yt-restaurant-application{margin-top:4px!important;margin-bottom:8px!important}
body .yt-contact-page{padding-top:8px!important;padding-bottom:12px!important}
body .yt-contact-intro{margin-bottom:13px!important}
body .yt-contact-form-box{margin-top:12px!important}
@media(max-width:700px){body:has(.yt-rest-directory) .yt-main,body:has(.category-page) .yt-main,body:has(.yt-courier-apply) .yt-main,body:has(.yt-restaurant-application) .yt-main,body:has(.yt-contact-page) .yt-main{padding-top:8px!important;padding-bottom:16px!important}body .yt-rest-directory{padding-top:5px!important;padding-bottom:10px!important}body .yt-contact-page{padding-top:5px!important;padding-bottom:8px!important}}