/* =========================================================
   FOUNDRY GLOBAL NAV
   Shared internal navigation: Back / Home / Menu
   ========================================================= */

.foundry-global-nav,
.foundry-global-nav * {
  box-sizing: border-box;
}

.foundry-global-nav {
  position: fixed;
  top: 28px;
  right: 34px;
  z-index: 10020;

  width: 246px;
  height: 62px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;

  padding: 7px 10px;

  border: 1px solid rgba(214, 168, 107, .70);
  border-radius: 8px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 18%),
    linear-gradient(180deg, #1a1713 0%, #100e0c 56%, #090807 100%);

  box-shadow:
    inset 0 1px 0 rgba(255, 231, 188, .28),
    inset 0 -1px 0 rgba(55, 31, 14, .92),
    0 10px 24px rgba(0,0,0,.46);

  isolation: isolate;
}

/* small outer forged lip */
.foundry-global-nav::before {
  content: "";
  position: absolute;
  inset: -4px;
  z-index: -1;
  border-radius: 11px;
  border: 1px solid rgba(116, 76, 39, .70);
  background: linear-gradient(180deg, rgba(210,160,97,.14), rgba(48,28,14,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,229,183,.18),
    0 3px 8px rgba(0,0,0,.48);
  pointer-events: none;
}

.foundry-global-control {
  position: relative;
  min-width: 0;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  border: 0;
  background: transparent;
  color: #b47a3d;
  text-decoration: none;
  cursor: pointer;

  transition: filter 160ms ease, transform 160ms ease;
}

.foundry-global-control + .foundry-global-control::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 1px;
  background: linear-gradient(
    180deg,
    rgba(69,41,21,.18),
    rgba(201,151,89,.55) 14%,
    rgba(92,57,30,.92) 50%,
    rgba(201,151,89,.48) 86%,
    rgba(69,41,21,.18)
  );
  box-shadow: 1px 0 0 rgba(255,219,163,.08);
}

.foundry-global-control:hover {
  filter: brightness(1.18);
  transform: translateY(-1px);
}

.foundry-global-control:focus-visible {
  outline: 1px solid rgba(219,164,95,.82);
  outline-offset: -5px;
  border-radius: 4px;
}

.foundry-global-control svg {
  width: 34px;
  height: 34px;
  overflow: visible;
  fill: none;
  stroke: #ad7238;
  stroke-width: 2.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
  filter:
    drop-shadow(0 1px 0 rgba(255,220,158,.36))
    drop-shadow(0 2px 2px rgba(0,0,0,.72));
}

.foundry-global-home svg {
  width: 35px;
  height: 35px;
  fill: url(#foundry-home-metal);
  stroke: #7a4824;
  stroke-width: 1.05;
  stroke-linejoin: round;
}

.foundry-global-menu {
  flex-direction: column;
  gap: 6px;
}

.foundry-global-menu span {
  display: block;
  width: 36px;
  height: 4px;
  margin: 0;

  border-top: 1px solid rgba(255, 220, 159, .63);
  border-bottom: 1px solid rgba(42, 23, 10, .96);

  background: linear-gradient(
    180deg,
    #d0a05b 0%,
    #a36c34 34%,
    #6a3e20 70%,
    #352012 100%
  );

  box-shadow:
    inset 0 1px 0 rgba(255,235,194,.26),
    0 2px 2px rgba(0,0,0,.82),
    0 4px 5px rgba(0,0,0,.26);

  transform-origin: center;
  transition:
    transform 420ms cubic-bezier(.2,.8,.2,1),
    opacity 220ms ease,
    width 320ms ease,
    filter 160ms ease;
}

.foundry-global-menu:hover span {
  filter: brightness(1.12);
}

body.foundry-global-open .foundry-global-menu span:nth-child(1),
body.menu-open .foundry-global-menu span:nth-child(1) {
  width: 34px;
  transform: translate(1px, 10px) rotate(46deg);
}
body.foundry-global-open .foundry-global-menu span:nth-child(2),
body.menu-open .foundry-global-menu span:nth-child(2) {
  opacity: 0;
  transform: scaleX(.2);
}
body.foundry-global-open .foundry-global-menu span:nth-child(3),
body.menu-open .foundry-global-menu span:nth-child(3) {
  width: 37px;
  transform: translate(-2px, -10px) rotate(-43deg);
}

/* Drawer backdrop */
.foundry-global-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: linear-gradient(90deg, rgba(0,0,0,.05), rgba(0,0,0,.20) 58%, rgba(0,0,0,.48));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 520ms ease, visibility 0s linear 520ms;
}

body.foundry-global-open .foundry-global-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 520ms ease, visibility 0s;
}

.foundry-global-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10010;
  width: min(430px, 88vw);
  overflow: hidden;

  background:
    radial-gradient(circle at 12% 25%, rgba(180,129,71,.09), transparent 34%),
    linear-gradient(105deg, rgba(255,255,255,.025), transparent 28%),
    linear-gradient(180deg, #171513 0%, #100f0e 48%, #0b0a09 100%);

  border-left: 1px solid rgba(185,139,83,.32);
  box-shadow: -22px 0 70px rgba(0,0,0,.58);

  transform: translateX(102%);
  visibility: hidden;
  transition: transform 560ms cubic-bezier(.18,.82,.22,1), visibility 0s linear 560ms;
}

body.foundry-global-open .foundry-global-drawer {
  visibility: visible;
  transform: translateX(0);
  transition: transform 560ms cubic-bezier(.18,.82,.22,1), visibility 0s;
}

.foundry-global-drawer-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: clamp(104px, 13vh, 145px) clamp(32px, 4vw, 52px) 34px;
}

.foundry-global-kicker {
  margin-bottom: 34px;
  color: rgba(210,169,114,.72);
  font: 700 11px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.foundry-global-drawer nav {
  display: flex;
  flex-direction: column;
}

.foundry-global-link {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(210,169,114,.10);
  color: rgba(244,231,211,.84);
  font: 400 clamp(18px,1.45vw,23px)/1.15 Georgia, "Times New Roman", serif;
  text-decoration: none;
  transition: color 220ms ease, padding-left 300ms cubic-bezier(.2,.8,.2,1);
}

.foundry-global-link:hover,
.foundry-global-link:focus-visible {
  color: #d8a76e;
  padding-left: 6px;
  outline: none;
}

.foundry-global-number {
  color: rgba(210,169,114,.46);
  font: 700 9px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .12em;
}

.foundry-global-footer {
  margin-top: auto;
  color: rgba(210,169,114,.42);
  font: 700 9px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: .22em;
}

/* Old per-page back/menu controls are replaced only on pages that load this component. */
.start-back-wrap,
.whywebsite-back-wrap,
.foundry-about-back,
.foundrycare-back,
.foundry-anvil-menu,
.foundry-about-menu,
.foundrycare-menu {
  display: none !important;
}

@media (max-width: 700px) {
  .foundry-global-nav {
    top: 16px;
    right: 16px;
    width: 210px;
    height: 54px;
    padding: 6px 8px;
  }
  .foundry-global-control svg { width: 29px; height: 29px; }
  .foundry-global-home svg { width: 30px; height: 30px; }
  .foundry-global-menu { gap: 5px; }
  .foundry-global-menu span { width: 31px; height: 3px; }
  body.foundry-global-open .foundry-global-menu span:nth-child(1),
  body.menu-open .foundry-global-menu span:nth-child(1) { width: 29px; transform: translate(1px, 8px) rotate(46deg); }
  body.foundry-global-open .foundry-global-menu span:nth-child(3),
  body.menu-open .foundry-global-menu span:nth-child(3) { width: 32px; transform: translate(-2px, -8px) rotate(-43deg); }
}

/* Boardroom: deliberately retain only the Foundry hamburger */
.foundry-global-nav--menu-only .foundry-global-back,
.foundry-global-nav--menu-only .foundry-global-home {
    display: none;
}

.foundry-global-nav--menu-only {
    width: auto;
}

/* Boardroom: bare hamburger only — no pill, border or background */
.foundry-global-nav--menu-only {
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.foundry-global-nav--menu-only::before,
.foundry-global-nav--menu-only::after {
    display: none !important;
}

.foundry-global-nav--menu-only .foundry-global-menu {
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Menu hierarchy */
.foundry-global-menu-divider {
    height: 1px;
    margin: 8px 0;
    background: rgba(183, 122, 61, 0.28);
}

/* Menu hierarchy */
.foundry-global-menu-divider {
    height: 1px;
    margin: 8px 0;
    background: rgba(183, 122, 61, 0.28);
}

/* Menu polish: hide numbers */
.foundry-global-number {
    display: none !important;
}

/* Group dividers: visible, but restrained */
.foundry-global-menu-divider {
    height: 1px !important;
    margin: 10px 0 !important;
    background: rgba(183, 122, 61, 0.48) !important;
}

/* Global drawer is the single menu implementation on every Foundry page. */
.foundry-global-link:is(button) {
  width: 100%;
  margin: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

/* Clear, restrained hierarchy breaks. */
.foundry-global-menu-divider {
  height: 1px !important;
  margin: 10px 0 !important;
  background: rgba(183, 122, 61, .48) !important;
}
