/* ============================================================
   utilities.css — Custom utility layer
   Tailwind kiegészítő helperek, projekt-specifikus shorthandok.
   ============================================================ */

.container-page {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--content-pad-x);
}

.text-balance { text-wrap: balance; }
.text-pretty  { text-wrap: pretty; }

.divider {
  height: 1px;
  background: var(--color-line);
  border: 0;
  margin-block: 2rem;
}

.eyebrow-dot {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.eyebrow-dot::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 999px;
  background: var(--color-brand);
}

.no-tap-highlight {
  -webkit-tap-highlight-color: transparent;
}

/* Visually hidden (screen-reader only) */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* No-scroll lock when mobile menu open */
.no-scroll {
  overflow: hidden;
  touch-action: none;
}

/* Section-grade dividers */
.hairline {
  border-top: 1px solid var(--color-line);
}