/* 🔹 Contenidor genèric per afegir marges i límits al contingut */
.container {
  width: 100%;
  max-width: 1200px;          /* límit centralitzat */
  margin: 0 auto;             /* centra el contingut */
  padding: var(--padding, 20px);
}

/* Footer */
.site-footer {  
  text-align: center;  
  margin-top: 40px;  
  color: var(--color-subtext);  
}


/* Centrar header i els botons Inicia sessió / Registra’t */
.site-header { 
  text-align: center; 
}

#session-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 1rem; /* ja el tens inline, però ho reforcem aquí */
}

/* Evitar flotats / amplades estranyes als botons dins del header */
.site-header .btn,
.site-header a.btn,
.site-header button.btn {
  display: inline-flex;
  float: none !important;
  width: auto;
}


/*separador ofertes opinio*/
/* ✨ Separador suau entre seccions */
.seccio-divider {
  height: 4px;
  width: 90%;
  margin: 2.5rem auto 2rem;
  border-radius: 50px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(226,192,68,0.4),
    rgba(226,192,68,0.8),
    rgba(226,192,68,0.4),
    transparent
  );
  box-shadow: var(--shadow);
}