/* ============================================
   LINGUA TOGGLE + LAYOUT BILINGUE
   ============================================ */

/* --- Nav: titolo a sinistra, voci a destra --- */
.nav-menu {
  display: flex !important;
  align-items: center !important;
  background: #556b58 !important;
  padding: 0 !important;
}

.nav-site-title {
  display: block !important;
  padding: 15px 30px !important;
  color: white !important;
  text-decoration: none !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  margin-right: auto !important;
}

.nav-site-title:hover {
  color: white !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.nav-menu ul {
  list-style: none !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  display: flex !important;
  gap: 0 !important;
}

.nav-menu li {
  margin: 0 !important;
}

.nav-menu ul a {
  display: block !important;
  padding: 15px 22px !important;
  color: white !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  transition: background 0.2s !important;
}

.nav-menu ul a:hover,
.nav-menu ul a.active {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* --- Toggle lingua nel menu --- */
.lang-toggle {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.lang-toggle:hover {
  color: white !important;
}

/* --- Menu senza hero --- */
.nav-no-hero {
  border-bottom: 1px solid #e8e8e8 !important;
}

/* --- Responsive menu --- */
@media (max-width: 768px) {
  .nav-menu {
    flex-wrap: wrap !important;
  }

  .nav-site-title {
    padding: 12px 20px !important;
    font-size: 1.05rem !important;
  }

  .nav-menu ul {
    flex-wrap: wrap !important;
  }

  .nav-menu ul a {
    padding: 10px 14px !important;
    font-size: 0.85rem !important;
  }
}

/* --- Link traduzione nei singoli post --- */
.post-lang-switch {
  margin: 0.5em 0 1.5em !important;
}

.post-lang-switch a {
  display: inline-block !important;
  padding: 5px 14px !important;
  color: #556b58 !important;
  border: 1px solid #556b58 !important;
  border-radius: 4px !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.03em !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}

.post-lang-switch a:hover {
  background: #556b58 !important;
  color: white !important;
}

/* --- Chi sono: immagine a sinistra --- */
.chi-sono-layout {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 40px !important;
  max-width: 900px !important;
  margin: 40px auto !important;
  padding: 0 20px !important;
  align-items: start !important;
}

.chi-sono-photo img {
  width: 100% !important;
  border-radius: 8px !important;
  height: auto !important;
}

.chi-sono-text h1 {
  margin-top: 0 !important;
}

@media (max-width: 700px) {
  .chi-sono-layout {
    grid-template-columns: 1fr !important;
  }
  
  .chi-sono-photo {
    max-width: 250px !important;
  }
}

/* --- Nascondi blocco "Translations:" generato da Clarity --- */
.translations,
.post-translations,
#translations,
[class*="translat"],
[id*="translat"] {
  display: none !important;
}