/* Gantomo Lemmy — レイアウトのみ（見た目は gantomo-brand.css に統一） */

:root {
  --g-lemmy-header-offset: calc(var(--g-site-header-height, 67px) + var(--g-crossnav-height, 56px));
}

html.gantomo-lemmy-ready body {
  padding-top: var(--g-lemmy-header-offset);
  background: #fffaf5;
}

.gantomo-site-header-slot--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20000;
  background: rgba(255, 250, 245, 0.98);
  box-shadow: 0 1px 0 rgba(74, 63, 53, 0.08);
  pointer-events: none;
}

.gantomo-site-header-slot--fixed .gantomo-site-header,
.gantomo-site-header-slot--fixed a,
.gantomo-site-header-slot--fixed button {
  pointer-events: auto;
}

.gantomo-site-header-slot .gantomo-crossnav a[data-gnav="lemmy"].is-active {
  color: #c45c2a;
  background: var(--g-warm-soft, #fff3e6);
  border-color: rgba(196, 92, 42, 0.35);
}

.gantomo-grid-overlay {
  position: fixed;
  top: var(--g-lemmy-header-offset);
  left: 0;
  right: 0;
  height: min(calc(88vh - var(--g-lemmy-header-offset)), 764px);
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.gantomo-grid-overlay .gantomo-page-bg__glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 90% 70% at 50% -20%, rgba(232, 136, 46, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 50%, rgba(154, 127, 150, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse 40% 35% at 0% 80%, rgba(210, 120, 60, 0.1) 0%, transparent 45%);
}

.gantomo-grid-overlay .gantomo-page-bg__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(74, 63, 53, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(74, 63, 53, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 75%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 75%);
}

html.gantomo-lemmy-ready #app {
  position: relative;
  z-index: 1;
}

html.gantomo-lemmy-ready .navbar.sticky-top {
  top: var(--g-lemmy-header-offset);
  z-index: 1030;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 0 12px 12px;
}