/* Trade Ocean ATS — front-end layout modes.
   One stylesheet shared by the careers board and the HR dashboard; these rules
   used to be duplicated verbatim in both surface stylesheets.

   body.toats-mode-{site|standalone|clean|embedded} is set by toats_body_class().
   The careers board and the dashboard each choose their own mode in Settings,
   and a page can override it with e.g. [trade_ocean_careers layout="embedded"]. */

body.toats-front-page { overflow-x: hidden; }

/* ---------- Chrome-free: theme header and footer both hidden ---------- */
body.toats-mode-clean,
body.toats-mode-clean #page,
body.toats-mode-clean .site,
body.toats-mode-clean .wp-site-blocks { background: #fff; }
body.toats-mode-clean header,
body.toats-mode-clean .site-header,
body.toats-mode-clean #masthead,
body.toats-mode-clean .wp-block-template-part:first-of-type { display: none; }
/* The blanket `header` selector above also catches the plugin's own headers
   (the careers hero, the job detail head), so put those back. */
body.toats-mode-clean .toats header,
body.toats-mode-clean .toats-admin header { display: block; }
body.toats-mode-clean footer,
body.toats-mode-clean .site-footer,
body.toats-mode-clean #colophon { display: none; }
/* Collapse the space a hidden header leaves behind: themes commonly pad the
   body or content wrapper to clear a fixed header, and print a page-title or
   breadcrumb strip above the content. */
body.toats-mode-clean { padding-top: 0 !important; margin-top: 0 !important; }
body.toats-mode-clean .site-content:not(.toats-main),
body.toats-mode-clean .content-area,
body.toats-mode-clean .entry-content,
body.toats-mode-clean #content,
body.toats-mode-clean #primary,
body.toats-mode-clean #main,
body.toats-mode-clean main:not(.toats-main) { padding-top: 0 !important; margin-top: 0 !important; }
body.toats-mode-clean .entry-header,
body.toats-mode-clean .page-header,
body.toats-mode-clean .page-title,
body.toats-mode-clean .breadcrumb,
body.toats-mode-clean .breadcrumbs,
body.toats-mode-clean .yoast-breadcrumbs,
body.toats-mode-clean .rank-math-breadcrumb,
body.toats-mode-clean .woocommerce-breadcrumb { display: none !important; }

/* ---------- Site: header, menu, logo and breadcrumb stay ----------
   Only the footer and the dead space above the content go. The body's own
   padding is LEFT ALONE — themes with a fixed header rely on it, and zeroing it
   would slide the app underneath the header. A runtime trim (see layout.php)
   handles the ancestors CSS cannot reliably name. */
body.toats-mode-site footer,
body.toats-mode-site .site-footer,
body.toats-mode-site #colophon { display: none !important; }
body.toats-mode-site .entry-header,
body.toats-mode-site .page-header,
body.toats-mode-site .entry-title,
body.toats-mode-site .page-title { display: none !important; }
/* The :not() guards matter — the plugin's own shell uses <main class="toats-main">,
   and without them these would strip the app's internal spacing. */
body.toats-mode-site .site-content:not(.toats-main),
body.toats-mode-site .content-area,
body.toats-mode-site .entry-content,
body.toats-mode-site #content,
body.toats-mode-site #primary,
body.toats-mode-site #main,
body.toats-mode-site article:not(.toats-panel),
body.toats-mode-site main:not(.toats-main) { padding-top: 0 !important; margin-top: 0 !important; }
body.toats-mode-site .entry-content > p:empty,
body.toats-mode-site .entry-content > br:first-child { display: none; }

/* ---------- Breathing room where the theme's was removed ----------
   site, clean and standalone all strip the spacing the theme normally puts
   above the content, so the surface has to supply its own — otherwise the
   heading sits flush against the top of the window.

   The padding goes INSIDE the app, not on a wrapper around it: the ambient
   colour wash is painted by .toats::before / .toats-shell::before, so padding
   here is filled by the wash, while padding on an outer element would read as
   the white gap coming back.

   Embedded is deliberately excluded — it leaves the theme's own spacing alone. */
body.toats-mode-site .toats,
body.toats-mode-clean .toats,
body.toats-mode-standalone .toats { padding-top: 28px; }

/* The dashboard shell already carries its own 12px gutter around the floating
   menubar, which is the intended look; it needs no extra. */

/* ---------- Standalone: the theme is never loaded ---------- */
body.toats-standalone-body { margin: 0; padding: 0; overflow-x: hidden; background: #fff; }
body.toats-standalone-body .toats-shell { min-height: 100vh; }

/* ---------- Embedded: nothing suppressed ----------
   Deliberately empty. The theme keeps its header, footer, page title and
   breadcrumbs, and the surface sits in the content column like any other block —
   which is also why body.toats-dash-page (full-bleed) is not applied. */