/* Small additive layer for the static rebuild.
   Does not alter the existing design. Contents:

   1. Contact tel/email links: visual appearance identical to the live
      website's plain text (inherited color, no underline). Keyboard
      users get a visible focus outline.
   2. 320px responsive bug fix (same overflow existed on the live
      Elementor site): allows the long email address to wrap and
      reduces the VISI & MISI card padding only below 341px.
*/

/* 1. Plain contact links */
a.plain-link {
  color: inherit;
  text-decoration: none;
}
a.plain-link:focus-visible {
  outline: 2px solid #1B5791;
  outline-offset: 2px;
  text-decoration: underline;
}

/* 2. Narrow-screen overflow fix (live site overflowed below ~341px) */
@media (max-width: 340px) {
  .elementor-element-48fa5dc {
    overflow-wrap: anywhere;
  }
  .elementor-12 .elementor-element.elementor-element-2de41bb {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 3. About Us image presentation fix (approved post-preview correction).
   The left About Us column is an empty Elementor container painted with the
   handshake photo as a background. The original Elementor default
   (background-size: auto, repeat) tiled/stretched the portrait photo.
   Show it as one clean, centered cover crop instead. */
.elementor-12 .elementor-element.elementor-element-c98556b {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Mobile: the empty column collapses to a thin strip; give the image a
   proper visual block height so the handshake stays visible. */
@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-c98556b {
    min-height: 320px;
  }
}