/* Note: all these styles are not visible in the Design view */

/* tables on pages */
.main-text-block .w-embed {
  overflow-x: auto;

  &:has(caption) {
    margin-top: -14px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    caption {
      padding: 0 0 8px;
      line-height: 1.5em;
      font-size: 18px;
      text-align: left;
      font-weight: bold;
    }
    th, td {
      border: 1px solid #ccc;
      padding: 8px 12px;
    }
    th, th[scope="row"] {
      text-align: left;
    }
    th:not([scope="row"]) {
      background-color: #f4f4f4;
    }
    tr:hover {
      th, td {
        background-color: #fafafa;
      }
    }
  }
}

/* Text in the articles */
.rich-text-block *:first-child {
  margin-top: 0;
}

/* News page - "zebra" background */
.news-cms-wrapper .collection-item-3:nth-child(even) {
  background-color: #f4f4f4;
}


/* offices world map */
#offices-global-map {
  div { cursor: grab; }
  &.is-dragging div { cursor: grabbing; }
}
.global-office-marker {
  --bg-color: 217.38 57.01% 41.96%;

  position: relative;
  width: clamp(11px, 0.85vw, 16px);
  height: clamp(11px, 0.85vw, 16px);
  border-radius: 100%;
  border: 2px solid white;
  background: hsl(var(--bg-color) / 0.85);

  .global-office-tooltip {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: clamp(4px, 0.35vw, 6px) clamp(6px, 0.5vw, 9px);
    border-radius: clamp(4px, 0.35vw, 6px);
    background: hsl(var(--bg-color) / 0.85);
    &.global-office-tooltip--left {
      top: 50%;
      right: 100%;
      transform: translate(clamp(-9px, -0.5vw, -6px), -50%);
    }
    &.global-office-tooltip--right {
      top: 50%;
      left: 100%;
      transform: translate(clamp(6px, 0.5vw, 9px), -50%);
    }
  }
  .global-office-tooltip__link {
    line-height: 1.25;
    font-size: clamp(10px, 0.75vw, 14px);
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    &:hover { text-decoration: underline; }
  }
}