@charset "utf-8";
/* =========================
   SUBNAV SOTTO HEADER
========================= */
.subnav-bar{
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  border-bottom: 1px solid #eee;
}

/* Menu */
.subnav{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.subnav a{
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 .9rem;

  text-decoration: none;
  border-radius: 999px;

  color: #3B2620;
  background: transparent;

  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.subnav a:hover{
  color: #098d3f;
  text-decoration: none;
}

.subnav a.active{
  background: #3B2620;
  color: #ffffff;
  text-decoration: none;
}

/* Breadcrumb a destra */
.breadcrumb{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  white-space: nowrap;

  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #3B2620;
}

.breadcrumb-label{
  opacity: .75;
}

.breadcrumb-current{
  font-weight: 600;
}

.breadcrumb-icon{
  font-size: 12px;
  opacity: .6;
}


/* =========================
   RESPONSIVE
========================= */
@media (max-width: 767.98px){
  .subnav-bar{
    flex-direction: column;
    align-items: flex-start;
  }

  .breadcrumb{
    align-self: flex-end; /* resta “a destra” sotto */
  }
}