/*
This file should only be used by hesk clients to apply any custom overwrites to core files,
and ensure these changes are included in the bundled css.

Please only change this file if you know what you are doing.
Any general thematic changes should rather be done as part of /theme changes of theme_overrides.css
*/
/* SimosNap - Local Roboto font */
@font-face {
    font-family: "Lato";
    src: url("../fonts/Roboto-Latin.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

/* SimosNap - Titolo principale */
.search__title {
    color: #333333;
}

/* SimosNap - Schede homepage */
.help-search + .nav .navlink {
    border: 1px solid #e0e0e0;
    border-left: 4px solid #42b992;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* ==========================================
   SimosNap - Homepage responsive
   ========================================== */

/* Desktop: due schede affiancate */
@media screen and (min-width: 1001px) {
    .help-search + .nav .navlink {
        flex: 1 1 0;
        max-width: 470px;
        min-width: 0;
        margin: 16px 10px;
    }
}

/* Tablet: larghezza fluida */
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .help-search + .nav .navlink {
        flex: 1 1 0;
        max-width: none;
        min-width: 0;
        margin: 12px 8px;
    }
}

/* Smartphone: schede impilate */
@media screen and (max-width: 767px) {
    .help-search + .nav {
        flex-direction: column;
        align-items: stretch;
    }

    .help-search + .nav .navlink {
        width: auto;
        max-width: none;
        margin: 8px 0;
    }
}

/* ==========================================
   SimosNap - Selezione categorie ticket
   ========================================== */

.select__title {
    color: #333333;
}

/* Griglia categorie */
.select__title + .nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: 960px;
    margin: 24px auto;
}

/* Schede categorie */
.select__title + .nav .navlink {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #42b992;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Tablet */
@media screen and (max-width: 1000px) {
    .select__title + .nav {
        gap: 16px;
    }
}

/* Smartphone */
@media screen and (max-width: 767px) {
    .select__title + .nav {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ==========================================
   SimosNap - Modulo apertura ticket
   ========================================== */

/* Campi più larghi su desktop */
.ticket-create .form-group,
.ticket-create .param {
    width: 100%;
    max-width: 850px;
}

/* Etichette più leggibili */
.ticket-create .form-group > label,
.ticket-create .param > .label {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
}

/* Smartphone */
@media screen and (max-width: 767px) {
    .ticket-create {
        padding: 20px 15px 32px;
    }

    .ticket-create .form-group,
    .ticket-create .param {
        max-width: 100%;
    }
}

/* ==========================================
   SimosNap - Pulsanti apertura ticket
   ========================================== */

/* Stile condiviso */
.ticket-create .fileinput-button,
.ticket-create #recaptcha-submit {
    width: auto;
    min-width: 140px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #42b992;
    border-radius: 4px;
    background-color: #42b992;
    color: #ffffff;
    font-family: "Lato", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    box-shadow: none;
    cursor: pointer;
}

/* Hover */
.ticket-create .fileinput-button:hover,
.ticket-create #recaptcha-submit:hover {
    background-color: #329b79;
    border-color: #329b79;
    color: #ffffff;
    box-shadow: none;
}

/* Allegati: pulsante compatto */
.ticket-create .fileinput-button {
    display: inline-block;
}

/* Invio: pulsante centrato */
.ticket-create .form-footer {
    text-align: center;
}

.ticket-create #recaptcha-submit {
    min-width: 170px;
}

/* Smartphone */
@media screen and (max-width: 767px) {
    .ticket-create #recaptcha-submit {
        width: 100%;
    }
}

/* SimosNap - Spaziatura pulsante allegati */
.ticket-create .fileinput-button {
    margin-top: 12px;
}

/* ==========================================
   SimosNap - Consultazione ticket
   ========================================== */

#formNeedValidation .form-groups.centered {
    width: 100%;
    max-width: 420px;
}

/* SimosNap - Pulsante consultazione ticket */
#formNeedValidation button[type="submit"],
#formNeedValidation input[type="submit"] {
    width: auto;
    min-width: 170px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #42b992;
    border-radius: 4px;
    background-color: #42b992;
    color: #ffffff;
    font-family: "Lato", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 36px;
    box-shadow: none;
    cursor: pointer;
}

#formNeedValidation button[type="submit"]:hover,
#formNeedValidation input[type="submit"]:hover {
    background-color: #329b79;
    border-color: #329b79;
    color: #ffffff;
    box-shadow: none;
}

/* ==========================================
   SimosNap - Conferma apertura ticket
   ========================================== */

.ticket-create-confirmation a.btn-full {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 190px;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #42b992;
    border-radius: 4px;
    background-color: #42b992;
    color: #ffffff;
    font-family: "Lato", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: none;
}

.ticket-create-confirmation a.btn-full:hover {
    background-color: #329b79;
    border-color: #329b79;
    color: #ffffff;
    box-shadow: none;
}

/* ==========================================
   SimosNap - Risposta ai ticket
   ========================================== */

/* Pulsanti */
.form--reply .fileinput-button,
.form--reply #recaptcha-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 140px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #42b992;
    border-radius: 4px;
    background-color: #42b992;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none;
    cursor: pointer;
}

/* Hover */
.form--reply .fileinput-button:hover,
.form--reply #recaptcha-submit:hover {
    background-color: #329b79;
    border-color: #329b79;
    color: #ffffff;
    box-shadow: none;
}

/* Spazio tra area allegati e pulsante */
.form--reply .fileinput-button {
    margin-top: 12px;
}

/* Pulsante invio risposta */
.form--reply #recaptcha-submit {
    min-width: 170px;
}

/* Smartphone */
@media screen and (max-width: 767px) {
    .form--reply #recaptcha-submit {
        width: 100%;
    }
}

/* ==========================================
   SimosNap - Visualizzazione ticket
   ========================================== */

/* Messaggi e risposte */
.page-view-ticket .ticket__body_block {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #42b992;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    text-align: left;
}

/* Risposte degli operatori */
.page-view-ticket .ticket__body_block.response {
    background-color: #f8faf9;
    border-left-color: #4b6985;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Titolo del ticket */
.page-view-ticket .ticket__body_block h1 {
    color: #333333;
    font-weight: 700;
}

/* Testo dei messaggi */
.page-view-ticket .ticket__body_block .block--description {
    color: #333333;
    line-height: 1.6;
}

/* ==========================================
   SimosNap - Pulsante conferma ticket
   ========================================== */

a.btn.btn-full[href*="ticket.php?track="] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 190px;
    max-width: 100%;
    min-height: 38px;
    padding: 10px 20px;
    background: #42b992;
    border: 1px solid #42b992;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    box-shadow: none;
    text-decoration: none;
}

a.btn.btn-full[href*="ticket.php?track="]:hover {
    background: #329b79;
    border-color: #329b79;
    color: #ffffff;
    box-shadow: none;
}

/* ==========================================
   SimosNap - Pannello dettagli ticket
   ========================================== */

/* Contenitore */
.page-view-ticket .ticket__params .details {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #42b992;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Intestazione */
.page-view-ticket .ticket__params .details .accordion-title {
    color: #333333;
    font-weight: 700;
    border-bottom: 1px solid #eaeaea;
}

/* Righe informative */
.page-view-ticket .ticket__params .details .accordion-body .row {
    border-bottom: 1px solid #f0f0f0;
}

.page-view-ticket .ticket__params .details .accordion-body .row:last-child {
    border-bottom: none;
}

/* Etichette */
.page-view-ticket .ticket__params .details .row .title {
    color: #6b7480;
    font-weight: 400;
}

/* Valori */
.page-view-ticket .ticket__params .details .row .value {
    color: #333333;
    font-weight: 500;
}

/* Link */
.page-view-ticket .ticket__params .details a.link {
    color: #24785f;
}

.page-view-ticket .ticket__params .details a.link:hover {
    color: #185642;
}

/* Homepage SimosNap */
.page-index .sn-home-intro {
    max-width: 760px;
    margin: 12px auto 26px;
    text-align: center;
    line-height: 1.7;
    color: #555;
}

.page-index .sn-home-notice {
    max-width: 900px;
    margin: 0 auto 30px;
    padding: 22px 26px;
    background: #eaf7f1;
    border-left: 4px solid #42b992;
    border-radius: 5px;
    color: #333;
}

.page-index .sn-home-notice h2 {
    margin: 0 0 14px;
    font-size: 18px;
    color: #24785f;
}

.page-index .sn-home-notice ul {
    margin: 0;
    padding-left: 20px;
}

.page-index .sn-home-notice li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.page-index .sn-home-notice li:last-child {
    margin-bottom: 0;
}

.page-index .sn-home-notice a {
    color: #24785f;
    text-decoration: underline;
}