/* OTDELKA78 V1.15.2 — full-site UX / consistency cleanup.
   Loaded after page-specific styles to keep the existing design system intact. */

/* Clear keyboard focus without changing mouse/touch presentation. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--bronze-hi, #caa66f);
  outline-offset: 4px;
}

/* Honest submit state: a sending form should look temporarily unavailable. */
.lead-form[aria-busy="true"] { cursor: progress; }
.lead-form button[type="submit"]:disabled {
  opacity: .66;
  cursor: wait;
  transform: none;
}

/* Horizontal in-page indexes are intentional on mobile; make the gesture controlled. */
.about-index-row,
.contacts-index-row,
.price-index-row,
.house-index-row,
.capital-index-row,
.commercial-index-row,
.design-index-row,
.nb-index-row,
.service-index-row {
  overscroll-behavior-x: contain;
  scroll-padding-inline: 16px;
}

@media (max-width: 760px) {
  /* Protect long editorial headings without flattening the visual hierarchy. */
  .section-title {
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  /* Long page-intro H1s were taking too many screens on 360–390 px. */
  .about-hero-copy h1,
  .contacts-copy h1,
  .price-hero-copy h1,
  .projects-hero h1,
  .project-hero h1 {
    font-size: clamp(40px, 10.7vw, 46px);
    line-height: .99;
    text-wrap: balance;
  }

  .about-hero-copy h1 small,
  .price-hero-copy h1 small,
  .projects-hero h1 small,
  .project-hero h1 small {
    line-height: 1.14;
  }

  /* Keep body copy readable but stop overly wide text blocks on phones. */
  .section-lead,
  .about-lead,
  .project-hero-lead {
    max-width: 40ch;
  }

  /* Avoid tiny tap targets in horizontal page indexes. */
  .about-index a,
  .contacts-index a,
  .price-index a,
  .house-index a,
  .capital-index a,
  .commercial-index a,
  .design-index a,
  .nb-index a,
  .service-index a {
    min-height: 64px;
  }
}

@media (max-width: 390px) {
  .about-hero-copy h1,
  .contacts-copy h1,
  .price-hero-copy h1,
  .projects-hero h1,
  .project-hero h1 {
    font-size: clamp(38px, 10.4vw, 42px);
  }
}