/**
 * Stili condivisi per i form HubSpot embed'ati sul sito liffo.com (TICKET-068/069).
 *
 * Fonte unica di verità — referenziato da:
 * - 9 pagine Astro del sito (via <link rel="stylesheet" href="/hubspot-form-site.css">)
 * - Preview iframe della dashboard /dashboard/hubspot-forms (stesso URL, CDN Netlify prod)
 *
 * Due set di regole distinti per container:
 * - #hubspot-contact-form (tema dark, usato in contact.astro)
 * - #hubspot-form-jobs (tema light, usato in jobs/[slug].astro tutte e 8 le lingue)
 */

/* ─────────────────────────────────────────────────────────────── */
/* Contact form — tema dark                                         */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-contact-form {
  max-width: 100%;
}

#hubspot-contact-form .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-contact-form .hs-form input.hs-input[type="text"],
#hubspot-contact-form .hs-form input.hs-input[type="email"],
#hubspot-contact-form .hs-form input.hs-input[type="tel"],
#hubspot-contact-form .hs-form input.hs-input[type="number"],
#hubspot-contact-form .hs-form textarea.hs-input,
#hubspot-contact-form .hs-form select.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-contact-form .hs-form textarea.hs-input {
  height: auto !important;
  min-height: 100px !important;
  padding: 10px !important;
}

#hubspot-contact-form .hs-form select.hs-input {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

#hubspot-contact-form .hs-form select.hs-input option {
  background-color: #181818 !important;
  color: white !important;
}

#hubspot-contact-form .hs-form input.hs-input:focus,
#hubspot-contact-form .hs-form textarea.hs-input:focus,
#hubspot-contact-form .hs-form select.hs-input:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-contact-form .hs-form input.hs-input::placeholder,
#hubspot-contact-form .hs-form textarea.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Checkbox: reset to normal size */
#hubspot-contact-form .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-contact-form .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-contact-form .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-contact-form .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-contact-form .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-contact-form .hs-form .form-columns-1 .input,
#hubspot-contact-form .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-contact-form .hs-form .hs-richtext,
#hubspot-contact-form .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-contact-form .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
}

#hubspot-contact-form .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-contact-form .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-contact-form .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-contact-form .hs-form .legal-consent-container,
#hubspot-contact-form .hs-form .legal-consent-container p,
#hubspot-contact-form .hs-form .legal-consent-container span,
#hubspot-contact-form .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-contact-form .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-contact-form .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-contact-form .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-contact-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-contact-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-contact-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-contact-form .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-contact-form .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-contact-form .hs-form label {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* Jobs apply form — tema light                                     */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form-jobs .hs-form label {
  color: #181818 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form-jobs .hs-form input.hs-input[type="text"],
#hubspot-form-jobs .hs-form input.hs-input[type="email"],
#hubspot-form-jobs .hs-form input.hs-input[type="tel"],
#hubspot-form-jobs .hs-form input.hs-input[type="number"],
#hubspot-form-jobs .hs-form select.hs-input,
#hubspot-form-jobs .hs-form textarea.hs-input {
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
  color: #181818 !important;
  height: 46px !important;
  padding: 0 12px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-jobs .hs-form input.hs-input:focus,
#hubspot-form-jobs .hs-form select.hs-input:focus {
  border-color: #db0131 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(219, 1, 49, 0.15) !important;
}

#hubspot-form-jobs .hs-form .hs-phone .input {
  display: flex !important;
  gap: 10px !important;
}

#hubspot-form-jobs .hs-form .hs-phone select {
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
  color: #181818 !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  max-width: 200px !important;
}

#hubspot-form-jobs .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form-jobs .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form-jobs .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form-jobs .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form-jobs .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form-jobs .hs-form .form-columns-1 .input,
#hubspot-form-jobs .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form-jobs .hs-form .hs-richtext,
#hubspot-form-jobs .hs-form .hs-richtext p {
  color: #555 !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form-jobs .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
  width: 100% !important;
  max-width: 300px !important;
}

#hubspot-form-jobs .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form-jobs .hs-form .hs_submit {
  max-width: 300px !important;
  margin: 0 auto !important;
}

#hubspot-form-jobs .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container,
#hubspot-form-jobs .hs-form .legal-consent-container p,
#hubspot-form-jobs .hs-form .legal-consent-container span,
#hubspot-form-jobs .hs-form .legal-consent-container label {
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container a {
  color: #db0131 !important;
  text-decoration: underline !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form-jobs .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

/* File upload field — sfondo chiaro, testo leggibile */
#hubspot-form-jobs .hs-form .hs_resume_cv input[type="file"] {
  font-size: 14px !important;
  color: #333 !important;
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-jobs .hs-form .hs_resume_cv input[type="file"]::file-selector-button {
  background-color: #f0f0f0 !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  margin-right: 10px !important;
}

#hubspot-form-jobs .hs-form .hs_resume_cv input[type="file"]::file-selector-button:hover {
  background-color: #e0e0e0 !important;
}

@media (max-width: 768px) {
  #hubspot-form-jobs .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form-jobs .hs-form .hs-input {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* Home newsletter — tema dark                                      */
/* File origine: src/pages/r/home.astro                             */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form {
  max-width: 960px;
  margin: 0 auto;
}

#hubspot-form .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form .hs-form input.hs-input[type="text"],
#hubspot-form .hs-form input.hs-input[type="email"],
#hubspot-form .hs-form input.hs-input[type="tel"],
#hubspot-form .hs-form textarea.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form .hs-form input.hs-input[type="text"]:focus,
#hubspot-form .hs-form input.hs-input[type="email"]:focus,
#hubspot-form .hs-form input.hs-input[type="tel"]:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-form .hs-form input.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#hubspot-form .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form .hs-form .form-columns-1 .input,
#hubspot-form .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form .hs-form .hs-richtext,
#hubspot-form .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
}

#hubspot-form .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form .hs-form .legal-consent-container,
#hubspot-form .hs-form .legal-consent-container p,
#hubspot-form .hs-form .legal-consent-container span,
#hubspot-form .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-form .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-form .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-form .hs-form label {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* FAQ contact — tema dark                                          */
/* File origine: src/pages/r/faq.astro                              */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form-faq {
  max-width: 960px;
  margin: 0 auto;
}

#hubspot-form-faq .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form-faq .hs-form input.hs-input[type="text"],
#hubspot-form-faq .hs-form input.hs-input[type="email"],
#hubspot-form-faq .hs-form input.hs-input[type="tel"],
#hubspot-form-faq .hs-form textarea.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-faq .hs-form input.hs-input[type="text"]:focus,
#hubspot-form-faq .hs-form input.hs-input[type="email"]:focus,
#hubspot-form-faq .hs-form input.hs-input[type="tel"]:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-form-faq .hs-form select.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}

#hubspot-form-faq .hs-form select.hs-input option {
  background: #181818 !important;
  color: white !important;
}

#hubspot-form-faq .hs-form input.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#hubspot-form-faq .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form-faq .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form-faq .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form-faq .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form-faq .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form-faq .hs-form .form-columns-1 .input,
#hubspot-form-faq .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form-faq .hs-form textarea.hs-input {
  height: 120px !important;
  padding: 10px !important;
  resize: vertical !important;
}

#hubspot-form-faq .hs-form .hs-richtext,
#hubspot-form-faq .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form-faq .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
}

#hubspot-form-faq .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form-faq .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form-faq .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form-faq .hs-form .legal-consent-container,
#hubspot-form-faq .hs-form .legal-consent-container p,
#hubspot-form-faq .hs-form .legal-consent-container span,
#hubspot-form-faq .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form-faq .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-form-faq .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form-faq .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form-faq .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form-faq .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form-faq .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-form-faq .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form-faq .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-form-faq .hs-form label {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* Cooking Show — tema dark                                         */
/* File origine: src/pages/r/cooking-show.astro                     */
/* ─────────────────────────────────────────────────────────────── */
#hs-cooking-show-form .hs-form input[type="text"],
#hs-cooking-show-form .hs-form input[type="email"],
#hs-cooking-show-form .hs-form input[type="tel"],
#hs-cooking-show-form .hs-form textarea,
#hs-cooking-show-form .hs-form select {
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  height: 46px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#hs-cooking-show-form .hs-form label {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hs-cooking-show-form .hs-form .hs-button {
  background: #db0131 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 45px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

#hs-cooking-show-form .hs-form .hs-error-msg {
  color: #ff6b6b !important;
  font-size: 12px !important;
}

#hs-cooking-show-form .hs-form .hs-input {
  width: 100% !important;
}

#hs-cooking-show-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display p,
#hs-cooking-show-form .hs-form .legal-consent-container .hs-richtext p,
#hs-cooking-show-form .hs-form .legal-consent-container label {
  font-size: 13px !important;
  color: #fff !important;
  line-height: 1.5 !important;
}

#hs-cooking-show-form .hs-form .legal-consent-container a {
  color: #db0131 !important;
}

#hs-cooking-show-form .hs-form fieldset {
  max-width: 100% !important;
}

#hs-cooking-show-form .hs-form .hs-fieldtype-text,
#hs-cooking-show-form .hs-form .hs-fieldtype-phonenumber,
#hs-cooking-show-form .hs-form .hs-fieldtype-select {
  margin-bottom: 8px !important;
}

/* ─────────────────────────────────────────────────────────────── */
/* Find Store — tema dark                                           */
/* File origine: src/pages/r/find-store.astro                       */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form-vedi-liffo {
  max-width: 960px;
  margin: 0 auto;
}

#hubspot-form-vedi-liffo .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form-vedi-liffo .hs-form input.hs-input[type="text"],
#hubspot-form-vedi-liffo .hs-form input.hs-input[type="email"],
#hubspot-form-vedi-liffo .hs-form input.hs-input[type="tel"],
#hubspot-form-vedi-liffo .hs-form textarea.hs-input,
#hubspot-form-vedi-liffo .hs-form select.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-vedi-liffo .hs-form select.hs-input {
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

#hubspot-form-vedi-liffo .hs-form select.hs-input option {
  background-color: #181818 !important;
  color: white !important;
}

#hubspot-form-vedi-liffo .hs-form input.hs-input[type="text"]:focus,
#hubspot-form-vedi-liffo .hs-form input.hs-input[type="email"]:focus,
#hubspot-form-vedi-liffo .hs-form input.hs-input[type="tel"]:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-form-vedi-liffo .hs-form input.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#hubspot-form-vedi-liffo .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form-vedi-liffo .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form-vedi-liffo .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form-vedi-liffo .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form-vedi-liffo .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form-vedi-liffo .hs-form .form-columns-1 .input,
#hubspot-form-vedi-liffo .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form-vedi-liffo .hs-form .hs-richtext,
#hubspot-form-vedi-liffo .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form-vedi-liffo .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
}

#hubspot-form-vedi-liffo .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form-vedi-liffo .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container,
#hubspot-form-vedi-liffo .hs-form .legal-consent-container p,
#hubspot-form-vedi-liffo .hs-form .legal-consent-container span,
#hubspot-form-vedi-liffo .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form-vedi-liffo .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-form-vedi-liffo .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form-vedi-liffo .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-form-vedi-liffo .hs-form label {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* Incontra Liffo — tema dark                                       */
/* File origine: src/pages/r/meet-liffo.astro                       */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form-incontra {
  max-width: 960px;
  margin: 0 auto;
}

#hubspot-form-incontra .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form-incontra .hs-form input.hs-input[type="text"],
#hubspot-form-incontra .hs-form input.hs-input[type="email"],
#hubspot-form-incontra .hs-form input.hs-input[type="tel"],
#hubspot-form-incontra .hs-form textarea.hs-input,
#hubspot-form-incontra .hs-form select.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-incontra .hs-form select.hs-input {
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

#hubspot-form-incontra .hs-form select.hs-input option {
  background-color: #181818 !important;
  color: white !important;
}

#hubspot-form-incontra .hs-form input.hs-input[type="text"]:focus,
#hubspot-form-incontra .hs-form input.hs-input[type="email"]:focus,
#hubspot-form-incontra .hs-form input.hs-input[type="tel"]:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-form-incontra .hs-form input.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#hubspot-form-incontra .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form-incontra .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form-incontra .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form-incontra .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form-incontra .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form-incontra .hs-form .form-columns-1 .input,
#hubspot-form-incontra .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form-incontra .hs-form .hs-richtext,
#hubspot-form-incontra .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form-incontra .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
}

#hubspot-form-incontra .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form-incontra .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container,
#hubspot-form-incontra .hs-form .legal-consent-container p,
#hubspot-form-incontra .hs-form .legal-consent-container span,
#hubspot-form-incontra .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form-incontra .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-form-incontra .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form-incontra .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-form-incontra .hs-form label {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────────── */
/* Collabora con noi — tema dark                                    */
/* File origine: src/pages/r/work-with-us.astro                     */
/* ─────────────────────────────────────────────────────────────── */
#hubspot-form-collabora {
  max-width: 600px;
  margin: 0 auto;
}

#hubspot-form-collabora .hs-form label {
  color: white !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#hubspot-form-collabora .hs-form input.hs-input[type="text"],
#hubspot-form-collabora .hs-form input.hs-input[type="email"],
#hubspot-form-collabora .hs-form input.hs-input[type="tel"],
#hubspot-form-collabora .hs-form input.hs-input[type="number"],
#hubspot-form-collabora .hs-form select.hs-input,
#hubspot-form-collabora .hs-form textarea.hs-input {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 19px !important;
  border-radius: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#hubspot-form-collabora .hs-form input.hs-input[type="text"]:focus,
#hubspot-form-collabora .hs-form input.hs-input[type="email"]:focus,
#hubspot-form-collabora .hs-form input.hs-input[type="tel"]:focus,
#hubspot-form-collabora .hs-form select.hs-input:focus {
  border-color: white !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
}

#hubspot-form-collabora .hs-form input.hs-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#hubspot-form-collabora .hs-form .hs-phone .input {
  display: flex !important;
  gap: 10px !important;
}

#hubspot-form-collabora .hs-form .hs-phone select {
  background-color: transparent !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: white !important;
  height: 46px !important;
  padding: 0 10px !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  max-width: 200px !important;
}

#hubspot-form-collabora .hs-form input[type="checkbox"].hs-input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  cursor: pointer !important;
  accent-color: #db0131 !important;
  flex-shrink: 0 !important;
}

#hubspot-form-collabora .hs-form fieldset {
  max-width: 100% !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#hubspot-form-collabora .hs-form fieldset .hs-form-field {
  margin-bottom: 8px !important;
}

#hubspot-form-collabora .hs-form .form-columns-2 {
  display: flex !important;
  gap: 20px !important;
}

#hubspot-form-collabora .hs-form .form-columns-2 .hs-form-field {
  flex: 1 !important;
  width: auto !important;
}

#hubspot-form-collabora .hs-form .form-columns-1 .input,
#hubspot-form-collabora .hs-form .form-columns-1 .hs-form-field .input {
  margin-right: 0 !important;
}

#hubspot-form-collabora .hs-form .hs-richtext,
#hubspot-form-collabora .hs-form .hs-richtext p {
  color: white !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

#hubspot-form-collabora .hs-form .hs-button {
  background-color: #db0131 !important;
  color: white !important;
  border: none !important;
  height: 45px !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 43px !important;
  margin-top: 10px !important;
  width: 100% !important;
  max-width: 300px !important;
}

#hubspot-form-collabora .hs-form .hs-button:hover {
  background-color: #b80029 !important;
}

#hubspot-form-collabora .hs-form .hs_submit {
  max-width: 300px !important;
  margin: 0 auto !important;
}

#hubspot-form-collabora .hs-form .hs-error-msgs label {
  color: #db0131 !important;
  font-size: 13px !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container {
  margin-top: 4px !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container,
#hubspot-form-collabora .hs-form .legal-consent-container p,
#hubspot-form-collabora .hs-form .legal-consent-container span,
#hubspot-form-collabora .hs-form .legal-consent-container label {
  color: white !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container a {
  color: white !important;
  text-decoration: underline !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container li {
  list-style: none !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container .hs-form-booleancheckbox-display > input {
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

#hubspot-form-collabora .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  flex: 1 !important;
}

@media (max-width: 768px) {
  #hubspot-form-collabora .hs-form .form-columns-2 {
    flex-direction: column !important;
    gap: 0 !important;
  }

  #hubspot-form-collabora .hs-form .hs-input {
    font-size: 16px !important;
  }

  #hubspot-form-collabora .hs-form label {
    font-size: 16px !important;
  }
}