:root {
  /* Bordo dorato brand */
  --gold-140: #C4921E;
}
/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  background: #ffffff;
  color: #111;
}

/* CONTAINER */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px;
}

/* HEADER */
.header {
  border-bottom: 1px solid #ddd;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LOGO */
.logo img {
  height: 50px;   /* cambia se lo vuoi più grande */
  width: auto;
}

/* NAV */
.nav a {
  margin-left: 16px;
  text-decoration: none;
  color: #111;
  font-weight: 500;
  padding: 6px 12px;
  border: 1px solid var(--gold-140);   /* bordo dorato */
  border-radius: 4px;
}

/* hover leggero */
.nav a:hover {
  background: var(--gold-140);
  color: #fff;
  text-decoration: none;
}
  
/* MAIN */
.main {
  min-height: 60vh;
}

/* FOOTER */
.footer {
  border-top: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  padding: 16px;
}
.footer-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;            /* “poco poco” spazio */
  align-items: center;
}

.footer-made {
  font-size: 12px;     /* più piccolo */
  color: #666;
}
.user-name {
  margin-left: 16px;
  margin-right: 8px;
  font-weight: 500;
  color: #111;
  padding: 6px 10px;
  border: 1px solid var(--gold-140);
  border-radius: 4px;
  background: #fff;
}