/* Yatoon 3.4.5 refresh: front-end polish layered over menu/experience/polish.css. */
#yatoon-wrap#yatoon-wrap,#yatoon-wrap#yatoon-wrap *{font-synthesis:none}
:root{--yt-sticky-top:0px}
body.admin-bar{--yt-sticky-top:32px}
@media(max-width:782px){body.admin-bar{--yt-sticky-top:46px}}

/* 1. One solid sticky bar: search scrolls away, category nav stays pinned with no gap or bleed-through. */
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-search-wrap{position:static;top:auto;z-index:auto}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-cat-nav{position:sticky;top:var(--yt-sticky-top);z-index:60;background:var(--yt-theme-surface,#fff);box-shadow:0 8px 14px -12px rgba(16,24,40,.35);border:1px solid var(--yt-line,#e4e7ec);border-radius:12px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap[data-yatoon-theme="dark"] .yatoon-cat-nav{background:#172231}
@media(max-width:782px){#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-cat-nav{top:var(--yt-sticky-top);border-radius:0 0 12px 12px}}

/* 2. Dish thumbnails: wrapper follows the image instead of leaving a beige block under it. */
#yatoon-wrap#yatoon-wrap .yatoon-item-img-wrap{aspect-ratio:1/1}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-item-img-wrap{height:auto;background:none;overflow:visible}
#yatoon-wrap#yatoon-wrap .yatoon-item-img-wrap>img{display:block;object-fit:cover}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-item-img-wrap > img{width:100%;height:100%;border-radius:14px}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-item-add-circle{right:-6px;bottom:-6px;top:auto}

/* 3. Desktop menu follows the saved column maximum and reduces columns for narrow containers. */
@media(min-width:900px){
  #yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-items-list{display:grid;grid-template-columns:var(--yatoon-desktop-grid,repeat(auto-fill,minmax(min(100%,340px),1fr)));gap:14px}
  #yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap .yatoon-items-list > .yatoon-item{width:auto;margin:0;min-height:132px;grid-template-columns:minmax(0,1fr) 100px;gap:16px}
}

/* 4. Headings and dialogs use the menu font, not the theme's serif. */
#yatoon-wrap#yatoon-wrap :is(h1,h2,h3,h4),:is(#yatoon-checkout-overlay,#yatoon-modal-overlay,#yatoon-drawer,#yatoon-auth-overlay) :is(h1,h2,h3,h4,.yatoon-modal-name,.yatoon-modal-price){letter-spacing:-.01em}
#yatoon-app#yatoon-app #yatoon-wrap#yatoon-wrap :is(h1,h2,h3,h4),#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay,#yatoon-modal-overlay,#yatoon-drawer,#yatoon-auth-overlay) :is(h1,h2,h3,h4,.yatoon-modal-name,.yatoon-modal-price){font-family:inherit}
#yatoon-app#yatoon-app .yatoon-modal-name{font-family:inherit}

/* 5. Close buttons: single clean ring. */
:is(#yatoon-modal-overlay,#yatoon-checkout-overlay,#yatoon-auth-overlay) :is(.yatoon-modal-close,.yatoon-checkout-close,.yatoon-close,.yatoon-auth-close){align-items:center;justify-content:center}
#yatoon-app#yatoon-app :is(#yatoon-modal-overlay,#yatoon-checkout-overlay,#yatoon-auth-overlay) :is(.yatoon-modal-close,.yatoon-checkout-close,.yatoon-close,.yatoon-auth-close){width:40px;height:40px;border:0;outline:0;border-radius:50%;background:rgba(255,255,255,.96);color:#101828;box-shadow:0 1px 4px rgba(16,24,40,.25);font-family:system-ui,sans-serif;line-height:1;display:inline-flex}
#yatoon-app#yatoon-app :is(#yatoon-modal-overlay,#yatoon-checkout-overlay,#yatoon-auth-overlay) :is(.yatoon-modal-close,.yatoon-checkout-close,.yatoon-close,.yatoon-auth-close):focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px #2563eb}

/* 6. Checkout total: show the figure once. */
#yatoon-app#yatoon-app .yatoon-price-breakdown[open] > summary > :is(.yatoon-pb-label,#yatoon-price-summary-total){display:none}
.yatoon-price-breakdown>summary{align-items:center;gap:8px;list-style:none}
#yatoon-app#yatoon-app .yatoon-price-breakdown > summary{display:flex}
.yatoon-price-breakdown>summary::-webkit-details-marker{display:none}
.yatoon-price-breakdown>summary>span:last-child{margin-left:auto;color:#5b6678;font-size:13px}
.yatoon-price-breakdown>summary>span:last-child::after{content:" ▾"}
.yatoon-price-breakdown[open]>summary>span:last-child::after{content:" ▴"}
.yatoon-price-breakdown:not([open])>summary>strong{font-size:17px}
#yatoon-app#yatoon-app .yatoon-checkout-sheet .yatoon-price-breakdown > summary{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:12px 14px;font-size:14px}
.yatoon-checkout-sheet .yatoon-price-breakdown>summary>.yatoon-pb-label{font-weight:600;color:#101828}
#yatoon-app#yatoon-app .yatoon-checkout-sheet .yatoon-price-breakdown > summary > .yatoon-pb-label{flex:1 1 auto;width:auto;font-size:15px}
.yatoon-checkout-sheet .yatoon-price-breakdown>summary>strong{text-align:right}
#yatoon-app#yatoon-app .yatoon-checkout-sheet .yatoon-price-breakdown > summary > strong{flex:0 0 auto;width:auto;margin:0}
#yatoon-app#yatoon-app .yatoon-checkout-sheet .yatoon-price-breakdown > summary > span:last-child{flex:0 0 auto;width:auto;margin:0 0 0 6px;font-size:12px}
#yatoon-app#yatoon-app .yatoon-checkout-sheet .yatoon-price-breakdown[open] > summary > span:last-child{margin-left:auto}

/* 7. Desktop checkout: order summary beside the form. Phones keep the single column. */
@media(min-width:1024px){
  #yatoon-checkout-overlay#yatoon-checkout-overlay .yatoon-checkout-sheet{grid-template-columns:minmax(0,1fr) 340px;column-gap:28px;align-content:start}
  #yatoon-app#yatoon-app #yatoon-checkout-overlay#yatoon-checkout-overlay .yatoon-checkout-sheet{max-width:960px;width:min(960px,94vw);display:grid}
  #yatoon-checkout-overlay#yatoon-checkout-overlay .yatoon-checkout-sheet>:not(.yatoon-co-summary):not(.yatoon-co-main){grid-column:1/-1}
  #yatoon-checkout-overlay#yatoon-checkout-overlay .yatoon-checkout-sheet>.yatoon-co-main{grid-column:1;grid-row:20;min-width:0}
  #yatoon-checkout-overlay#yatoon-checkout-overlay .yatoon-checkout-sheet>.yatoon-co-summary{grid-column:2;grid-row:20;align-self:start;position:sticky;top:8px;padding:14px;border:1px solid #e4e7ec;border-radius:16px;background:#fafbfc}
  #yatoon-app#yatoon-app #yatoon-checkout-overlay .yatoon-co-summary > *{margin-left:0;margin-right:0}
  #yatoon-app#yatoon-app #yatoon-checkout-overlay .yatoon-co-summary .yatoon-order-review{background:transparent;border:0;padding:0}
}

/* 8. Full-screen overlays must ignore block-theme "content width" limits (max-width/auto margins on direct children). */
#yatoon-app#yatoon-app :is(#yatoon-checkout-overlay,#yatoon-modal-overlay,#yatoon-auth-overlay,#yatoon-success-overlay)#yatoon-checkout-overlay,#yatoon-app#yatoon-app #yatoon-checkout-overlay#yatoon-checkout-overlay,#yatoon-app#yatoon-app #yatoon-modal-overlay#yatoon-modal-overlay,#yatoon-app#yatoon-app #yatoon-auth-overlay#yatoon-auth-overlay,#yatoon-app#yatoon-app #yatoon-success-overlay#yatoon-success-overlay,#yatoon-app#yatoon-app #yatoon-confirm-overlay#yatoon-confirm-overlay{max-width:none;width:auto;margin-left:0;margin-right:0;left:0;right:0}