/* Minimal styling; tweak to your theme’s palette */
.projects-count { display:inline-flex; align-items:center; gap:.5rem; }

.projects-switcher-wrap { display:inline-block; position:relative; }

.projects-switcher-toggle {
  display:inline-flex; align-items:center; gap:.4rem;
  border:0px solid #ddd; background:#ffffff00; padding:.35rem .6rem; border-radius:0px;
  cursor:pointer; font-size:14px; line-height:1.5;
}

.projects-switcher-toggle .arrow {
  width:0; height:0;
  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #333;
  transition: transform .15s ease;
}

.projects-switcher-toggle[aria-expanded="true"] .arrow { transform: rotate(180deg); }
.projects-switcher-menu {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  right: auto;                 /* override previous right:0 */
  min-width: 300px;

  background: #fff;
  /*border: 1px solid #e5e5e5;*/
   border: none;
  /*border-radius: 10px;*/
  /*box-shadow: 0 8px 18px rgba(0,0,0,.08);*/
  list-style: none;
  margin: 6px 0 0;
  padding: 0px;
  z-index: 50;
  display: none;
  max-height: 320px;
  overflow: auto;
  transform-origin: top center; /* helpful if you animate open */
}
.projects-switcher-menu.show { display:block; }

.projects-switcher-menu li a {
  display:block; padding:.5rem .75rem; text-decoration:none; color:#5c5c5c; font-size:.92rem;
}

.projects-switcher-menu li a:hover { background:#f5f5f5; }

@media (max-width: 782px){
  .projects-switcher-toggle { 
      font-size:.85rem; 
      padding:  5px;
  }
  .projects-switcher-menu { 
      min-width:220px; 
      }
}