/*
 * learndash.css - Brand + accessibilita' per le pagine LearnDash (LD30).
 * NON modifica il markup: restyle del default verso il brand Explora.
 * Lo stile "prototipo" completo di corso/lezione/quiz (layout 2 colonne,
 * curriculum a fisarmonica, ARIA/tastiera) e' un override di template dedicato.
 */

/* Contenitore leggibile */
.learndash-wrapper { max-width: var(--max-width); margin-inline: auto; }
.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3,
.learndash-wrapper h4 { font-family: var(--font-heading); color: var(--explora-black); }
.learndash-wrapper a { color: var(--explora-orange-dark); }

/* Pulsanti LearnDash -> brand */
.learndash-wrapper .ld-button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .btn-join,
.learndash-wrapper .ld-button--alternate {
  background: var(--explora-orange-dark) !important;
  border-color: var(--explora-orange-dark) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
}
.learndash-wrapper .ld-button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover {
  background: var(--explora-orange) !important;
  border-color: var(--explora-orange) !important;
}

/* Barre di avanzamento -> arancio brand (contrasto ok) */
.learndash-wrapper .ld-progress-bar {
  background: var(--gray-200) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar .ld-progress-percentage {
  background: var(--explora-orange-dark) !important;
}

/* Stato completato -> verde brand (testo scuro per contrasto) */
.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-status-complete {
  background: var(--color-o) !important;
  color: #000 !important;
}

/* Liste corso/lezione: bordi tenui, angoli coerenti */
.learndash-wrapper .ld-item-list .ld-item-list-item {
  border-radius: var(--radius);
}
.learndash-wrapper .ld-item-list-item-preview,
.learndash-wrapper .ld-table-list-item { border-color: var(--gray-200); }

/* Focus sempre visibile (rinforzo su tutti i controlli LearnDash) */
.learndash-wrapper :is(a, button, [tabindex], input, select, textarea):focus {
  outline: 3px solid var(--explora-orange) !important;
  outline-offset: 3px !important;
}

/* Avvisi */
.learndash-wrapper .ld-alert-warning { border-color: var(--color-l); }
.learndash-wrapper .ld-alert-success { border-color: var(--color-o); }
.learndash-wrapper .ld-alert-error { border-color: var(--color-a); }

/* ============================================================
   Rebrand del colore primario LearnDash: blu -> arancio Explora.
   Copre anche gli elementi FUORI da .learndash-wrapper (ribbon stato,
   pulsante iscrizione, toggle "Espandi").
   ============================================================ */
:root,
body,
.learndash-wrapper {
  --ld-primary-color: #c44a20;
  --ld-primary-color-hover: #e95e30;
  --ld-color-primary: #c44a20;
}
.ld-button,
.ld-primary-background,
.ld-expand-button.ld-primary-background,
.btn-join,
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-primary-background {
  background-color: #c44a20 !important;
  border-color: #c44a20 !important;
  color: #fff !important;
  /* Font/misure allineate a .btn (base.css): questa regola NON e' scoperta
     su .learndash-wrapper (serve anche fuori, es. enroll-card della pagina
     corso, che non e' dentro .learndash-wrapper) quindi il colore veniva
     rebrandizzato ma font/padding/raggio restavano quelli di default di
     LearnDash - bottone "fuori sync" con gli altri del tema. */
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 44px !important;
  padding: 0.7rem 1.5rem !important;
  font-family: var(--font-body) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: var(--radius) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.ld-button:hover,
.ld-primary-background:hover,
.learndash-wrapper .ld-button:hover {
  background-color: #e95e30 !important;
  border-color: #e95e30 !important;
}
.ld-primary-color,
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-expand-button:not(.ld-primary-background) {
  color: #c44a20 !important;
}
.learndash-wrapper .ld-expand-button .ld-icon { color: inherit !important; }

/* "Espandi"/"Espandi tutto": non spezzare il testo su piu' righe */
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-expand-button .ld-text {
  white-space: nowrap !important;
}

/* ============================================================
   Robustezza hover: NESSUN testo di link/bottone diventa blu al passaggio.
   Colore brand esplicito su hover/focus (dentro le pagine lezione e LD).
   ============================================================ */
.lesson-entry a:hover,
.lesson-entry a:focus { color: var(--explora-orange-dark); }
.learndash-wrapper .ld-button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-button:focus,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:focus,
.ld-button:hover,
.ld-button:focus { color: #fff !important; }
.learndash-wrapper .learndash_next_prev_link a,
.lesson-entry .ld-content-action a,
.lesson-entry .ld-content-action a:hover { color: var(--explora-orange-dark) !important; }

/* Azioni pagina lezione: prev/next, torna al corso, segna completata.
   LearnDash stampa markup proprio dentro the_content(); qui lo riportiamo
   alla grammatica dei bottoni del tema. */
.lesson-entry .ld-content-actions,
.lesson-entry .learndash_next_prev_link {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 2rem !important;
  padding-top: 1.25rem;
  border-top: 1px solid var(--gray-200);
}
.lesson-entry .ld-content-actions {
  justify-content: flex-start;
}
/* LearnDash a volte raggruppa PIU' azioni diverse (es. "Segna completata" +
   "Torna al modulo") in un solo .ld-content-action, mentre altre azioni
   ("Precedente"/"Successivo") sono ciascuna nel proprio .ld-content-action:
   tenerlo come box flessibile crea uno slot che si impila su piu' righe
   mentre gli altri restano su una riga sola -> bottoni sfalsati, di misura
   diversa. "display:contents" toglie il wrapper dal flusso (il DOM resta
   invariato, gli attributi/i selettori CSS pure) cosi' TUTTI i bottoni
   diventano elementi diretti dello stesso flex: stessa riga, stessa misura,
   a capo in blocco quando lo spazio non basta. */
.lesson-entry .ld-content-action {
  display: contents;
}
.lesson-entry .learndash_next_prev_link {
  justify-content: space-between;
  margin-top: 1.25rem !important;
  padding-top: 0;
  border-top: none;
}
.lesson-entry .learndash_next_prev_link > span {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  text-align: left !important;
}
.lesson-entry .ld-content-action form,
.lesson-entry .sfwd-mark-complete {
  display: inline-flex !important;
  width: min(100%, 280px);
  margin: 0 !important;
}
.lesson-entry .ld-content-actions .ld-content-action a,
.lesson-entry .ld-content-actions .ld-content-action .ld-button,
.lesson-entry .learndash-wrapper .ld-content-actions .ld-content-action a,
.lesson-entry .learndash-wrapper .ld-content-actions .ld-content-action .ld-button,
.lesson-entry .learndash_next_prev_link a,
.lesson-entry .learndash-wrapper .learndash_next_prev_link a,
.lesson-entry .learndash_mark_complete_button,
.lesson-entry input.learndash_mark_complete_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: min(100%, 280px);
  min-height: 44px;
  padding: 0.7rem 1.5rem !important;
  border: 2px solid #8a8884 !important;
  border-radius: var(--radius) !important;
  background: transparent !important;
  color: var(--explora-black) !important;
  font-family: var(--font-body) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.lesson-entry .ld-content-actions .ld-content-action a:hover,
.lesson-entry .ld-content-actions .ld-content-action a:focus,
.lesson-entry .learndash-wrapper .ld-content-actions .ld-content-action a:hover,
.lesson-entry .learndash-wrapper .ld-content-actions .ld-content-action a:focus,
.lesson-entry .learndash_next_prev_link a:hover,
.lesson-entry .learndash_next_prev_link a:focus,
.lesson-entry .learndash-wrapper .learndash_next_prev_link a:hover,
.lesson-entry .learndash-wrapper .learndash_next_prev_link a:focus {
  border-color: var(--explora-black) !important;
  background: var(--explora-black) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.lesson-entry .ld-content-actions .ld-content-action .ld-button,
.lesson-entry .learndash_mark_complete_button,
.lesson-entry input.learndash_mark_complete_button {
  border-color: var(--explora-orange-dark) !important;
  background: var(--explora-orange-dark) !important;
  color: #fff !important;
}
.lesson-entry .ld-content-actions .ld-content-action .ld-button:hover,
.lesson-entry .ld-content-actions .ld-content-action .ld-button:focus,
.lesson-entry .learndash_mark_complete_button:hover,
.lesson-entry .learndash_mark_complete_button:focus,
.lesson-entry input.learndash_mark_complete_button:hover,
.lesson-entry input.learndash_mark_complete_button:focus {
  border-color: var(--explora-orange) !important;
  background: var(--explora-orange) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(233,94,48,0.3) !important;
}
.lesson-entry .ld-content-actions .ld-content-action a.ld-course-step-back,
.lesson-entry .ld-content-actions .ld-content-action a.ld-button:not(.learndash_mark_complete_button),
.lesson-entry .learndash-wrapper .ld-content-actions .ld-content-action a.ld-course-step-back {
  border-color: #8a8884 !important;
  background: transparent !important;
  color: var(--explora-black) !important;
  box-shadow: none !important;
}
.lesson-entry .ld-content-actions .ld-content-action a.ld-course-step-back:hover,
.lesson-entry .ld-content-actions .ld-content-action a.ld-course-step-back:focus,
.lesson-entry .ld-content-actions .ld-content-action a.ld-button:not(.learndash_mark_complete_button):hover,
.lesson-entry .ld-content-actions .ld-content-action a.ld-button:not(.learndash_mark_complete_button):focus {
  border-color: var(--explora-black) !important;
  background: var(--explora-black) !important;
  color: #fff !important;
}
@media (max-width: 720px) {
  .lesson-entry .ld-content-actions,
  .lesson-entry .learndash_next_prev_link,
  .lesson-entry .wp-block-file {
    flex-direction: column;
    align-items: stretch !important;
  }
  .lesson-entry .learndash_next_prev_link > span {
    align-items: stretch;
    width: 100% !important;
  }
  /* .ld-content-action e' display:contents (vedi sopra): non genera piu' un
     box, quindi va forzata la larghezza sui bottoni/link/form veri, che sono
     ora figli diretti del flex .ld-content-actions. */
  .lesson-entry .ld-content-actions a,
  .lesson-entry .ld-content-actions .ld-button,
  .lesson-entry .learndash_next_prev_link a,
  .lesson-entry .learndash_mark_complete_button,
  .lesson-entry input.learndash_mark_complete_button,
  .lesson-entry .ld-content-actions form,
  .lesson-entry .sfwd-mark-complete,
  .lesson-entry .wp-block-file .wp-block-file__button,
  .lesson-entry .wp-block-file .wp-element-button {
    width: 100% !important;
    max-width: none !important;
  }
  /* "Segna come completata" e "Torna al modulo" arrivano dallo stesso
     .ld-content-action appiattito (form + link): impilati in colonna
     restano incollati (il gap del flex non sempre si applica in modo
     affidabile intorno a un <form> reso "contents" dal genitore). Margine
     esplicito per staccarli visivamente. */
  .lesson-entry .ld-content-actions .ld-course-step-back {
    margin-top: 0.75rem !important;
  }
}

/* Blocco file/PDF nelle lezioni: link allegato + download nello stile tema. */
.lesson-entry .wp-block-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin: 1.5rem 0 2rem;
}
.lesson-entry .wp-block-file object,
.lesson-entry .wp-block-file iframe,
.lesson-entry .wp-block-file embed {
  flex: 1 0 100%;
  margin-bottom: 0.5rem;
}
.lesson-entry .wp-block-file > a:first-of-type {
  display: none !important;
}
.lesson-entry .wp-block-file .wp-block-file__button,
.lesson-entry .wp-block-file .wp-element-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.7rem 1.5rem !important;
  border: 2px solid var(--explora-orange-dark) !important;
  border-radius: var(--radius) !important;
  background: var(--explora-orange-dark) !important;
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.lesson-entry .wp-block-file .wp-block-file__button:hover,
.lesson-entry .wp-block-file .wp-block-file__button:focus,
.lesson-entry .wp-block-file .wp-element-button:hover,
.lesson-entry .wp-block-file .wp-element-button:focus {
  border-color: var(--explora-orange) !important;
  background: var(--explora-orange) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(233,94,48,0.3) !important;
}

/* Video lezione: cornice arrotondata come il prototipo */
.lesson-entry .ld-video,
.lesson-entry .wp-video,
.lesson-entry video,
.lesson-entry iframe { border-radius: var(--radius-lg); overflow: hidden; max-width: 100%; }

/* Video locale (file mp4, non embed remoto): LearnDash applica a .ld-video il
   trucco "responsive embed" (height:0 + padding-bottom%), pensato per un
   iframe posizionato assoluto sopra. Il player locale (wp-video/mediaelement)
   non e' un iframe assoluto: resta clippato ad altezza zero e diventa
   invisibile pur avendo dimensioni e markup corretti. */
.ld-video[data-video-provider="local"] {
  height: auto !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

/* ============================================================
   Quiz ProQuiz -> stile Explora (card domanda, opzioni bordate, bottoni brand).
   Il motore (domande, punteggio, tentativi) resta LearnDash: qui solo restyle.
   ============================================================ */
.wpProQuiz_content { margin: 0; }
/* Card della singola domanda */
.wpProQuiz_content .wpProQuiz_listItem {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  background: var(--white);
  box-shadow: var(--shadow-sm);
  list-style: none;
}
.wpProQuiz_content .wpProQuiz_question_page { font-family: var(--font-mono); font-size: 0.85rem; color: var(--gray-600); margin-bottom: 0.75rem; }
/* Etichetta tipo domanda, dedotta dall'attributo data-type che ProQuiz gia' scrive nel markup. */
.wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question_page::after {
  display: block;
  margin-top: 0.35rem;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--explora-orange-dark);
}
.wpProQuiz_listItem[data-type="single"] .wpProQuiz_question_page::after { content: "Scelta singola"; }
.wpProQuiz_listItem[data-type="multiple"] .wpProQuiz_question_page::after { content: "Scelta multipla"; }
.wpProQuiz_listItem[data-type="free_answer"] .wpProQuiz_question_page::after { content: "Risposta libera"; }
.wpProQuiz_listItem[data-type="sort_answer"] .wpProQuiz_question_page::after { content: "Ordinamento"; }
.wpProQuiz_listItem[data-type="matrix_sort_answer"] .wpProQuiz_question_page::after { content: "Abbinamento"; }
.wpProQuiz_listItem[data-type="cloze_answer"] .wpProQuiz_question_page::after { content: "Completamento"; }
.wpProQuiz_listItem[data-type="essay"] .wpProQuiz_question_page::after { content: "Saggio"; }
.wpProQuiz_listItem[data-type="assessment_answer"] .wpProQuiz_question_page::after { content: "Valutazione"; }
.wpProQuiz_content .wpProQuiz_header,
.wpProQuiz_content .wpProQuiz_question_text,
.wpProQuiz_content .wpProQuiz_question .wpProQuiz_question_text { font-weight: 700; font-size: 1.1rem; color: var(--explora-black); }
/* Elenco opzioni: ogni riga (li) bordata */
.wpProQuiz_content .wpProQuiz_questionList { list-style: none; margin: 1.1rem 0 0; padding: 0; }
.wpProQuiz_content .wpProQuiz_questionList > li,
.wpProQuiz_content .wpProQuiz_questionListItem {
  border: 1.5px solid #8a8884 !important;
  border-radius: var(--radius);
  padding: 0.85rem 1rem !important;
  margin-bottom: 0.6rem !important;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  list-style: none;
}
.wpProQuiz_content .wpProQuiz_questionList > li:hover,
.wpProQuiz_content .wpProQuiz_questionListItem:hover { border-color: var(--explora-orange) !important; }
.wpProQuiz_content .wpProQuiz_questionInput { accent-color: var(--explora-orange); width: 20px; height: 20px; flex-shrink: 0; margin: 0; }
.wpProQuiz_content .wpProQuiz_questionList label,
.wpProQuiz_content .wpProQuiz_questionListItem label { margin: 0; cursor: pointer; }
/* Select del matching (a tendina) */
.wpProQuiz_content .wpProQuiz_questionList select,
.wpProQuiz_content select { border: 1.5px solid #8a8884; border-radius: var(--radius); padding: 0.5rem 0.75rem; min-height: 44px; }
/* Bottoni ProQuiz -> brand (niente blu al hover).
   LearnDash inietta in wp_head un CSS dinamico legato alla palette Kadence:
   ".learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(...):not(...)"
   con background-color: var(--global-palette1) !important (5 classi di
   specificita'). Per batterlo serve pareggiare/superare quella specificita',
   non basta !important da solo: da qui la ripetizione della classe. */
.wpProQuiz_content input.wpProQuiz_button,
.wpProQuiz_content a.wpProQuiz_button,
.wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_button.wpProQuiz_button.wpProQuiz_button {
  background: var(--explora-orange-dark) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  padding: 0.7rem 1.4rem !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
}
.wpProQuiz_content input.wpProQuiz_button:hover,
.wpProQuiz_content input.wpProQuiz_button:focus,
.wpProQuiz_content .wpProQuiz_button:hover,
.wpProQuiz_content .wpProQuiz_button:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_button.wpProQuiz_button.wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_button.wpProQuiz_button.wpProQuiz_button:focus { background: var(--explora-orange) !important; color: #fff !important; }
/* Bottoni secondari (Ricomincia / Rivedi domande) come outline.
   Anche in hover: LearnDash ha un suo ".learndash-wrapper .wpProQuiz_content
   .wpProQuiz_button_reShowQuestion:hover" dinamico (var(--global-palette2)
   !important) piu' specifico del selettore semplice, quindi lo pareggiamo. */
.wpProQuiz_content input.wpProQuiz_button[name="reShowQuestion"],
.wpProQuiz_content input.wpProQuiz_button[name="restartQuiz"],
.wpProQuiz_content .wpProQuiz_button.wpProQuiz_button_reShowQuestion,
.wpProQuiz_content .wpProQuiz_button.wpProQuiz_button_restartQuiz,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:hover,
.wpProQuiz_content input.wpProQuiz_button[name="reShowQuestion"]:hover,
.wpProQuiz_content input.wpProQuiz_button[name="restartQuiz"]:hover {
  background: transparent !important;
  color: var(--explora-black) !important;
  border: 1.5px solid #8a8884 !important;
  opacity: 1 !important;
}

/* --- Stato completato (feedback + risultati). La correttezza, il punteggio,
   la soglia e la disponibilita' dell'attestato sono decisi da LearnDash: qui
   solo colori/box. --- */
.wpProQuiz_content .wpProQuiz_questionList > li.wpProQuiz_answerCorrect,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect,
.wpProQuiz_content .wpProQuiz_answerCorrectIncomplete { border-color: #1e874b !important; background: #e9f6ee !important; }
.wpProQuiz_content .wpProQuiz_questionList > li.wpProQuiz_answerIncorrect,
.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect { border-color: var(--red-err) !important; background: #fdecef !important; }
.wpProQuiz_content .wpProQuiz_response { border-radius: var(--radius); padding: 0.85rem 1rem; margin-top: 1rem; font-size: 0.9rem; }
.wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct { background: #e9f6ee; border-left: 4px solid #1e874b; color: #14612f; padding: 0.6rem 0.9rem; border-radius: var(--radius); }
.wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect { background: #fdecef; border-left: 4px solid var(--red-err); color: #8a0c22; padding: 0.6rem 0.9rem; border-radius: var(--radius); }
/* Schermata risultati finali */
.wpProQuiz_content .wpProQuiz_results {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 2.5rem 2rem;
  box-shadow: var(--shadow-sm);
  margin-top: 1.5rem;
}
.wpProQuiz_content .wpProQuiz_points { font-size: 1.05rem; color: var(--gray-700); }
/* Link attestato / azioni finali come pulsanti brand */
.wpProQuiz_content .wpProQuiz_certificate a {
  display: inline-block;
  background: var(--explora-orange-dark) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.wpProQuiz_content .wpProQuiz_certificate a:hover { background: var(--explora-orange) !important; color: #fff !important; }

/* Box evidenziato per l'anteprima e la CTA del feedback-per-attestato
   (single-sfwd-courses.php + inc/feedback.php). Stessa famiglia visiva di
   .course-access-banner in base.css, per coerenza di brand. */
.feedback-box { margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.25rem 1.5rem; border: 1.5px solid var(--explora-orange-dark); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--explora-orange-dark) 6%, white); }
.feedback-box h2 { margin-top: 0; }
.feedback-box p:last-child { margin-bottom: 0; }

/* Bottone "Invia" del form Fluent Forms: sovrascrive lo stile blu di
   default del plugin con quello brand (stessa famiglia di .btn-primary in
   base.css), per coerenza visiva col resto del tema. */
.feedback-box button[type="submit"],
.feedback-box input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important;
	padding: 0.7rem 1.5rem !important;
	font-family: var(--font-body) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	color: var(--white) !important;
	background: var(--explora-orange) !important;
	border: 2px solid transparent !important;
	border-radius: var(--radius) !important;
	cursor: pointer;
	transition: background 0.25s, transform 0.25s, box-shadow 0.25s;
}
.feedback-box button[type="submit"]:hover,
.feedback-box input[type="submit"]:hover {
	background: var(--explora-orange-dark) !important;
	color: var(--white) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(233, 94, 48, 0.3);
}