/* WordPress-only adjustments (the site design itself lives in styles.css and setap.css). */

/* Keep the sticky header below the admin bar when logged in. */
.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .site-header {
    top: 0;
  }
}

/*
 * The original HTML pages had no doctype, so browsers showed them in "quirks mode".
 * WordPress pages use standards mode; these rules reproduce the visible effects of the old mode.
 */
@media (width >= 821px) {
  /* height: 100% on the home hero resolved to the window height. */
  .home-hero .hero-grid {
    height: 100vh;
  }
}

/* No baseline gap under the message field. */
.contact-main-form label textarea.field {
  vertical-align: top;
}

/* No extra line height around the "Conheça a trajetória" link. */
.founder-sign {
  line-height: 0;
}

.founder-sign > * {
  line-height: 1.7;
}

/*
 * Contact page: the e-mail did not fit its card (17px text in a ~270px box). It now wraps
 * after "@" with balanced lines, and gets slightly smaller only where the card is narrowest.
 */
.location-card:has(a[href^="mailto:"]) {
  container-type: inline-size;
}

.location-card a[href^="mailto:"] {
  font-size: clamp(14.5px, 7.1cqi, 17px) !important;
}

.location-card a[href^="mailto:"],
.email-link {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

/* Honeypot field of the contact form. */
.setap-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}