/* Seli 38.1: presentational only; never changes saved themes or menu data. */

/* No-image products retain their position, variants, discount and purchase actions. */
body[class*="menu-layout-"] .content .item-card.item-with-placeholder .item-img-wrap {
    display:block;
    background:color-mix(in srgb,var(--primary) 8%,var(--card));
}
body[class*="menu-layout-"] .content .item-card.item-with-placeholder .item-img-wrap img.is-placeholder,
body[class*="menu-layout-"] .content .item-card .item-img-wrap img.is-placeholder {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    mix-blend-mode:normal;
}
body[class*="menu-layout-"] .content .item-card.item-without-image {
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    padding:18px !important;
    margin-block:10px !important;
    overflow:hidden !important;
    border-radius:var(--radius,14px) !important;
    background:var(--card) !important;
    color:var(--text) !important;
    grid-column:1 / -1 !important;
}
body[class*="menu-layout-"] .content .item-without-image .item-img-wrap { display:none !important; }
body[class*="menu-layout-"] .content .item-without-image .item-body {
    display:flex !important;
    position:static !important;
    flex-direction:column !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    gap:12px;
    background:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
    text-shadow:none !important;
}
body[class*="menu-layout-"] .content .item-without-image .item-body::before,
body[class*="menu-layout-"] .content .item-without-image::before,
body[class*="menu-layout-"] .content .item-without-image::after { content:none !important; }
body[class*="menu-layout-"] .content .item-without-image .item-top { display:block !important; padding:0 !important; }
body[class*="menu-layout-"] .content .item-without-image .item-footer {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:10px;
    margin:0 !important;
    padding:0 !important;
    justify-content:space-between !important;
    align-items:center !important;
    background:none !important;
}
body[class*="menu-layout-"] .content .item-without-image :is(.item-name,.item-price) { color:var(--text) !important; text-shadow:none !important; }
body[class*="menu-layout-"] .content .item-without-image :is(.item-desc,.item-name-en,.item-price-old) { color:color-mix(in srgb,var(--text) 72%,var(--card)) !important; }
body[class*="menu-layout-"] .content .item-without-image .item-top::after { content:none !important; }
body[class*="menu-layout-"] .content .item-without-image .item-prices { align-items:flex-start !important; }
body[class*="menu-layout-"] .content .item-without-image .btn-select { color:var(--text) !important; background:var(--primary-light) !important; }
.item-modal #modal-img[hidden] { display:none !important; }
.item-modal:has(#modal-img[hidden]) .item-modal-body { padding-top:48px; }
.item-modal .modal-desc { color:color-mix(in srgb,var(--text) 72%,var(--bg)); }

/* Respect the existing design on desktop; reflow, rather than shrink, on phones. */
@media(max-width:600px) {
    body[class*="menu-layout-"] .content .item-card .item-name { font-size:max(15px,var(--menu-item-title-size)) !important; line-height:1.65; overflow-wrap:anywhere; }
    body[class*="menu-layout-"] .content .item-card :is(.item-desc,.item-name-en) { font-size:max(12px,var(--menu-item-subtitle-size)) !important; line-height:1.8 !important; }
    body[class*="menu-layout-"] .content .item-card .item-price { font-size:max(14px,var(--menu-item-price-size)) !important; }
    body[class*="menu-layout-"] .content .item-card .item-price .price-unit { font-size:12px; }
    body[class*="menu-layout-"] .content .item-card .item-footer { min-width:0; flex-wrap:wrap; gap:8px; }
    body[class*="menu-layout-"] .content .item-card .item-price { max-width:100%; white-space:normal !important; overflow-wrap:anywhere; }
    body[class*="menu-layout-"] .content .item-card .item-price .price-number { max-width:100%; white-space:normal !important; overflow-wrap:anywhere; }
    body[class*="menu-layout-"] .content .item-card .btn-select { min-width:40px; min-height:40px; }
    body.menu-layout-list .content .item-card { height:auto !important; }
    body.menu-layout-list .content .item-card .item-body { height:auto !important; }

    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card:not(.item-without-image) {
        display:grid !important;
        direction:rtl !important;
        grid-template-columns:clamp(88px,var(--menu-item-image-size),34%) minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        align-content:center;
        align-items:center;
        column-gap:14px !important;
        row-gap:8px !important;
        padding:16px 10px !important;
        min-height:0 !important;
    }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card .item-img-wrap {
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        width:100% !important;
        height:clamp(96px,var(--menu-item-image-size),160px) !important;
        margin:0 !important;
    }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card .item-top { grid-column:2 !important; grid-row:1 !important; align-self:end; }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card .item-footer {
        grid-column:2 !important;
        grid-row:2 !important;
        flex-direction:row !important;
        justify-content:space-between !important;
        align-items:center !important;
        align-self:start;
        overflow:visible;
    }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card .item-price { justify-content:flex-start !important; text-align:right; }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card .item-prices { align-items:flex-start !important; }
    :is(body.menu-layout-alternating,body.menu-layout-centered,body.menu-layout-linear,body.menu-layout-mixed) .content .item-card :is(.item-desc,.item-name-en) { color:color-mix(in srgb,var(--text) 72%,var(--bg)); }
    body.menu-layout-alternating .content .item-card:nth-child(even):not(.item-without-image),
    body.menu-layout-mixed .content .section-layout-alternating .item-card:nth-child(even):not(.item-without-image) { grid-template-columns:minmax(0,1fr) clamp(88px,var(--menu-item-image-size),34%) !important; }
    body.menu-layout-alternating .content .item-card:nth-child(even) .item-img-wrap,
    body.menu-layout-mixed .content .section-layout-alternating .item-card:nth-child(even) .item-img-wrap { grid-column:2 !important; }
    body.menu-layout-alternating .content .item-card:nth-child(even) :is(.item-top,.item-footer),
    body.menu-layout-mixed .content .section-layout-alternating .item-card:nth-child(even) :is(.item-top,.item-footer) { grid-column:1 !important; }
}

/* Landing typography: scoped so legacy menu CSS and saved presets stay intact. */
body.landing-polish .category .category-name { font-size:14px; line-height:1.7; }
body.landing-polish .category .category-count { font-size:12px; line-height:1.6; }
body.landing-polish .category .category-body { min-width:0; }
body.landing-polish .category-name > span:first-child { min-width:0; overflow-wrap:anywhere; }
body.landing-polish .category-arrow { flex-shrink:0; }
body.landing-polish .page-subtitle { font-size:12px; line-height:1.85; }
body.landing-polish .store-name { font-size:12px; }
body.landing-polish .section-label { font-size:13px; }
body.landing-polish .contact-copy strong { font-size:14px; }
body.landing-polish .contact-copy small { font-size:12px; white-space:normal; overflow-wrap:anywhere; }
body.landing-polish .contact-copy small[dir="ltr"] { text-align:right; }
body.landing-polish .contact-subtitle { font-size:12px; }
body.landing-polish .contact-link { gap:10px; }
body.landing-polish .contact-action { flex-shrink:0; }
body.landing-polish .direct-link { font-size:12px; min-height:44px; }
body.landing-polish .icon-link { width:44px; height:44px; }
body.landing-polish .footer { font-size:12px; }
body.landing-polish .category { animation:none; opacity:1; }
body.landing-polish.no-cover .hero { height:116px; }
body.landing-polish.no-cover .intro { margin-top:-34px; }
body.landing-polish.category-media-text .category .category-name,
body.landing-polish.category-media-text .category .category-count { font-size:14px; }
body.landing-polish.category-media-text .category .category-count { font-size:12px; }
@media(max-width:380px) {
    body.landing-polish.category-media-text .categories,
    body.landing-polish.style-compact .categories,
    body.landing-polish.style-signature .categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.landing-polish.category-media-text .category .category-name { font-size:13px; }
}
@media(max-width:360px) {
    :is(body.menu-layout-grid,body.menu-layout-floating) .content .items-wrap { grid-template-columns:minmax(0,1fr) !important; }
}
@media(prefers-reduced-motion:reduce) {
    body.landing-polish .category,body[class*="menu-layout-"] .item-card { transition:none !important; }
}