.elementor-34105 .elementor-element.elementor-element-3da7bfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-3da7bfc */:root{
  --chip-text: #1d1d1f;
  --chip-bg: #ffffff;
  --chip-border: #e6e6e6;        /* desktop default border for non-current */
  --chip-active-bg: #f5f5f5;     /* current chip background */
  --chip-active-border: #cfcfcf; /* current chip border (also used on mobile) */
  --chip-radius: 0;              /* no rounded corners */
}

/* wrapper */
.chip-nav-wrap{ margin:.25rem 0 .5rem; }

/* row (no horizontal scroll) */
.chip-nav{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding:.25rem 0;
}

/* chip base */
.chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.5rem .85rem; min-height:38px;
  background:var(--chip-bg); color:var(--chip-text);
  border:1px solid var(--chip-border);
  border-radius:var(--chip-radius);          /* square corners */
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  white-space:nowrap;
  text-decoration:none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* keep all link states neutral (no brand color, no underline) */
a.chip,
a.chip:link,
a.chip:visited,
a.chip:hover,
a.chip:active{
  color:var(--chip-text) !important;
  text-decoration:none !important;
}

/* Hover/focus for NON-current chips: black bg + white text */
.chip:not(.chip--current):hover,
.chip:not(.chip--current):focus,
.chip:not(.chip--current):focus-visible{
  background:#000;
  border-color:#000;
  color:#fff !important;
  text-decoration:none !important;
}

/* Keyboard focus ring */
.chip:focus-visible{ outline:2px solid #333; outline-offset:2px; }

/* Current page (no link) — grey on grey, no hover invert */
.chip--current{
  background:var(--chip-active-bg);
  border-color:var(--chip-active-border);
  color:#666 !important;         /* grey text on grey bg */
  cursor:default;
  text-decoration:none !important;
}

/* MOBILE: 2-column stack; unify borders to current border color */
@media (max-width:600px){
  .chip-nav{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:.5rem;
    padding:.25rem 0;
  }
  .chip{
    width:100%;
    justify-content:center;
    font-size:.95rem;
    min-height:36px;
    border-color:var(--chip-active-border) !important; /* match current */
    border-radius:0 !important;                         /* square corners */
  }
  .chip--current{
    background:var(--chip-active-bg) !important;
    border-color:var(--chip-active-border) !important;
    color:#666 !important;
  }
}/* End custom CSS */