/* TLens v1.0.4 utility strip — reference diagonal geometry, TLens brand palette. */
:root {
  --tlens-brand-blue: #204173;
  --tlens-brand-blue-hover: #2f639f;
  --tlens-brand-blue-soft: #edf3f9;
  --tlens-brand-ink: #202020;
  --tlens-brand-line: #e6e8eb;
}

.tlens-header-utility {
  position: relative;
  z-index: 1100;
  width: 100%;
  height: 30px;
  border-top: 4px solid var(--tlens-brand-blue);
  background: #fff;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.tlens-header-utility,
.tlens-header-utility * { box-sizing: border-box; }

/* Reference geometry: top-left starts earlier; bottom-left finishes farther right. */
.tlens-header-utility__inner {
  width: 430px;
  max-width: calc(100% - 72px);
  height: 26px;
  margin-left: auto;
  background: var(--tlens-brand-blue);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%);
}
.tlens-header-utility__phone {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 44px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(255,255,255,.18);
}
.tlens-header-utility__prefix,
.tlens-header-utility__number { color: inherit; }
.tlens-header-utility__phone:focus-visible {
  color: #fff;
  outline: 2px solid #fff;
  outline-offset: -4px;
}

@media (hover: hover) and (pointer: fine) {
  .tlens-header-utility__phone:hover { color: #fff; text-decoration: none; }
}

@media (max-width: 850px) {
  .tlens-header-utility {
    height: 34px;
    border-top-width: 4px;
  }
  .tlens-header-utility__inner {
    width: 72%;
    max-width: none;
    height: 30px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%);
  }
  .tlens-header-utility__phone {
    justify-content: center;
    gap: 6px;
    padding: 0 10px 0 30px;
    font-size: 14px;
    font-weight: 500;
  }
  .tlens-header-utility__prefix,
  .tlens-header-utility__number {
    color: #fff;
    font-weight: 500;
  }
}