.stampaordine .logoarea { text-align: center; display: flex; justify-content: center; }
.stampaordine .logoarea img { width: 220px; height: 120px; object-fit: cover }
.stampaordine .headsummaryarea { text-align: center; margin: 20px 0; }
.stampaordine .headsummaryarea > span { display: block; margin-bottom: 12px; font-weight: 700; font-size: 1.3rem;}
.stampaordine .headsummaryarea > span.date { font-size: 1.1rem}
.stampaordine .headsummaryarea > span.ordernumber {  color: var(--primary-color)}
.stampaordine > div { margin-bottom: 30px; }
.stampaordine .headsummaryarea > span.www { font-size: 1.4em; margin-bottom: 30px; display: none}
.stampaordine table { width: 100%; }
.stampaordine table thead { background-color: var(--primary-color); color: #FFF }
.stampaordine table thead tr.header td { background-color: #EEE; color: #000 }
.stampaordine table th { padding: 10px; text-align: left; text-transform: uppercase; font-size: 1em; border-bottom: 1px solid #EEE; }
.stampaordine table td { padding: 10px 10px; text-align: left; line-height: 1.7em; border-bottom: 1px solid #EEE; }
.stampaordine table tr:last-child td { border-bottom: 0; }
.stampaordine .totalbill tbody tr:last-child{ color: var(--primary-color); font-size: 1.2rem }

@media (max-width:767px) {
    /* account area orders */
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine table { font-size: 0.9em; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .logoarea img { max-width: 160px; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table th { display: none; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table tbody { display: block; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table tr td { display: block; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table tr:not(:last-child) { display: block; margin-bottom: 30px; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table tr:last-child { font-size: 1.1em; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table tr td:first-child { font-weight: 700; }
    .account-wrapper > div.account-content-wrapper .account-orders-wrapper .account-orders .account-order .account-order-content.stampaordine .ordersummary table td > span { display: block !important; margin-bottom: 5px; font-weight: 700; }
}

@media (max-width:480px) {
    .stampaordine table {font-size:0.9em;}
    .stampaordine .logoarea img { max-width: 160px; }
    .stampaordine .ordersummary table th {display:none;}
    .stampaordine .ordersummary table tbody {display:block;}
    .stampaordine .ordersummary table tr td { display: block; }
    .stampaordine .ordersummary table tr:not(:last-child) {display:block; margin-bottom:30px;}
    .stampaordine .ordersummary table tr:last-child {font-size:1.1em;}
    .stampaordine .ordersummary table tr td:first-child {font-weight:700;}
    .stampaordine .ordersummary table td > span { display: block !important; margin-bottom: 5px; font-weight: 700; }
}

@media print {
    form > *:not(main), form > main > *:not(.content-wrapper), .cart-ending-wrapper > *:not(.cart-ending-content), .cart-ending-wrapper > .cart-ending-content > *:not(.stampaordine) { display: none !important; }
    .content-wrapper { margin: 0 !important; padding: 0 !important; }
    .cart-ending-wrapper { margin: 10px !important; padding: 0 !important; font-size:0.8em; }
    .stampaordine .logoarea {display:none !important;}
}