/* Shared managed-page shell only. Homepage sections intentionally live in home-page.css. */
:root {
  --rxsu-home-primary: #7d8f6a;
  --rxsu-home-secondary: #007c72;
  --rxsu-home-ink: #263126;
  --rxsu-home-canvas: #fbfcf9;
  --rxsu-home-soft: #f3f6ef;
  --rxsu-home-paper: #fefefc;
}

body.rxsu-managed-homepage-body {
  margin: 0;
  overflow-x: clip !important;
  overflow-y: visible !important;
  background: var(--rxsu-home-canvas);
  color: var(--rxsu-home-ink);
  font-family: "LINE Seed Sans TH", "Noto Sans Thai", sans-serif;
}

html:has(> body.rxsu-managed-homepage-body) {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.rxsu-managed-homepage-body *,
.rxsu-managed-homepage-body *::before,
.rxsu-managed-homepage-body *::after { box-sizing: border-box; }
.rxsu-managed-homepage-body img { max-width: 100%; height: auto; }
.rxsu-managed-homepage-body a { text-underline-offset: 4px; }
.rxsu-managed-homepage-body :where(a, button, [tabindex]):focus-visible {
  outline: 3px solid var(--rxsu-home-secondary);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--rxsu-home-paper);
}
.rxsu-managed-homepage-body [hidden] { display: none !important; }

.rxsu-skip-link:focus {
  z-index: 99999;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  clip: auto;
  padding: 10px 14px;
  background: var(--rxsu-home-paper);
  color: var(--rxsu-home-ink);
}

.rxsu-managed-shell-header {
  position: sticky;
  z-index: 1000;
  top: var(--wp-admin--admin-bar--height, 0px);
  isolation: isolate;
}
body.rxsu-managed-homepage-body > .rx-drawer-backdrop { z-index: 999 !important; }

.rxsu-managed-shell-footer {
  position: relative;
  z-index: 20;
}
.rxsu-managed-shell-footer--v2 { background: var(--rxsu-home-soft); }
.rxsu-managed-shell-footer--v2 .elementor-6787 > .elementor-element-62cf561c,
.rxsu-managed-shell-footer--v2 .elementor-7659 { background: var(--rxsu-home-soft) !important; }
.rxsu-managed-shell-footer--v2 .elementor-6787 > .elementor-element-145394a7,
.rxsu-managed-shell-footer--v2 .elementor-7659 > :last-child { min-height: 56px; }

/* Footer tagline is styled in global-header-unity.css: it renders sitewide and
 * this sheet loads on four pages. */