/* spengo per email Dimitri del 17 giugno 2025 11:39 */
#promoting_wizard .btn.btn-primary {
  display: inline-block;
  margin: auto;
  width: auto;
  transition: initial;
  /* background-color: #000;
  color: #fdca00; */
  border-color: transparent;
}

#promoting_wizard .btn.btn-primary:hover {
  background-color: #000;
  color: #fdca00;
}

#promoting_wizard h2 {
  font-weight: 700;
  margin-bottom: 1rem;
}

#promoting_wizard .content_wrapper {
  border: 1px solid var(--yellow);
  padding: 1.5rem;
  display: inline-block;
  width: auto;
  margin: auto;
}

#promoting_wizard h2:before,
#promoting_wizard h2:after {
  content: '';
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
  /* spengo per mail Dimitri del 17 giugno 2025 11:39 */
  display: none;
}

#promoting_wizard h2:before {
  background-image: url('/sites/default/files/2025-05/domanda08.jpg');
  margin-right: 0.75rem;
}

#promoting_wizard h2:after {
  background-image: url('/sites/default/files/2025-05/domanda07a.jpg');
  margin-left: 0.75rem;
}

.page-node-331 .navbar-brand img {
  height: 50px;
  width: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  transition: 0.3s linear all;
}

.page-node-331 .main_row {
  border: 7px solid var(--yellow);
  max-width: 1200px;
  margin: auto;
  padding: 1rem 2rem 2rem 2rem;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
  margin-top: 1rem;
  position: relative;
  align-items: center;
  min-height: 70vh;
}

.page-node-331 .navbar-toggler {
  display: none;
}

#wizard_intro {
  margin-bottom: 20px;
}

#wrapper_wizard_progress {
  position: sticky;
  top: 6rem;
  left: 0;
  z-index: 33;
  background: var(--white);
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  margin-bottom: 1rem;
}

#wizard_progress {
  display: flex;
  margin-bottom: 20px;
}

#progress_text {
  width: 5%;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}

#progress_bar {
  height: 20px;
  background-color: #e0e0e0;
  border-radius: 10px;
  width: 95%;
  border: 1px solid var(--yellow);
}

.page-node-331 .share_wrapper {
  display: none;
}

.page-node-331 .node_title {
  text-align: center;
  width: 100%;
}

#progress_fill {
  height: 100%;
  width: 0%;
  background-color: var(--yellow);
  border-radius: 10px;
  transition: width 0.4s;
}

.page-node-331 #block-fidelitas-breadcrumbs,
.page-node-331 #block-fidelitas-main-menu {
  display: none;
}

.page-node-331 #block-fidelitas-page-title {
  text-align: left;
}

.suggested_services_view {
  border: 2px solid red;
}

#wizard_form {
  display: none;
}

#submit_wizard {
  text-transform: uppercase;
  font-size: 1.3rem;
}

:not(.btn-check)+#submit_wizard.btn:active,
#submit_wizard.btn:focus-visible {
  color: var(--yellow);
  background-color: var(--black);
  border-color: var(--yellow);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#submit_wizard svg,
#submit_wizard .arrow {
  margin-left: 1rem;
}

p.wizard-heading {
  text-align: center;
  padding-bottom: 1rem;
  font-weight: 600;
}

#current_question {
  transition: min-height 0.4s ease;
}

#current_question h2 {
  font-weight: bold;
}

#current_question p {
  margin-bottom: 0;
}

#btn_back {
  border: none;
  background-color: transparent;
  padding: 0rem 0.5rem;
  margin-bottom: 0;
  border-bottom: solid 2px var(--yellow);
  font-size: 1.3rem;
  transition: all 0.3s linear;
  display: inline-block;
  padding-top: 0.75rem;
  margin-right: 0.75rem;
}

.is_first #btn_back {
  display: none;
}

#btn_back:hover {
  background-color: var(--graylight);
}

#btn_back span.arrow {
  margin-right: 1rem;
}

#wizard_response h2 {
  margin-bottom: 1.5rem;
}

h3.cta_form {
  text-align: center;
  color: var(--yellow);
}

.page-node-331 .col-right {
  position: relative;
}

.page-node-331 .col-img.col-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 2rem;
  /* background-color: var(--graylight); */
  /* background-size: contain; */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-image: url(https://fidelitas.emdev.it/sites/default/files/2025-05/fidelitas-wizard.jpg); */
}

.page-node-331 .col-img.col-right {
  position: relative;
}

#wizard_form {
  position: sticky;
  top: 5rem;
  left: 0;
  z-index: 2;
}

#edit-azienda-wrapper,
#edit-azienda-wrapper * {
  margin-bottom: 0 !important;
}

#edit-azienda-row .form-item-azienda {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

#edit-azienda-row .form-item-azienda label.form-check-label {
  padding-right: 2.5rem;
}

.answers_summary h3 {
  font-weight: 500;
  color: var(--yellow);
  margin-bottom: 1rem;
}

.answers_summary ul {
  list-style: none;
  padding-left: 0;
}

.answers_summary ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

.answers_summary ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 10px;
  height: 10px;
  background-color: var(--yellow);
  display: inline-block;
}

/* ------------------ */
.custom-radio {
  display: flex;
  align-items: center;
  /* margin-bottom: 10px; */
  cursor: pointer;
  user-select: none;
}

.custom-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.custom-box {
  width: 20px;
  height: 20px;
  border: 2px solid var(--yellow);
  border-radius: 0;
  margin-right: 1rem;
  transition: background-color 0.3s;
}

/* .custom-radio:hover .custom-box {
  background-color: #FDCA00;
} */
.custom-radio input[type="radio"]:checked+.custom-box {
  background-color: var(--yellow);
}

.answer-text {
  font-size: 16px;
}

#wizard_form {
  border: 2px solid var(--yellow);
  padding: 2rem;
}

#wizard_form legend {
  font-size: 0.7rem;
}

#edit-captcha-image-wrapper {
  display: flex;
  align-items: center;
}

#edit-captcha-image-wrapper .captcha__image-wrapper img {
  margin-bottom: 0;
}

#edit-captcha-image-wrapper .reload-captcha-wrapper {
  margin-left: 2rem;
}

#answers_wrapper {
  margin-top: 2rem;
}

#answers_wrapper label.custom-radio {
  border: 2px solid var(--yellow);
  padding: 1rem 2rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
  transition: all linear 0.3s;
}

#answers_wrapper label.custom-radio:hover .custom-box,
#answers_wrapper label.custom-radio.active .custom-box {
  width: 20px;
  height: 20px;
  border: 2px solid var(--black);
  position: relative;
}

#answers_wrapper label.custom-radio.active,
#answers_wrapper label.custom-radio:hover {
  background-color: var(--yellow);
}

/* Spunta al centro */
/* #answers_wrapper label.custom-radio:hover .custom-box::after, */
#answers_wrapper label.custom-radio.active .custom-box::after {
  content: "✔";
  color: var(--black);
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* PAGINA GRAZIE THANK-YOU PAGE */
.page-node-361 .node_title {
  margin-bottom: 0.5rem;
}

.page-node-361 h2 {
  color: var(--yellow);
  font-weight: 600;
  border-bottom: 2px solid var(--yellow);
  width: fit-content;
  margin: 2rem 0;
  padding: 0.75rem 0;
}

.page-node-361 a.btn.btn-primary {
  margin-top: 2rem;
}
