/* Cookeryonline Eating Out pages (PREVIEW 31 Oct 2026; go-live: /assets/css/eatingout.css).
   Loads after cookery-header.css + recipe.css and reuses their tokens: pop-art cut-out header, ink outlines, hard shadows,
   logo-background fill (--lf-band / --lf-tile), #c2410c accent. Rectangular corners throughout (no rounded buttons or boxes). */
:root{--eo-ink:#16141f;--eo-paper:#fffaf0;--eo-coral:#f78656;--eo-burnt:#c2410c;--eo-pink:#ff3b6b;--eo-blue:#0a7bd6;--eo-muted:#5b5866;
  --eo-band:var(--lf-band,url(/assets/img/recipe/logo-band.jpg));--eo-tile:var(--lf-tile,url(/assets/img/recipe/logo-tile.jpg));
  --eo-display:"CO Luckiest","Luckiest Guy",Impact,"Arial Black",sans-serif;--eo-label:"CO Oswald",Oswald,"Arial Narrow",sans-serif;
  --eo-hand:"CO Kalam","Kalam","Comic Sans MS",cursive;--eo-sans:"Segoe UI",Roboto,Arial,sans-serif}
.eo-body{overflow-x:clip;margin:0;background:var(--eo-paper);color:var(--eo-ink);font:17px/1.6 var(--eo-sans);
  background-image:radial-gradient(rgba(10,123,214,.08) 1.2px,transparent 1.4px);background-size:14px 14px}
.eo-body *,.eo-body *::before,.eo-body *::after{box-sizing:border-box}
.eo-body a{color:var(--eo-blue)}
.eo-wrap{max-width:1180px;margin:0 auto;padding:0 14px}
/* masthead: section title on the logo-background fill */
.eo-mast{position:relative;background-color:var(--eo-coral);background-image:var(--eo-band);background-size:cover;background-position:center;border-bottom:4px solid var(--eo-ink);overflow:hidden}
.eo-mast::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(22,20,31,.16) 1.3px,transparent 1.6px) 0 0/9px 9px;pointer-events:none;mix-blend-mode:multiply}
.eo-mast .eo-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding-top:6px;padding-bottom:6px}
.eo-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--eo-ink)}
.eo-brand img{display:block;width:52px;height:auto;filter:drop-shadow(3px 4px 0 rgba(22,20,31,.55));transform:rotate(-6deg);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.eo-brand:hover img,.eo-brand:focus-visible img{transform:rotate(-2deg) scale(1.08)}
.eo-brand b{display:block;font:400 clamp(1.4rem,3.6vw,1.9rem)/1 var(--eo-display);letter-spacing:.02em;color:#fff;-webkit-text-stroke:1.5px var(--eo-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--eo-ink)}
.eo-brand i{display:inline-block;margin-top:3px;font:700 .9rem/1.2 var(--eo-hand);font-style:normal;background:var(--eo-paper);border:2px solid var(--eo-ink);padding:1px 8px;box-shadow:3px 3px 0 var(--eo-ink);transform:rotate(-1.5deg)}
/* region tabs */
.eo-subnav{position:sticky;top:0;z-index:30;background:var(--eo-ink);border-bottom:3px solid var(--eo-ink)}
.eo-subnav ul{list-style:none;margin:0 auto;padding:0 10px;max-width:1180px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.eo-subnav ul::-webkit-scrollbar{display:none}
.eo-subnav li{flex:0 0 auto}
.eo-subnav a{display:block;padding:9px 12px 8px;font:600 .86rem/1.1 var(--eo-label);text-transform:uppercase;letter-spacing:.07em;color:#fff;text-decoration:none;border-bottom:4px solid transparent;white-space:nowrap}
.eo-subnav a:hover,.eo-subnav a:focus-visible{background:#2b2838;border-bottom-color:var(--eo-coral)}
.eo-subnav a[aria-current]{background:var(--eo-paper);color:var(--eo-ink);border-bottom-color:var(--eo-pink)}
/* crumbs + headings */
.eo-crumbs{font:.86rem/1.4 var(--eo-sans);color:var(--eo-muted);margin:12px 0 6px}
.eo-crumbs a{color:inherit}
.eo-crumbs span[aria-current]{color:var(--eo-ink);font-weight:600}
.eo-kicker{font:600 .82rem/1.3 var(--eo-label);text-transform:uppercase;letter-spacing:.1em;color:var(--eo-burnt);margin:0}
.eo-h1{font:800 clamp(2.1rem,6vw,3.4rem)/1.05 "CO Title","Arial Black",Impact,sans-serif;letter-spacing:-.015em;margin:.1em 0 .2em;text-shadow:3px 3px 0 var(--eo-burnt)}
.eo-standfirst{font-size:1.12rem;line-height:1.5;margin:.2em 0 .8em;max-width:46em}
.eo-h2{display:flex;align-items:center;gap:10px;margin:26px 0 12px;font:400 clamp(1.5rem,3.6vw,2rem)/1.1 var(--eo-display);letter-spacing:.02em;scroll-margin-top:52px}
.eo-h2::after{content:"";flex:1;height:3px;background:var(--eo-ink)}
/* hero (overview + South Wales) */
.eo-hero{display:grid;gap:14px 26px;align-items:center;margin:4px 0 8px}
.eo-hero figure{margin:0}
.eo-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:3px solid var(--eo-ink);box-shadow:6px 6px 0 var(--eo-ink);background:#eee}
.eo-credit,.eo-hero figcaption{font:.72rem/1.35 var(--eo-sans);color:var(--eo-muted);margin:8px 0 0}
.eo-credit a,.eo-hero figcaption a{color:inherit}
/* cards: one per city / area */
.eo-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));list-style:none;margin:0;padding:0}
.eo-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);scroll-margin-top:52px}
.eo-card-pic{margin:0;border-bottom:3px solid var(--eo-ink);background:#eee}
.eo-card-pic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.eo-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;flex:1}
.eo-card h3{margin:0;font:800 1.25rem/1.15 "CO Title","Arial Black",sans-serif}
.eo-card h3 small{display:block;font:600 .74rem/1.3 var(--eo-label);text-transform:uppercase;letter-spacing:.09em;color:var(--eo-burnt)}
.eo-card p{margin:0;font-size:.93rem;line-height:1.45;color:#34313d}
.eo-card .eo-credit{margin:auto 0 0;padding-top:4px;font-size:.72rem;line-height:1.35;color:var(--eo-muted)}
.eo-card--plain{background:var(--eo-paper)}
/* guide links: rectangular buttons */
.eo-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.eo-link{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:2px solid var(--eo-ink);box-shadow:3px 3px 0 var(--eo-burnt);color:var(--eo-ink)!important;text-decoration:none;
  transition:transform .12s,box-shadow .12s}
.eo-link:hover,.eo-link:focus-visible{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--eo-burnt);background:#ffe9dc}
.eo-link:focus-visible{outline:3px solid var(--eo-blue);outline-offset:2px}
.eo-link b{display:block;font:700 .98rem/1.25 var(--eo-sans)}
.eo-link small{display:block;font:.78rem/1.3 var(--eo-sans);color:var(--eo-muted);overflow-wrap:anywhere}
.eo-link span{flex:1;min-width:0}
.eo-link::after{content:"\2197";flex:0 0 auto;font:700 1rem/1 var(--eo-sans);color:var(--eo-burnt)}
.eo-link[href^="/"]::after{content:"\2192"}
/* region tiles (overview + "more regions") */
.eo-tiles{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0}
.eo-tile a{position:relative;display:block;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink);background:#222;color:#fff;text-decoration:none;overflow:hidden;transition:transform .14s,box-shadow .14s}
.eo-tile a:hover,.eo-tile a:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--eo-ink)}
.eo-tile a:focus-visible{outline:3px solid var(--eo-blue);outline-offset:3px}
.eo-tile img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.eo-tile b{position:absolute;left:8px;bottom:8px;right:8px;font:400 1.15rem/1.1 var(--eo-display);letter-spacing:.03em;-webkit-text-stroke:1.2px var(--eo-ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--eo-ink)}
.eo-tile[aria-current] a{box-shadow:5px 5px 0 var(--eo-pink)}
.eo-tiles--small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.eo-tiles--small b{font-size:.95rem}
/* boxes */
.eo-box{margin:22px 0;padding:12px 14px;background:#fff;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink)}
.eo-box h2{margin:0 0 6px;font:600 .86rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.09em;color:var(--eo-burnt)}
.eo-box p{margin:4px 0;font-size:.95rem}
.eo-links--row{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.eo-shop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background-color:var(--eo-coral);background-image:var(--eo-tile);background-size:200px 200px}
.eo-shop p{background:var(--eo-paper);border:2px solid var(--eo-ink);padding:4px 10px;margin:0}
.eo-shop .eo-link{flex:0 1 auto}
.eo-fine{font-size:.78rem!important;color:var(--eo-muted)}
.eo-note{border:2px dashed var(--eo-burnt);background:#fff;padding:8px 12px;font-size:.92rem;margin:0 0 16px}
/* South Wales directory */
.eo-chips{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:0 0 6px;padding:0}
.eo-chips a{display:block;padding:5px 10px;font:600 .82rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.06em;color:var(--eo-ink);text-decoration:none;
  background-color:var(--eo-coral);background-image:var(--eo-tile);background-size:200px 200px;border:2px solid var(--eo-ink);box-shadow:2px 2px 0 var(--eo-ink);
  text-shadow:0 0 2px #fffaf0,0 0 2px #fffaf0,0 0 3px #fffaf0}
.eo-chips a:hover,.eo-chips a:focus-visible{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--eo-ink)}
.eo-area{display:grid;gap:14px;margin:30px 0 10px;scroll-margin-top:52px}
.eo-area-head{display:grid;gap:12px;align-items:center}
.eo-area-head .eo-h2{margin:0 0 4px}
.eo-area-head figure{margin:0}
.eo-area-head img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:3px solid var(--eo-ink);box-shadow:5px 5px 0 var(--eo-ink)}
.eo-area-head figcaption{font:.72rem/1.35 var(--eo-sans);color:var(--eo-muted);margin:8px 0 0}
.eo-area-head figcaption a{color:inherit}
.eo-dir{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;margin:0;padding:0}
.eo-place{background:#fff;border:2px solid var(--eo-ink);box-shadow:3px 3px 0 var(--eo-ink);padding:9px 11px;display:flex;flex-direction:column;gap:4px;font-size:.9rem;line-height:1.4}
.eo-place h3{margin:0;font:700 1.02rem/1.25 var(--eo-sans)}
.eo-place h3 a{color:var(--eo-ink)}
.eo-place p{margin:0;color:#34313d}
.eo-place address{font-style:normal;color:var(--eo-muted);font-size:.84rem}
.eo-place .eo-tel{font:600 .84rem var(--eo-sans);color:var(--eo-ink);text-decoration:none}
.eo-tag{align-self:flex-start;font:600 .7rem/1.2 var(--eo-label);text-transform:uppercase;letter-spacing:.07em;border:1.5px solid var(--eo-ink);padding:1px 6px;background:var(--eo-paper)}
.eo-tag--old{border-style:dashed;color:var(--eo-muted)}
.eo-review{align-self:flex-start;font:600 .8rem var(--eo-sans);background:var(--eo-ink);color:#fff!important;padding:3px 8px;text-decoration:none;box-shadow:2px 2px 0 var(--eo-burnt)}
/* ads: same wrappers as the other rebuilt pages (ads.css) */
.eo-body .rx-ad{max-width:970px}
/* footer */
.eo-foot{margin-top:26px;background:var(--eo-ink);color:#ddd;font:.9rem/1.5 var(--eo-sans);padding:18px 0 26px;border-top:4px solid var(--eo-coral)}
.eo-foot a{color:#fff}
.eo-foot ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.eo-foot p{margin:4px 0}
@media (min-width:760px){
  .eo-cards--few{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eo-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  .eo-area-head{grid-template-columns:280px minmax(0,1fr);gap:22px}
  .eo-brand img{width:60px}
}
@media (max-width:620px){
  .eo-body{font-size:16px}
  .eo-subnav{background:linear-gradient(90deg,var(--eo-ink) 88%,#3a3650)}
  .eo-cards{grid-template-columns:1fr;gap:16px}
  .eo-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .eo-tile b{font-size:1rem}
  .eo-dir{grid-template-columns:1fr}
  .eo-brand i{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){.eo-body *{transition:none!important}}
@media print{.eo-subnav,.eo-foot,.rx-site,.rx-searchbar,.co-ad,.eo-links--row{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.eo-shop{display:none!important}.eo-body{background:#fff}
  .eo-card,.eo-place,.eo-link,.eo-tile a{box-shadow:none}.eo-h1{text-shadow:none}.eo-link::after{content:" (" attr(href) ")";font-size:.7rem}}