/* documentazione_menu.css — Accordion menu documentazione */

ul { list-style: none; }
a  { text-decoration: none; }

.accordion-menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

.accordion-menu li.open .dropdownlink .fa-chevron-down { transform: rotate(180deg); }
.accordion-menu li:last-child .dropdownlink { border-bottom: 0; }

.dropdownlink {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 55px;
    font-size: 18px;
    color: #212121;
    position: relative;
    transition: transform 0.25s ease-out;
}

.dropdownlink i            { position: absolute; top: 17px; left: 16px; }
.dropdownlink .fa-chevron-down { right: 12px; left: auto; transition: transform 0.25s; }

.submenuItems { display: none; }

.submenuItems li {
    width: 100%;
    background-color: #0f111d;
    border-bottom: 1px solid #000;
    padding: 0;
}

/* Link singolo articolo nel submenu */
.submenuItems a.doc-link {
    display: block;
    padding: 7px 14px 7px 18px;
    color: #8f8f8f;
    font-size: 12px;
    font-family: 'DejaVu Serif', Georgia, serif;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: color 0.2s, background 0.2s;
}

.submenuItems a.doc-link:hover {
    color: #ce846f;
    background: rgba(206, 132, 111, 0.06);
}

/* Immagini di categoria per ogni sezione del menu */
.ambientazione       { padding: 4px; background: url("imgs/documentazione/manuale_ambientazione.png") no-repeat left center transparent; }
.ambientazione:hover { padding: 4px; background: url("imgs/documentazione/ambientazione_manuale_mouseover.gif") no-repeat left center transparent; }
.regolamento         { padding: 4px; background: url("imgs/documentazione/manuale_regolamento.png") no-repeat left center transparent; }
.regolamento:hover   { padding: 4px; background: url("imgs/documentazione/regolamento_manuale_mouseover.gif") no-repeat left center transparent; }
.primi_passi         { padding: 4px; background: url("imgs/documentazione/manuale_primi_passi.png") no-repeat left center transparent; }
.primi_passi:hover   { padding: 4px; background: url("imgs/documentazione/primi_passi_manuale_mouseover.gif") no-repeat left center transparent; }
.manuale             { padding: 4px; background: url("imgs/documentazione/manuale_manuale.png") no-repeat left center transparent; }
.manuale:hover       { padding: 4px; background: url("imgs/documentazione/manuale_manuale_mouseover.gif") no-repeat left center transparent; }
.combattimento       { padding: 4px; background: url("imgs/documentazione/manuale_combattimento.png") no-repeat left center transparent; }
.combattimento:hover { padding: 4px; background: url("imgs/documentazione/combattimento_manuale_mouseover.gif") no-repeat left center transparent; }
.staff               { padding: 4px; background: url("imgs/documentazione/manuale_staff.png") no-repeat left center transparent; }
.staff:hover         { padding: 4px; background: url("imgs/documentazione/staff_manuale_mouseover.gif") no-repeat left center transparent; }
.ricerca             { padding: 4px; }