@charset "UTF-8";
/* CSS Document */

.bottone-uno-celeste {
	padding: 15px 30px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	background-color: #1ea9e2;
	border-radius: 6px;
	text-transform: uppercase;
}

.bottone-uno-celeste:hover {
	color: #1ea9e2;;
	background-color: transparent;
	border: 1px solid #1ea9e2;
}

.bottone-uno-verde-whatsapp {
	padding: 15px 30px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	background-color: #25D366;
	border-radius: 6px;
	text-transform: uppercase;
}

.bottone-uno-verde-whatsapp:hover {
	color: #25D366;;
	background-color: transparent;
	border: 1px solid #25D366;
}

.bottone-uno-trasparente {
	padding: 15px 30px;
	color: #1ea9e2;
	font-size: 16px;
	margin-bottom: 30px;
	background-color: transparent;
	border-radius: 6px;
	text-transform: uppercase;
	border: 1px solid #1ea9e2;
}

.bottone-uno-trasparente:hover {
	color: #fff;;
	background-color: #1ea9e2;
}

.spazio-bottone-mt80-mb80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

hr.spazio-riga {
  border: 0;                 /* reset */
  border-top: 1px solid #333; /* la riga */
  margin: 120px 0 0 0;
}



/* INIZIO SELECT FORO DI COMPETENZA */
select.form-select[name="foro_competenza"]{
  background: transparent;      /* oppure #fff */
  border: 1px solid #ddd;
  color: #333;
  font-size: 18px;
  padding: 8px;;            /* non attaccato */
  border-radius: 6px;           /* opzionale */
  outline: none;
}

/* Quando clicchi (focus) */
select.form-select[name="foro_competenza"]:focus{
  box-shadow: none;
}

/* Opzionale: se vuoi sfondo bianco al posto del trasparente */
/*
select.form-select[name="foro_competenza"]{
  background: #fff;
}
*/
/* FINE SELECT FORO DI COMPETENZA */



/* INIZIO NUMERO TESSERA */
.campo-stile{
  display: inline-block;
  width: auto;
  margin-left: 8px;

  background: transparent;
  border: 1px solid #ddd;
  color: #333;
  font-size: 18px;

  padding: 12px 16px;     /* 30px è enorme: meglio così */
  height: auto;           /* sblocca l'altezza */
  line-height: 1.2;       /* evita che venga “schiacciato” */
  border-radius: 6px;
  outline: none;

  box-sizing: border-box; /* padding dentro la dimensione */
}

/* Se Bootstrap ti impone height/line-height, forza così */
input.campo-stile,
select.campo-stile{
  height: auto !important;
  line-height: 1.2 !important;
  padding: 12px 16px !important;
}
/* FINE NUMERO TESSERA */






/* INIZIO ACCOMPAGNATORI */
/* stile comune (select + input) */
.campo-stile{
  background: transparent; /* oppure #fff */
  border: 1px solid #ddd;
  color: #333;
  font-size: 18px;

  padding: 10px 12px;
  height: auto;
  line-height: 1.2;
  border-radius: 6px;
  outline: none;
  box-sizing: border-box;
}

/* select full width nel suo box */
.campo-stile--full{
  width: 100%;
}

/* accompagnatori stretto (2 cifre circa, con frecce) */
.campo-stile--small{
  width: 4ch;
  min-width: 4ch;
  padding: 10px 10px;
}

/* 2) colore “placeholder” del select: il primo option disabilitato */
select.campo-stile option[disabled]{
  color: #ccc;
}

/* 2) placeholder input (se mai lo usi su altri input) */
input.campo-stile::placeholder{
  color: #ccc;
  opacity: 1;
}

/* 4) label sopra al contatore */
.label-accompagnatori{
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 14px; /* puoi portarlo a 16/18 se lo vuoi uguale */
}

.accomp-row{
  display: flex;
  align-items: center;
  gap: 10px;          /* spazio tra label e input */
}

.accomp-label{
  color: #333;        /* oppure #ccc se la vuoi più “placeholder-like” */
  font-size: 14px;    /* cambia a 16/18 se la vuoi grande come gli altri */
  white-space: nowrap;
}

/* FINE ACCOMPAGNATORI */