/*
Theme Name:     Umanimalista
Template:       Divi
Version:        0.1.0
*/


/* STILI HEADER */

header .et_builder_inner_content {z-index: -200 !important;}

/* Sezione header */
.header-umanimalista {
  width: 100%;
  display: flex;
  flex-direction: row;
}

/* Riga con due colonne */
.header-umanimalista .et_pb_row {
  display: flex;
  width: 100%;
  min-height: 120px; /* regola in base al logo */
}

/* Colonne al 50% */
.header-umanimalista .et_pb_column {
  flex-grow: 0;       /* non cresce */
  flex-shrink: 1;     /* può ridursi se serve */
  flex-basis: 50%;    /* base: metà contenitore */
  max-width: 50%;
}

/* Logo proporzionato (9:16) */
.header-umanimalista .logo img {
  height: 90px;   /* regola questo valore per il tuo logo */
  width: auto;    /* mantiene proporzioni */
  object-fit: contain;
}

/* Responsive: su mobile le colonne diventano 100% */
@media (max-width: 980px) {
  .header-umanimalista .et_pb_column {
    max-width: 100%;
    flex-grow: 0;       /* non cresce */
    flex-shrink: 1;     /* può ridursi se serve */
    flex-basis: 50%;    /* base: metà contenitore */
  }
}

/* STILI SEZIONE PRINCIPALE */


/* Sezione principale */
.main-umanimalista {
  width: 100%;
}

/* Riga con due colonne */
.main-umanimalista .et_pb_row {
  display: flex;
  width: 100%;
  min-height: 120px; /* regola in base al logo */
}

/* Colonne al 50% */
.header-umanimalista .et_pb_column {
  flex-grow: 0;       /* non cresce */
  flex-shrink: 1;     /* può ridursi se serve */
  flex-basis: 50%;    /* base: metà contenitore */
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Nascondi su mobile e tablet (fino a 1024px) */
@media (max-width: 1024px) {
  .main-umanimalista-desktop-col {
    display: none !important;
  }
}

/* Manda la sezione sotto al modale del badge su mobile - applicato anche al footer */
@media (max-width: 1024px) {
  .under-badge {
    z-index: -200 !important;
  }
}

/* STILI FOOTER */

/* Manda il footer sotto al modale del badge su Desktop e mobile */
  /* .et-l.et-l--footer .et_builder_inner_content.et_pb_gutters3 {
    z-index: -200 !important;
} */

/* Riga footer */
.footer-umanimalista {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* STILI FORM NEWSLETTER NINJA FORMS */

/* Rimuove la stringa campo obbligatorio e l'asterisco */
.nf-form-fields-required, .ninja-forms-req-symbol {
  display: none;
}

/* Stile generico per input di testo ed email */
input[type="text"],
input[type="email"] {
  width: 100%;                /* occupa tutta la larghezza disponibile */
  max-width: 600px;           /* limite massimo per non diventare troppo largo */
  padding: 10px 14px;         /* spazio interno comodo */
  font-size: 15px;            /* leggibile su tutti i device */
  line-height: 1.87em;
  color: #004E59;
  background-color: #F5F1EC;     /* sfondo neutro */
  border: 1px solid #00909B;     /* bordo leggero */
  border-radius: 4px;         /* angoli arrotondati */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Stile generico per i placeholder */
.nf-form-content input::placeholder,
.nf-form-content textarea::placeholder {
  color: #004E59;              /* colore del testo placeholder */
  font-size: 15px;          /* dimensione */
  opacity: 1;               /* forza la visibilità (alcuni browser li rendono più chiari) */
  line-height: 1.87em;
}

/* Compatibilità cross-browser */
.nf-form-content input::-webkit-input-placeholder,
.nf-form-content textarea::-webkit-input-placeholder {
  color: #004E59;
  line-height: 1.87em;
}

.nf-form-content input:-ms-input-placeholder,
.nf-form-content textarea:-ms-input-placeholder {
  color: #004E59;
  line-height: 1.87em;
}

.nf-form-content input::-ms-input-placeholder,
.nf-form-content textarea::-ms-input-placeholder {
  color: #004E59;
}


/* Stato focus: evidenziazione accessibile */
input[type="text"]:focus,
input[type="email"]:focus {
  border-color: #00353D;      /* blu acceso */
  box-shadow: 0 0 0 3px rgba(0,115,230,0.2); /* alone morbido */
  outline: none;              /* rimuove l’outline default */
}

/* Stato disabled */
input[type="text"]:disabled,
input[type="email"]:disabled {
  background-color: #F5F1EC;
  color: #004E59;
  cursor: not-allowed;
}

/* Stato errore (aggiungi classe .error via JS o server) */
input[type="text"].error,
input[type="email"].error {
  border-color: #e63946;
  box-shadow: 0 0 0 3px rgba(230,57,70,0.2);
}

/* Stile label usato in testo informativa privacy */

.nf-field-label {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.27em;
    color: #004E59;
}

/* Pulsanti di invio - generale */
/* Copre Ninja Forms e molti form generici */
.ninja-forms-form input[type="submit"],
.ninja-forms-form button[type="submit"],
.nf-form-content input[type="submit"],
.nf-form-content button[type="submit"],
/* fallback generico */
form input[type="submit"],
form button[type="submit"] {
  display: inline-block;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Oddval', Helvetica, Arial, Lucida, sans-serif;
  color: #fff;
  background-color: #004E59;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover/Focus */
.ninja-forms-form input[type="submit"]:hover,
.ninja-forms-form button[type="submit"]:hover,
.nf-form-content input[type="submit"]:hover,
.nf-form-content button[type="submit"]:hover,
form input[type="submit"]:hover,
form button[type="submit"]:hover {
  background-color: #003d46;
  transform: translateY(-1px);
}

.ninja-forms-form input[type="submit"]:focus,
.ninja-forms-form button[type="submit"]:focus,
.nf-form-content input[type="submit"]:focus,
.nf-form-content button[type="submit"]:focus,
form input[type="submit"]:focus,
form button[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 78, 89, 0.35);
}


/* Pulsanti di invio - Hover: feedback visivo
input[type="submit"].nf-form-fields-required:hover,
input[type="submit"].nf-before-field:hover {
  background-color: #005bb5;
  transform: translateY(-1px);
}

Pulsanti di invio - Focus: accessibilità
input[type="submit"].nf-form-fields-required:focus,
input[type="submit"].nf-before-field:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.4);
}

Pulsanti di invio - Disabled
input[type="submit"].nf-form-fields-required:disabled,
input[type="submit"].nf-before-field:disabled {
  background-color: #ccc;
  cursor: not-allowed;
} */