/**
 * Modern theme — responsive overlay (layout/typography only).
 */

.navbar.sticky-top .navbar-brand .brand-text {
  font-size: clamp(1.05rem, 0.9rem + 0.8vw, 1.5rem);
  max-width: min(52vw, 18rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

.hero-title {
  font-size: var(--wb-h1) !important;
  overflow-wrap: anywhere;
}

.section-title,
.cta-title,
.page-title {
  font-size: var(--wb-h2) !important;
  overflow-wrap: anywhere;
}

.placeholder-image,
.placeholder-about {
  font-size: clamp(2.5rem, 8vw, 5rem) !important;
}

.wb-cta-section .row {
  align-items: center;
}

@media (max-width: 991.98px) {
  .navbar .btn,
  .navbar .wb-auth-entry-btn {
    width: 100%;
    margin-top: 0.35rem;
  }

  .navbar .wb-auth-nav-item {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .display-4,
  .display-3 {
    font-size: var(--wb-h1) !important;
  }

  .wb-cta-section .text-lg-end {
    text-align: center !important;
    margin-top: 1rem;
  }

  .wb-cta-section .btn {
    width: 100%;
  }
}