/* Public shell styles used by the lightweight Conjour blog previews. */
:root {
  --color-primary: #f3557c;
  --color-dark: #393e41;
}

html { scrollbar-gutter: stable; }

body.public-page-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Segoe UI', Roboto, sans-serif;
  background: #fff;
}

.public-page-shell > .public-page-main { flex: 1 0 auto; min-width: 0; }
.public-page-shell > footer { width: 100%; flex-shrink: 0; }
.public-page-shell > footer.bg-dark { background-color: var(--color-dark) !important; }
.public-page-shell .btn-primary {
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: #d63a5f;
  --bs-btn-hover-border-color: #d63a5f;
}

.conjour-nav-brand { padding-block: .45rem; }
.conjour-public-wordmark { display: block; width: 154px; height: auto; max-height: 42px; object-fit: contain; }
.public-nav-list { gap: .35rem; }
.public-nav-link {
  color: rgb(57 62 65 / 72%);
  font-size: .94rem;
  font-weight: 500;
  padding-inline: .7rem !important;
}
.public-nav-link:hover, .public-nav-link:focus { color: var(--color-primary); }

.navbar .public-solutions-menu {
  width: 390px;
  padding: 12px;
  margin-top: 12px;
  border: 1px solid rgb(57 62 65 / 10%);
  border-top: 3px solid var(--color-primary);
  border-radius: 4px;
  box-shadow: 0 18px 45px rgb(57 62 65 / 12%);
}

.navbar .public-solutions-menu.show { display: grid; }
.public-solutions-menu .public-solution-link { padding: 20px 24px; white-space: normal; }
.public-solution-link + .public-solution-link { border-top: 1px solid rgb(57 62 65 / 9%); }
.public-solution-link strong { display: block; color: var(--color-primary); font-size: .9rem; margin-bottom: 7px; }
.public-solution-link span { display: block; font-size: 1.05rem; font-weight: 600; letter-spacing: -.025em; line-height: 1.4; }
.public-solution-link:hover, .public-solution-link:focus-visible { background: #fff5f7; }
.public-solution-link:focus-visible { outline: 2px solid var(--color-dark); outline-offset: -3px; }

@media (max-width: 991.98px) {
  .navbar .public-solutions-menu { width: 100%; margin-top: 4px; box-shadow: none; }
}

@media (max-width: 575px) {
  .conjour-public-wordmark { width: 135px; }
}