/* Souvlaki Queen brand frame.
   Matches the Squarespace "accent border" treatment used by the Motto
   reference theme (https://motto-demo.squarespace.com), which wraps the
   whole page in a solid-color border pulled from the theme's accent
   color. Here the color is pulled from our own "Free Delivery! Order
   Now" button (rgb(0, 120, 212)) instead of Motto's yellow. */
body {
  background-color: #0078d4;
}

#siteWrapper {
  border: 25px solid #0078d4;
}

/* #header is position:fixed and spans the full viewport (left:0;right:0;
   top:0), so on its own it renders edge-to-edge and covers the border
   at the top of the page. Inset it to match the border on all three
   visible sides so the frame reads as fully enclosed, like Motto's.
   #siteWrapper's border already pushes every normal-flow element
   (including #page/main) down and in by 25px automatically, so the
   header - which ignores that because it's fixed - just needs the same
   25px applied explicitly to line back up with it. No other spacing
   changes needed: shifting the header down by exactly the same amount
   #siteWrapper's border already shifts the content preserves the
   existing header-to-content clearance on every page. */
#header {
  top: 25px;
  left: 25px;
  right: 25px;
}