/* WebLovePuglia — pulsanti di accesso nell'header (area clienti, admin) */
.hx-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, #ff5a5a 0%, #cc0000 100%);
  border: .5px solid #ff7a7a;
  box-shadow: 0 2px 3px 0 rgba(204, 0, 0, .25);
}
.hx-dot svg { width: .95rem; height: .95rem; }
.hx-dot--admin {
  background: linear-gradient(180deg, #e8c46a 0%, #b88a1e 100%);
  border-color: #f0d48a;
  box-shadow: 0 2px 3px 0 rgba(184, 138, 30, .3);
}
.hx-btn[aria-current="page"] { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.hx-btn[data-hx-admin][hidden] { display: none; }

/* Tablet / small desktop: the theme toggle keeps only its icon to make room for the access buttons. */
@media (min-width: 640px) and (max-width: 1199px) {
  #darkToggle > span { display: none !important; }
  #darkToggle { padding-left: .375rem; padding-right: .375rem; }
  .hx-btn.mx-1 { margin-left: 0; margin-right: 0; }
  #menu > div > a { padding-left: .75rem; padding-right: .75rem; }
}

/* Tablet: like on mobile, only the heart logo is shown so the desktop bar fits. */
@media (min-width: 640px) and (max-width: 979px) {
  .heartbeat-logo > span.font-semibold { display: none !important; }
}
@media (min-width: 640px) and (max-width: 819px) {
  a.border-dashed.h-9[href*="changelog"] { display: none !important; }
  #menu > div > a { padding-left: .5rem; padding-right: .5rem; }
}