/* Contact page (/kontakti): only small content tweaks, layout is the template's. */
/* brand sun mark in the round avatar slots (transparent PNG needs a light disc) */
.contact-avatar.ih-brand-avatar,
.avatar-image.ih-brand-avatar {
  background-color: var(--color--white);
  object-fit: contain;
  padding: 4px;
}
/* phone / Viber links inside the FAQ side box read as part of the sentence */
.about-rating-info .ih-inline-link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Hero title: the client's „Да планираме твоята следваща ваканция” is ~1 800 px wide at 90 px and
   breaks into 3 lines in the template's 900 px column; 1 000 px keeps the template's 2 lines
   („Да планираме твоята / следваща ваканция”). The description keeps its own width. */
.contact-hero-content { max-width: 1000px; }

/* Short laptop windows (2026-10-05, the client's ~1280x650 Windows laptop): the form panel is 680px tall and fits in
   one screen at 1440x900, but under ~720px of window height its „Изпрати” button needed another scroll. There the
   panel's spacing tightens in step with the window (its padding, the gaps between rows, the message box, the space
   above the button), so the whole panel stays 40px shorter than the window, down to 560px at 600px tall. Fields,
   chips, button and fonts keep their size; windows at least 720px tall (1440x900, 1536x864, 1920x1080…) are unchanged.
   --ih-fit-cut = how much shorter the panel gets; the five parts below add up to exactly that. */
@media screen and (min-width: 992px) and (max-height: 863px) {
  .contact-hero-section { --ih-fit-cut: clamp(0px, 720px - 100vh, 120px); }
  .contact-hero-right {
    padding-top: calc(50px - var(--ih-fit-cut) / 6);
    padding-bottom: calc(50px - var(--ih-fit-cut) / 6);
  }
  .contact-hero-right .input-group { margin-bottom: calc(20px - var(--ih-fit-cut) / 12); }
  .contact-hero-right .form-input.form-textarea.contact-input { height: calc(100px - var(--ih-fit-cut) / 4); }
  .contact-hero-right .radio-group { margin-bottom: calc(50px - var(--ih-fit-cut) / 6); }
}