/* Kitchen as on the printed menu (F-MENU-CUCINA, 12/11/2026). Only sections marked .catalog-kitchen by menu-catalog.php: desserts, wines and spirits keep their list. On paper the price follows the name, no rule separates the dishes; names and titles are in a serif. Here that serif is the theme's --font-brand, as in the section headings. It has one weight in practice (300, 400, 500 and 700 measured equally wide on 12/11), too dense for paragraphs: the giardinetto list and the story use the body face instead. The burger stands in a band, the grill keeps its giardinetto beside the dishes and its story in a side column, the cuts sit beside their note and the side dishes go in pairs. Each section measures its own width (container), so the forms hold in the Menu and on the Osteria page at every screen. Words are hyphenated only on a phone. The theme rules reach (1,3,0): these start there and come later; the ones that must win carry one more class. A collapsed panel keeps [hidden]. */ #main-content .osteria-catalog .catalog-kitchen{container-type:inline-size;--dm-cucina-serif:var(--font-brand,'Dal Menga Display Testo',Georgia,serif)} #main-content .osteria-catalog .catalog-kitchen .catalog-dish{border:0;padding:0;margin:0 0 26px;gap:4px} #main-content .osteria-catalog .catalog-kitchen .catalog-dish:last-child{margin-bottom:0} #main-content .osteria-catalog .catalog-kitchen .catalog-dish h4{display:inline;margin:0;font-family:var(--dm-cucina-serif);font-weight:400;font-size:27px;line-height:1.25;color:var(--color-ink)} #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-prices{display:inline;margin:0 0 0 10px;font-size:17px;line-height:1.3;font-weight:600} /* The theme draws each price as an inline-block, which lets the line break before it: here it stays inline. Its label keeps only the space before it: with the theme's 6 px margin, WebKit let «39 € Grand» pass the column by 3 px at 320 px (French, 12/11). */ #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-prices>span{display:inline;white-space:nowrap} #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-prices small{font-size:15px;font-weight:600;margin-inline-start:0} #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-description{display:block;margin:6px 0 0;font-size:17px;line-height:1.55;max-width:60ch} /* The allergens keep the theme's 16 px in the full text colour, not the small bronze of the paper: safety information, decided on 21/10/2026 and confirmed on 1/11/2026 (scripts/menu-reading-contracts.cjs). Only the spacing changes. */ #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-allergens{margin:2px 0 0} /* The burger band */ #main-content .osteria-catalog .catalog-kitchen .catalog-dish.catalog-band{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:4px 0 0;padding:22px;background:var(--color-light);border:1px solid var(--color-metal)} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-band-title{display:flex;align-items:center;gap:16px;min-width:0} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-band-icon{flex:none;width:64px;height:auto} #main-content .osteria-catalog .catalog-kitchen .catalog-dish.catalog-band h4{font-size:38px;line-height:1.1} /* Text and price run inline in the copy, so each line is at least as tall as the copy's own line: without these two values it inherits the body's 20.88 px and 1.65 (34 px apart, against 26 for a description; 12/11). */ #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-dish-copy{font-size:17px;line-height:1.55} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-description{display:inline;margin:0} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-prices{margin-inline-start:8px} /* The grill: line, giardinetto, dishes and story */ #main-content .osteria-catalog .catalog-kitchen .catalog-tagline{margin:0 0 22px;max-width:none;font-family:var(--dm-cucina-serif);font-weight:400;font-size:30px;line-height:1.25;color:var(--color-accent)} #main-content .osteria-catalog .catalog-kitchen .catalog-note-box{margin:0 0 28px;padding:18px 22px;background:var(--color-light);border:1px solid var(--color-metal)} #main-content .osteria-catalog .catalog-kitchen .catalog-note-title{margin:0 0 6px;max-width:none;font-family:var(--dm-cucina-serif);font-weight:400;font-size:27px;line-height:1.25;color:var(--color-ink)} #main-content .osteria-catalog .catalog-kitchen .catalog-note-body{margin:0;max-width:none;font-family:var(--font-body);font-weight:400;font-size:19px;line-height:1.5;color:var(--color-ink)} #main-content .osteria-catalog .catalog-kitchen .catalog-story{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-metal)} #main-content .osteria-catalog .catalog-kitchen .catalog-story p{margin:0 0 14px;max-width:60ch;font-family:var(--font-body);font-weight:400;font-size:18px;line-height:1.65;color:var(--color-ink)} #main-content .osteria-catalog .catalog-kitchen .catalog-story p:last-child{margin-bottom:0} /* The cuts: note on the left, the cuts in bronze on the right */ #main-content .osteria-catalog .catalog-kitchen .catalog-split-note .catalog-note-box{margin:0 0 24px;padding:0;background:none;border:0} #main-content .osteria-catalog .catalog-kitchen .catalog-split-note .catalog-note-title{margin-bottom:8px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)} #main-content .osteria-catalog .catalog-kitchen .catalog-split-note .catalog-note-body{font-size:17px;line-height:1.55} #main-content .osteria-catalog .catalog-kitchen .catalog-split-items .catalog-dish h4{color:var(--color-accent)} @container (min-width:600px){ #main-content .osteria-catalog .catalog-kitchen .catalog-dish.catalog-band{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:32px;align-items:center;padding:26px 30px} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-band-title{grid-row:1 / span 2} #main-content .osteria-catalog .catalog-kitchen .catalog-band :is(.catalog-dish-copy,.catalog-allergens){grid-column:2} #main-content .osteria-catalog .catalog-kitchen .catalog-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start} #main-content .osteria-catalog .catalog-kitchen .catalog-split-note .catalog-note-box{margin:0} #main-content .osteria-catalog .catalog-kitchen.catalog-form-pair .catalog-dishes:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;align-items:start} #main-content .osteria-catalog .catalog-kitchen.catalog-form-pair .catalog-dish{margin-bottom:0} } @container (min-width:660px){ #main-content .osteria-catalog .catalog-kitchen .catalog-story-layout.has-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:start} #main-content .osteria-catalog .catalog-kitchen .catalog-story{margin:0;padding:2px 0 2px 28px;border-top:0;border-left:1px solid var(--color-metal)} } @media(max-width:767px){ #main-content .osteria-catalog .catalog-kitchen :is(.catalog-dish h4,.catalog-description,.catalog-allergens,.catalog-note-body,.catalog-story p,.catalog-tagline){hyphens:auto} #main-content .osteria-catalog .catalog-kitchen .catalog-dish h4{font-size:24px} #main-content .osteria-catalog .catalog-kitchen .catalog-dish.catalog-band h4{font-size:32px} #main-content .osteria-catalog .catalog-kitchen .catalog-dish .catalog-description{font-size:16px} #main-content .osteria-catalog .catalog-kitchen .catalog-band .catalog-dish-copy{font-size:16px} #main-content .osteria-catalog .catalog-kitchen .catalog-tagline{font-size:26px} #main-content .osteria-catalog .catalog-kitchen .catalog-note-title{font-size:24px} #main-content .osteria-catalog .catalog-kitchen .catalog-note-body{font-size:18px} #main-content .osteria-catalog .catalog-kitchen .catalog-story p{font-size:17px} }