/* HADDO (02/10) — "Unisciti allo staff" (views/community/staff-applications.blade.php e staff-apply.blade.php).
   La pelle e' quella del Centro aiuto, gia' nel CSS compilato del tema: box .hh-aside-box (fondo #0b6395,
   fascia del titolo #0e3955, testo #7ecaee), campi .hh-input/.hh-textarea, bottone verde .hh-aside-button.
   Qui solo i pezzi nuovi. Sta fuori dal build perche' sul server il tema non si ricompila. */

.hh-cand .hh-help-content p + p {
    margin-top: 10px;
}

/* lo staff di adesso, avatar a grandezza naturale dal nostro imager (rimpicciolirli rovina i pixel) */
.hh-cand-squadra {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin: 0 0 14px;
    padding: 10px 14px 8px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .18);
}

.hh-cand-membro {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.hh-cand-membro img {
    width: 64px;
    height: 110px;
    object-fit: none;
    image-rendering: pixelated;
}

.hh-cand-membro figcaption {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
}

.hh-cand-membro strong {
    color: #fff;
    font-size: 14px;
}

.hh-cand-membro span {
    color: #7ecaee;
    font-size: 12px;
}

/* esito dell'invio o motivo per cui non ci si puo' candidare */
.hh-cand-esito {
    margin: 14px 0 0 !important;
    padding: 8px 12px;
    border-left: 4px solid #8eda55;
    border-radius: 3px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
}

.hh-cand-esito--no {
    border-left-color: #ff9a9a;
}

.hh-cand-descrizione p + p,
.hh-cand-descrizione ul,
.hh-cand-descrizione ol {
    margin-top: 8px;
}

.hh-cand-scadenza {
    margin-top: 10px !important;
    color: #b6e1f5;
    font-size: 13px;
}

/* un bottone spento puo' contenere una frase intera ("potrai candidarti di nuovo dal ...") */
.hh-cand .hh-aside-button--disabled {
    white-space: normal;
    text-transform: none;
}

.hh-cand-elenco {
    margin: 0;
    padding-left: 20px;
}

ul.hh-cand-elenco {
    list-style: disc;
}

ol.hh-cand-elenco {
    list-style: decimal;
}

.hh-cand-elenco li + li {
    margin-top: 6px;
}

/* "Le tue candidature" nella colonna di destra */
.hh-cand-mie {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hh-cand-mie li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    color: #7ecaee;
}

.hh-cand-mie li + li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.hh-cand-mie strong {
    color: #fff;
}

.hh-cand-mie small {
    flex-basis: 100%;
    font-size: 12px;
}

.hh-cand-stato {
    padding: 1px 8px;
    border-radius: 999px;
    background: #8a6d1d;
    color: #fff;
    font-size: 12px;
}

.hh-cand-stato--approved {
    background: #00813e;
}

.hh-cand-stato--rejected {
    background: #8c2f3f;
}

.hh-cand-nota {
    flex-basis: 100%;
    margin: 2px 0 0 !important;
    color: #fff;
    font-size: 13px;
}

/* modulo */
.hh-cand-aiuto {
    margin: -2px 0 6px !important;
    color: #7ecaee;
    font-size: 13px;
}

.hh-cand .hh-textarea.hh-cand-corta {
    min-height: 110px;
}

.hh-cand-spunta {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 16px 0 4px;
    color: #fff;
    cursor: pointer;
}

/* casella vera del browser, in verde come i bottoni del sito */
.hh-cand-spunta input {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #00813e;
    appearance: auto;
    -webkit-appearance: checkbox;
}

.hh-cand-modulo .hh-help-button {
    margin-top: 18px;
}

/* HADDO (18/10/2026): stile unico delle pagine. Ogni riquadro e' una scheda con testata e icona
   (x-content.content-card, classe hh-cand-scheda): il corpo e' chiaro in tutti e due i temi, quindi testi scuri
   invece del bianco e dell'azzurro dei vecchi box blu. Gli avatar non sono piu' "lazy": a volte restavano vuoti. */
.hh-cand .hh-cand-scheda + .hh-cand-scheda {
    margin-top: 24px;
}

.hh-cand-scheda {
    color: #4b5563;
    line-height: 1.5;
}

.hh-cand-scheda p + p {
    margin-top: 10px;
}

.hh-cand-scheda .hh-cand-squadra {
    background: #dcdcd2;
}

.hh-cand-scheda .hh-cand-membro strong,
.hh-cand-scheda .hh-cand-mie strong,
.hh-cand-scheda .hh-cand-nota {
    color: #2c3440;
}

.hh-cand-scheda .hh-cand-membro span,
.hh-cand-scheda .hh-cand-mie li,
.hh-cand-scheda .hh-cand-scadenza {
    color: #6a7688;
}

.hh-cand-scheda .hh-cand-mie li + li {
    border-top-color: #c9c9bf;
}

.hh-cand-scheda .hh-cand-esito {
    background: #dcdcd2;
    color: #2c3440;
}

.hh-cand-scheda .hh-cand-descrizione a {
    color: #1e7295;
}

.hh-cand .hh-cand-scheda .hh-help-button {
    margin-top: 14px;
}