/* Page scope */
.page-id-26667 .tlc-rightnav { display: none; }

/* Desktop+ */
@media (min-width:1200px){
  /* Horizontal, sticky top bar */
  .page-id-26667 .tlc-rightnav{
    /* layout */
    position: sticky;
    top: var(--tlc-sticky-top, 80px);   /* set by JS based on header height */
    z-index: 50;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;

    /* sizing + palette */
    width: 100%;
	margin-bottom: 24px;
    padding: 0;

    --tlc-grey:   #BBBFCF;
    --tlc-active: #48B7FF;
    --tlc-text:   #fff;
  }

  /* Each chevron segment (rectangle + right tip) */
  .page-id-26667 .tlc-rightnav .tlc-nav-item{
    /* geometry */
    --tipX: 32px;                        /* triangle width */
    --bw:   3px;                         /* white outline thickness */
    --fill: var(--tlc-grey);             /* default; blue when .is-active */

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    /* text */
    color: var(--tlc-text);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    /* rectangle with white outline (no right border; tip supplies it) */
    background: var(--fill);
    border: var(--bw) solid #fff;
    border-right: 0;
    padding: 14px 24px;
    min-height: 56px;

    /* share row space evenly */
    flex: 1 1 0;
    z-index: 1;
  }

  /* Right-pointing WHITE outline triangle (behind colored tip) */
  .page-id-26667 .tlc-rightnav .tlc-nav-item::before{
    content: "";
    position: absolute;
    right: calc(-1 * (var(--tipX) + var(--bw)));
    top: calc(-1 * var(--bw));
    width: calc(var(--tipX) + var(--bw));
    height: calc(100% + 2 * var(--bw));
    background: #fff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    pointer-events: none;
    z-index: 0;
  }

  /* Right-pointing colored tip */
  .page-id-26667 .tlc-rightnav .tlc-nav-item::after{
    content: "";
    position: absolute;
    right: calc(-1 * var(--tipX));
    top: 0;
    width: var(--tipX);
    height: 100%;
    background: var(--fill);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    pointer-events: none;
    z-index: 0;
  }

  /* Last item has a right border and no tip */
  .page-id-26667 .tlc-rightnav .tlc-nav-item:last-child{
    border-right: var(--bw) solid #fff;
  }
  .page-id-26667 .tlc-rightnav .tlc-nav-item:last-child::before,
  .page-id-26667 .tlc-rightnav .tlc-nav-item:last-child::after{
    display: none;
  }

  /* Layering so the left item’s tip sits above the next item’s rectangle */
  .page-id-26667 .tlc-rightnav .tlc-nav-item:nth-child(1){ z-index: 3; }
  .page-id-26667 .tlc-rightnav .tlc-nav-item:nth-child(2){ z-index: 2; }
  .page-id-26667 .tlc-rightnav .tlc-nav-item:nth-child(3){ z-index: 1; }

  /* Active = blue fill */
  .page-id-26667 .tlc-rightnav .tlc-nav-item.is-active{ --fill: var(--tlc-active); }
}