/* ==========================================================================
   Cheek Seats — layout overrides
   Loaded AFTER theme.css (depends on the 'cs-theme' handle) so these win by
   source order. Kept in a separate file so a future Tailwind rebuild of
   theme.css does not clobber them.
   ========================================================================== */

/* Full-bleed content ------------------------------------------------------
   Remove the centered max-width "box" so the site uses the full browser
   width. Inner text blocks keep their own max-w-* caps, so paragraphs stay
   readable while images, grids, header and footer span edge to edge.
   Gutters grow on larger screens so nothing hugs the extreme edges.        */
.container-x { max-width: none; padding-inline: 1.5rem; }
@media (min-width: 640px)  { .container-x { padding-inline: 2rem; } }
@media (min-width: 1024px) { .container-x { padding-inline: 3rem; } }
@media (min-width: 1536px) { .container-x { padding-inline: 4rem; } }

/* Bigger logo in a roomier header bar ------------------------------------- */
.cs-headbar { height: 6rem; }              /* 96px (was 72px) */
.cs-logo    { height: 5rem; width: auto; } /* 80px (was 56px) */

@media (max-width: 639px) {
  .cs-headbar { height: 5rem; }            /* 80px on phones */
  .cs-logo    { height: 4rem; }            /* 64px on phones */
}