/* Sdílený app shell modulů MURPH (kromě /portfolio) */

/* --- Hub stránky: / a /workspace --- */
.murph-hub-shell {
  --hub-breathe: clamp(2.5rem, 6vh, 4.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--hub-breathe);
  min-height: calc(100vh - 52px - env(safe-area-inset-top, 0px));
  padding: var(--hub-breathe) 0;
  box-sizing: border-box;
}

.murph-hub-shell > .hero--hub,
.murph-hub-shell > .hero--workspace {
  flex-shrink: 0;
  margin: 0;
}

.murph-hub-modules {
  width: 100%;
}

.murph-hub-shell .workspace-module {
  align-items: center;
  text-align: center;
}

.murph-hub-shell .workspace-module-logo {
  display: flex;
  justify-content: center;
  width: 100%;
}

.murph-hub-shell .workspace-module-logo img {
  margin-inline: auto;
  object-position: center center;
}

/* --- Hero panel (hub + moduly) --- */
.hero--hub,
.hero--workspace {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  padding: clamp(2rem, 5vh, 3rem) clamp(1.5rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
}

.hero--hub .eyebrow,
.hero--workspace .eyebrow {
  margin: 0;
}

.hero--hub .murph-hero-brand,
.hero--workspace .murph-hero-brand {
  margin: 0.35rem auto 0;
  line-height: 0;
}

.hero--hub .murph-module-intro,
.hero--workspace .murph-module-intro {
  margin: 0.35rem auto 0;
  max-width: 36rem;
  color: var(--muted);
}

/* --- Modulové stránky se spodním obsahem --- */
.murph-page-shell {
  --hub-breathe: clamp(2.5rem, 6vh, 4.5rem);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: calc(100vh - 52px - env(safe-area-inset-top, 0px));
  padding: var(--hub-breathe) 0;
  box-sizing: border-box;
}

.murph-page-shell .murph-module-back {
  flex-shrink: 0;
  margin: 0 0 var(--hub-breathe);
}

.murph-page-shell .hero--module {
  width: 100%;
  max-width: 760px;
  margin: 0 auto var(--hub-breathe);
  text-align: center;
  padding: clamp(2rem, 5vh, 3rem) clamp(1.5rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.murph-page-shell .hero--module .murph-module-logo-link {
  display: inline-block;
  line-height: 0;
  margin: 0.25rem auto 0;
}

.murph-page-shell .hero--module .murph-module-logo {
  display: block;
  width: auto;
  max-width: min(100%, 280px);
  max-height: clamp(42px, 10vw, 56px);
  margin-inline: auto;
  object-fit: contain;
  object-position: center center;
}

.murph-page-shell .hero--module .murph-module-intro {
  margin: 0.35rem auto 0;
  max-width: 42rem;
  color: var(--muted);
}

.murph-module-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--muted);
  text-decoration: none;
}

.murph-module-back:hover,
.murph-module-back:focus-visible {
  color: var(--text);
  outline: none;
}

@media (max-width: 768px) {
  .murph-page-shell .hero--module .murph-module-logo {
    max-width: min(100%, 220px);
    max-height: 48px;
  }
}