body {
  background:
    linear-gradient(rgba(243, 244, 246, 0.80), rgba(243, 244, 246, 0.80)),
    url('https://www.bridge129.com/wp-content/uploads/2023/08/Bridge_List012.jpg') no-repeat center center fixed;
  background-size: cover;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #1f2937;
}

/* ===== CONTAINER ===== */
html body #wrapper,
html body #container,
html body #content {
  max-width: 1100px !important;
  margin: 30px auto !important;
  background: rgba(255,255,255,0.96) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08) !important;
  padding: 24px !important;
  overflow: visible !important;
  border: none !important;
}

/* ===== HEADER ===== */
html body #header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 14px 20px 8px !important;
  margin: 0 !important;
}

html body #header + hr,
html body #nav + hr,
html body hr {
  display: none !important;
}

/* ===== MENU ===== */
html body ul#nav,
html body #nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;

  margin-top: -8px !important;     /* 🔥 alzato */
  margin-bottom: 28px !important;  /* spazio sotto */

  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  clear: both !important;
}

html body #nav li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #nav a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 6px 12px !important;
  min-height: 30px !important;

  border-radius: 7px !important;
  background: #f8fafc !important;
  border: 1px solid #dbe4ee !important;

  color: #334155 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;

  white-space: nowrap !important;
}

html body #nav a:hover {
  background: #eef6fb !important;
  border-color: #cfe3f3 !important;
}

html body #nav a.active {
  background: #1297db !important;
  border-color: #1297db !important;
  color: #ffffff !important;
}

html body #nav img {
  display: none !important;
}

/* icone */
html body #nav li:nth-child(1) a::before,
html body #nav li:nth-child(2) a::before,
html body #nav li:nth-child(3) a::before {
  font-family: "FontAwesome" !important;
  font-size: 11px !important;
}

html body #nav li:nth-child(1) a::before { content: "\f015"; }
html body #nav li:nth-child(2) a::before { content: "\f067"; }
html body #nav li:nth-child(3) a::before { content: "\f0ae"; }

/* ===== HOME ===== */
html body #landing_page,
html body #landing_page .main-content,
html body #landing_page .thread-body,
html body .b129-home {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .b129-hero {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(226,232,240,0.7) !important;
  border-radius: 14px !important;
  padding: 34px 36px !important;
  margin-bottom: 26px !important;
}

html body .b129-hero-text h1 {
  font-size: 30px !important;
  margin-bottom: 14px !important;
  color: #1e293b !important;
  font-weight: 700 !important;
}

html body .b129-hero-text p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
}

html body .b129-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
}

html body .b129-card {
  background: rgba(255,255,255,0.97) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

html body .b129-card h2 {
  font-size: 18px !important;
  margin-bottom: 12px !important;
}

/* ===== BOTTONI ===== */
html body .button,
html body a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body .button.primary {
  background: #1297db !important;
  color: #fff !important;
}

html body .button.success {
  background: #8ab61c !important;
  color: #fff !important;
}

/* ===== FOOTER ===== */
html body #footer {
  text-align: center !important;
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-top: 26px !important;
}

html body #footer a {
  display: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  html body .b129-cards {
    grid-template-columns: 1fr !important;
  }
}