:root{
    --bgcolor: #fff;
    --txtcolor: #000;
    --bgcolor2: #cd492a;
    --bgcolor3: #414143;
}

html{
    font-family: "Times New Roman", Times, serif;
    font-size:12pt;
}

body{
    background: none;
    color: var(--txtcolor);
}

header, footer{
    display: none;
}

main {
    margin-left: 0px;
    width: 100%;
    padding: 4.8px 0px 8px 0px;
}

img {
    display: none;
}

p{
    text-align: justify;
}

/*
-------------
INDEX PAGE
-------------
 */

#titolo {
    display: flex;
    align-items: center;
    gap: 16px;
}

#titolo img {
    content: url("../../assets/logo/logo.jpg");
    display: block;
    max-width: 100px;
}

#titolo h1, #titolo h2 {
    margin: 0;
    color: var(--bgcolor2);
}

#important-info{
    max-width: 800px;
    border: 2px solid var(--txtcolor);
    display: flex;
    flex-wrap: wrap;
    height: 150px;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

#important-info div{
    max-width: 200px;
    padding: 8px;
    height: 100px;
    width: 33%;
    background-color: var(--txtcolor);
    text-align: center;
}

#important-info div p{
    text-align: center;
}

#filosofia h2{
    text-align: start;
    color: var(--bgcolor2);
}

#filosofia{
    text-align: center;
}

.home-button{
    display: inline-block;
    color: rgb(4, 55, 242);
    margin-bottom: 16px;
}

.torna-su a{
    display: none;
}

a:link:after, a:visited:after {
    content: " [" attr(href) "] ";
    font-size: 90%;
}

#fuori-menu{
    text-align: center;
}

#fuori-menu h2{
    text-align: start;
    color: var(--bgcolor2);
}

#lista-FM {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--txtcolor);
    justify-content: space-around;
}

#lista-FM li {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    margin-bottom: 16px;
}

#lista-FM li img {
    display: block;
    width: 130px;
    height: auto;
    padding-right: 80px;
}

#lista-FM li a {
    color: var(--txtcolor);
    text-decoration: none;
}

#lista-FM li a:hover {
    text-decoration: none;
}

#lista-FM li a:link:after, a:link:visited{
    display: none;
}

#download-container h2{
    color: var(--bgcolor2);
}

#download-container .download-column p{
    margin: -0.5px;
}

/*
------------------
MENU PRENOTA PAGE
------------------
*/

#smallMenu{
    display: flex;
    flex-direction: column;
}

#smallMenu h1{
    color: var(--bgcolor2);
}

#smallMenu a{
    margin-bottom: 8px;
}

#filtri{
    display: none;
}

.menu-prodpercat img{
    display: block;
    margin: 8px 8px 3.2px;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.menu-prodpercat .pizza-container {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
}


.pizza {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--txtcolor);
}

.pizza-testo {
    width: 500px;
    margin-left: 24px;
}

.pizza-testo h3{
    display: flex;
    flex-direction: row;
}

.pizza-testo img{
    width: 17.4px;
    height: 17.4px;
    margin: 0;
    margin-left: 8.8px;
}

.pizza .pizza-prezzo{
    margin-left: 16px;
    width: 80px;
}

.order-actions{
    display: none;
}

/*
------------
CARRELLO PAGE
------------
*/

.order-container img{
    display: block;
    width: 18px;
}

.order-summary{
    width: auto;
    border: 1px solid var(--txtcolor);
}

.order-summary .recap-pizze{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.order-summary h3{
    margin-bottom: 16px;
    margin-left: 16px;
}

.row{
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 48px;
    margin-left: 32px;
}

.dettaglioItem {
    flex-direction: column;
}

.controlloQuantita {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.order-summary #prezzoTot{
    margin-left: 16px;
}

textarea[name="note"]{
    display: block;
    margin: 16px;
}

#FM-content #lista-FM {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--txtcolor);
}

#FM-content #lista-FM li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    width: 33%;
}

#FM-content #lista-FM li form{
    display: none;
}

#FM-content #lista-FM li img {
    display: block;
    width: 130px;
    height: auto;
}

#FM-content #lista-FM li a {
    color: var(--txtcolor);
    text-decoration: none;
}

#FM-content #lista-FM li a:hover {
    text-decoration: none;
}

/*
---------------------
AGGIUNGI INGREDIENTE-PIZZA-CUCINA
---------------------
*/

.errorSuggestion.mex{
    display: none;
}

.invia-button{
    margin-bottom: 16px;
}

.form-fieldset{
    margin-bottom: 16px;
}

label[for="prezzo"], span[class="default-text"] {
    display: block;
    margin-bottom: 8px;
}

#cat{
    display: block;
    margin-top: 8px;
}

input[name="nome"]{
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

#descr{
    display: block;
}

label[for="file"], .form-fieldset #file{
    display: none;
}

#ffc-2 {
    display: none;
}

main#content h1{
    color: var(--bgcolor2);
}
/*
-------------
CHI SIAMO
-------------
*/

#titoloPagSecondaria{
    margin: 0;
    color: var(--bgcolor2);
}

#chi-siamo-contenitore{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.chi-siamo-items{
    width: 33%;
}

.chi-siamo-items p{
    max-width: 92%;
    margin: auto;
}

.chi-siamo-sezbordo{
    border-right: 1px solid var(--txtcolor);
}

.chi-siamo-titoli{
    text-align: center;
}

#chi-siamo-storia{
    margin-top: 50px;
}

/*
-------------
CHI SIAMO
-------------
*/

.dashboard{
    display: flex;
    flex-direction: column;
}

#dashboard-sottoItems{
    margin-left: 30px;
}

#paragrafdash{
    margin-top: -5px;
}

/*
-------------
RIEPILOGO ORDINI
-------------
*/

#tabella-ordini table{
    width: 100%;
    border-collapse: collapse;
}

#tabella-ordini caption{
    margin-top: 10px;
    margin-bottom: 10px;
}

#tabella-ordini th,td {
    border: 1px solid var(--txtcolor);
}

#tabella-ordini td{
    text-align: center;
}

.noprint{
    display: none;
}

#filtriPrint{
    display: flex;
    flex-direction: column;
    margin-top:10px;
}

#filtriPrint input{
    margin-top:3px;
}

#filtriPrint select{
    margin-top:3px;
}

#filtriPrint label {
    margin-top: 10px;
}

#descrTabella{
    margin-top: 20px;
}


/*
-------------
DETTAGLI-ORDINE
-------------
*/

#descrTabella{
    margin-top: 20px;
}

/*
-------------
AREA-RISERVATA
-------------
*/

.form-fieldset{
    display: flex;
    flex-direction: column;
}

.invia-button{
    width: 20%;
    margin-top:10px;
}