/* =========================================================================
   Stile on-brand per i form Hustle — Estefania Zappatore
   Scope: .hustle-ui → vale per OGNI modulo Hustle (embed, pop-up, slide-in).
   Palette: arancione #b24815 · beige #F0EEE6 · crema #FFFEFD · inchiostro #141413
   Font: Tiempos Headline (titoli) · Matter-TRIAL (corpo/UI/pulsanti).
   NB: i font sono già caricati via @font-face nello style.css del child theme,
       quindi qui li richiamiamo solo per nome — nessun @import necessario.
   ========================================================================= */

/* ---- Reset contenitori Hustle ---- */
.hustle-ui .hustle-inline-content,
.hustle-ui .hustle-optin,
.hustle-ui .hustle-optin-content,
.hustle-ui .hustle-layout,
.hustle-ui .hustle-main-wrapper{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* ---- Card generale (immagine + testo) ---- */
.hustle-ui .hustle-layout-body{
  display:flex !important;
  align-items:stretch !important;
  background:#FFFEFD !important;
  border:1px solid #ece8df !important;
  border-radius:0px !important;
  overflow:hidden !important;
  box-shadow:0 14px 40px rgba(20,20,19,.10) !important;
}

/* ---- Colonna immagine (i fogli su beige) ---- */
.hustle-ui .hustle-image{
  flex:0 0 40% !important;
  background:#F0EEE6 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:34px !important;
}
.hustle-ui .hustle-image img{
  width:100% !important; height:auto !important;
  object-fit:contain !important;
}

/* ---- Colonna testo + form ---- */
.hustle-ui .hustle-layout-content{
  flex:1 1 60% !important;
  padding:48px 52px !important;
  display:flex; flex-direction:column; justify-content:center;
}
.hustle-ui .hustle-title{
  font-family:"Tiempos Headline",Georgia,serif !important;
 font-weight:600 !important;
  font-size:34px !important; line-height:1.1 !important;
  color:#141413 !important; letter-spacing:-.3px !important;
  margin:0 0 12px !important;
}
.hustle-ui .hustle-subtitle{
  font-family:"Matter-TRIAL",sans-serif !important;
  font-weight:600 !important; font-size:16px !important;
  color:#141413 !important; line-height:1.4 !important; margin:0 0 14px !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content {
	background:#FFFEFD !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-content{
  font-family:"Matter-TRIAL",sans-serif !important;
  font-size:15px !important; 
  line-height:1.55 !important;
  color:#5c584d !important; 
  margin:0 0 26px !important;
  padding: 0!important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-content .hustle-group-title .hustle-subtitle{
	font-family:"Matter-TRIAL",sans-serif !important;
	font-weight:400 !important;
	font-size:22px !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-content .hustle-group-content p{
	font-family:"Matter-TRIAL",sans-serif !important;
	font-weight:400 !important;
	font-size:16px !important;
	color:#5c584d !important; 
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form{
padding: 0!important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form .hustle-form .hustle-form-fields .hustle-input {
	border-radius: 0!important;
	font-family:"Matter-TRIAL",sans-serif !important;
  font-weight:400 !important; font-size:16px !important;
  color:#141413 !important; line-height:1.4 !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form .hustle-form .hustle-form-fields .hustle-input-label{
	height: 100%;
	font-family:"Matter-TRIAL",sans-serif !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-content p{ margin:0 !important; }

/* ---- Campi ---- */
.hustle-ui .hustle-field{ margin-bottom:12px !important; }
.hustle-ui .hustle-input{
  width:100% !important; box-sizing:border-box !important;
  font-family:"Matter-TRIAL",sans-serif !important; font-size:15px !important;
  color:#141413 !important; background:#fff !important;
  border:1px solid #d8d3c6 !important; border-radius:7px !important;
  padding:15px 16px !important; box-shadow:none !important;
}
.hustle-ui .hustle-input::placeholder{ color:#a49f92 !important; }
.hustle-ui .hustle-input:focus{
  border-color:#b24815 !important; outline:none !important;
  box-shadow:0 0 0 3px rgba(178,72,21,.12) !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form .hustle-checkbox.hustle-gdpr span{
	color:#141413 !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form .hustle-checkbox.hustle-gdpr span a{
	color: #b24815 !important;
}
.hustle-ui .hustle-layout-body .hustle-layout-content .hustle-layout-form .hustle-checkbox.hustle-gdpr span[aria-hidden],
.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span[aria-hidden],
.hustle-layout .hustle-layout-body .hustle-checkbox span[aria-hidden]{
	border-width: 1px!important;
}
/* ---- Pulsante ---- */
.hustle-ui .hustle-button-submit{
  width:100% !important;
  font-family:"Matter-TRIAL",sans-serif !important;
  font-weight:400 !important; font-size:18px !important; letter-spacing:.2px !important;
  color:#fff !important; background:#b24815 !important;
  border:none !important; border-radius:0px !important;
  padding:16px 22px !important; margin-top:6px !important;
  cursor:pointer !important; transition:background .15s ease !important;
}
.hustle-ui .hustle-button-submit:hover{ background:#8f3a10 !important; }
/*---Messagio di conferma---*/
.hustle-ui .hustle-optin .hustle-success{
	background-color: #F0EEE6 !important;
}
.hustle-ui .hustle-optin .hustle-success .hustle-icon-check{
	color: #b24815 !important;
}
.hustle-ui .hustle-optin .hustle-success .hustle-success-content,
.hustle-ui .hustle-optin .hustle-success .hustle-success-content p{
	color:#141413 !important;
	font-size: 16px!important;
	font-family:"Matter-TRIAL",sans-serif !important;
 	font-weight:400 !important;
}
/* ---- Mobile: impila immagine e testo ---- */
@media (max-width:782px){
  .hustle-ui .hustle-layout-body{ flex-direction:column !important; }
  .hustle-ui .hustle-image{ flex-basis:auto !important; padding:26px !important; }
  .hustle-ui .hustle-layout-content{ padding:32px 26px !important; }
  .hustle-ui .hustle-title{ font-size:28px !important; }
  .hustle-ui .hustle-inline-content .hustle-optin .hustle-layout .hustle-image {
 		height: 375px!important;
  }
  .hustle-ui .hustle-inline-content .hustle-optin .hustle-layout .hustle-image img{
  		object-position: center!important;
  		-o-object-position: center!important;
  		position: relative;
  }
}