/* Caratteri del sito front (DM Sans testo, Outfit titoli): caricati qui
   perche' l'area admin usa un altro carattere (Plus Jakarta Sans). */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..700;1,9..40,400..700&family=Outfit:wght@400..800&display=swap");

/* =========================================================================
   tyj-contratti.css (2026-10-06)
   Stile UNICO dei contratti (tabella "contratti" / "contratti_trad":
   Programma Ambasciatori, Termini e condizioni, Privacy, Cookie...), uguale
   su sito front e area admin. Applicato a ogni contenitore con la classe
   "tyj-contratto":
     - front: popup del footer      (02_footer.asp, #modalContrattoFooterBody)
     - front: pagina contratti      (it/pag_condizioni.asp, .cond-content-wrap)
     - admin: popup del footer      (admin/01_main_page_footer.asp)
     - admin: pagina contratti      (admin/condizioni.asp)
   Riferimento grafico: lo stile che era nel popup del front (01_main_css.asp).
   I testi arrivano dall'editor Quill: h2/h3/p/strong/em, elenchi
   <ol><li data-list="ordered|bullet">, tabelle, blockquote; nessuna classe.

   Selettori "div.tyj-contratto ..." (specificita' piu' alta di
   ".modal-content p" & simili dei due template) e file caricato DOPO i CSS
   dei template, cosi' l'aspetto e' identico ovunque.
   Palette: verde 1f7a3d / 155c2d, sfondi e6f2ea / f2f7f4.
   ========================================================================= */

/* ---- Base ---- */
div.tyj-contratto {
    font-family: "DM Sans", sans-serif;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    word-wrap: break-word;
    text-align: left;
}

/* ---- Titoli: carattere Outfit come sul front ---- */
div.tyj-contratto h1,
div.tyj-contratto h2,
div.tyj-contratto h3,
div.tyj-contratto h4 {
    font-family: "Outfit", sans-serif;
}

/* ---- Titolo principale ---- */
div.tyj-contratto h1 {
    font-size: 26px;
    font-weight: 700;
    color: #1f7a3d;
    margin: 0 0 14px;
    padding: 0 0 8px;
    border-bottom: 2px solid #1f7a3d;
    line-height: 1.25;
}

/* ---- Titoli di capitolo ---- */
div.tyj-contratto h2 {
    font-size: 20px;
    font-weight: 700;
    color: #155c2d;
    margin: 26px 0 10px;
    padding: 0 0 0 10px;
    border-left: 4px solid #1f7a3d;
    line-height: 1.3;
}

/* ---- Sottosezioni ---- */
div.tyj-contratto h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1f7a3d;
    margin: 18px 0 6px;
    padding: 0;
    line-height: 1.3;
}

/* ---- Sotto-sottosezioni ---- */
div.tyj-contratto h4 {
    font-size: 15px;
    font-weight: 700;
    color: #444;
    margin: 14px 0 6px;
}

/* ---- Paragrafi ---- */
div.tyj-contratto p {
    font-family: "DM Sans", sans-serif;
    margin: 0 0 12px;
    text-align: justify;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

/* ---- Enfasi ---- */
div.tyj-contratto strong,
div.tyj-contratto b {
    font-weight: 700;
    color: #155c2d;
}

div.tyj-contratto em,
div.tyj-contratto i {
    font-style: italic;
    color: #555;
}

/* ---- Liste ---- */
div.tyj-contratto ul,
div.tyj-contratto ol {
    margin: 0 0 14px;
    padding-left: 26px;
}

div.tyj-contratto ul { list-style: disc; }
div.tyj-contratto ol { list-style: decimal; }

div.tyj-contratto li {
    margin-bottom: 6px;
    padding-left: 4px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    display: list-item;
}

/* Quill scrive anche gli elenchi puntati come <ol><li data-list="bullet">:
   senza queste regole uscirebbero numerati. */
div.tyj-contratto li[data-list="bullet"]  { list-style-type: disc; }
div.tyj-contratto li[data-list="ordered"] { list-style-type: decimal; }

/* Elemento tecnico di Quill dentro ogni voce di elenco: va nascosto */
div.tyj-contratto .ql-ui { display: none; }

div.tyj-contratto li::marker {
    color: #1f7a3d;
    font-weight: 700;
}

/* ---- Tabelle ---- */
div.tyj-contratto table {
    width: auto;
    max-width: 100%;
    border-collapse: collapse;
    margin: 6px 0 16px;
    font-size: 14px;
}

div.tyj-contratto thead { background-color: #1f7a3d; }

div.tyj-contratto thead th {
    color: #ffffff;
    font-weight: 700;
}

div.tyj-contratto tbody tr:nth-child(odd)  { background-color: #e6f2ea; }
div.tyj-contratto tbody tr:nth-child(even) { background-color: #f2f7f4; }

div.tyj-contratto th,
div.tyj-contratto td {
    padding: 8px 12px;
    border: 1px solid #ffffff;
    text-align: left;
    vertical-align: top;
    color: #333;
    font-size: 14px;
}

/* Ultima colonna (importi) allineata a destra */
div.tyj-contratto td:last-child,
div.tyj-contratto th:last-child {
    text-align: right;
    font-weight: 700;
    color: #155c2d;
    white-space: nowrap;
}

/* Prima colonna in risalto */
div.tyj-contratto tbody td:first-child {
    font-weight: 700;
    color: #155c2d;
    text-align: left;
}

/* Su schermi stretti la tabella scorre in orizzontale invece di uscire */
@media (max-width: 575.98px) {
    div.tyj-contratto table {
        display: block;
        overflow-x: auto;
    }
}

/* ---- Box / richiami (blockquote) ---- */
div.tyj-contratto blockquote {
    margin: 14px 0;
    padding: 12px 16px;
    background-color: #e6f2ea;
    border-left: 5px solid #1f7a3d;
    border-radius: 4px;
    color: #155c2d;
    font-size: 15px;
}

div.tyj-contratto blockquote p { margin: 0; }

/* ---- Link ---- */
div.tyj-contratto a {
    color: #1f7a3d;
    text-decoration: underline;
}

div.tyj-contratto a:hover { color: #155c2d; }