/* steve-nohead.css - steve-look v2: Steve's pages start with HIS masthead; cookeryonline moves to a small footer at the bottom.
   Loaded on every generated Steve page (after steve.css). Square corners, site fonts, pop-art ink shadows. */
/* top: the masthead is now the first thing on the page */
.sv-body .sv-mast{border-top:0}
.sv-body .sv-mast--compact .sv-wrap{padding-top:9px;padding-bottom:9px}
/* the small cookeryonline footer (very bottom, below Steve's own footer links) */
.sv-cofoot{background:#fff;border-top:3px solid var(--sv-ink,#16141f);padding:14px 14px 18px;color:var(--sv-ink,#16141f);
  font:.92rem/1.45 "Segoe UI",Roboto,Arial,sans-serif}
.sv-cofoot-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 22px}
.sv-cofoot-line{margin:0;display:flex;align-items:center;gap:12px;flex:1 1 320px;min-width:0}
.sv-cofoot-logo{flex:0 0 auto;display:block;line-height:0}
.sv-cofoot-logo img{display:block;width:144px;height:auto;border:2px solid var(--sv-ink,#16141f)}
.sv-cofoot-line span{font:700 1rem/1.35 var(--sv-hand,"CO Kalam",cursive)}
.sv-cofoot-line a{color:var(--sv-blue,#0a7bd6)}
.sv-cofoot-links{margin:0;display:flex;gap:10px;flex-wrap:wrap}
.sv-cofoot-btn{display:inline-block;padding:6px 12px;font:600 .82rem/1.2 var(--sv-label,"CO Oswald",sans-serif);text-transform:uppercase;letter-spacing:.06em;
  color:var(--sv-ink,#16141f)!important;background:#fff;border:2px solid var(--sv-ink,#16141f);border-radius:0;box-shadow:3px 3px 0 var(--sv-ink,#16141f);text-decoration:none}
.sv-cofoot-btn:hover,.sv-cofoot-btn:focus-visible{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--sv-ink,#16141f);background:#ffe14d}
.sv-cofoot-search{flex:0 1 420px;min-width:0}
.sv-cofoot-search .cookery-search{margin:0}
.sv-cofoot-search .cs-scope legend,.sv-cofoot-search .cs-scope{color:var(--sv-ink,#16141f)}
.sv-foot+.sv-cofoot,.sv-foot~.sv-cofoot{margin-top:0}
/* steve-scroll (1 Nov 2026): no sideways scroll on phones - the footer search must not set the column's min width (was 429px at 390) */
.sv-cofoot-in>*{max-width:100%;min-width:0}
.sv-cofoot-search form,.sv-cofoot-search .cs-row{max-width:100%;min-width:0;box-sizing:border-box}
.sv-cofoot-search input{min-width:0;max-width:100%;box-sizing:border-box}
/* ...and the 2-up card grid on phones may not grow past the screen (Steve's landing was 336px wide at 320) */
@media (max-width:620px){.sv-body .sv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-body .sv-latest .sv-cards{grid-template-columns:minmax(0,1fr)}.sv-body .sv-cards--strip{grid-template-columns:repeat(4,72%)}.sv-body .sv-card img{max-width:100%}}
@media (max-width:620px){
  .sv-cofoot-in{flex-direction:column;align-items:stretch}
  .sv-cofoot-line{flex-direction:column;align-items:flex-start;gap:8px;flex-basis:auto}
  .sv-cofoot-search{flex-basis:auto}
}
@media print{.sv-cofoot-search,.sv-cofoot-links{display:none}}