/**
 * Biglietteria - Stili Schermi Grandi
 * Breakpoint: min-width 1025px e superiori
 * ============================================================================
 */

/* Desktop grande (1025px - 1199px) */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    
    .width-container-pro {
        width: 100% !important;
    }
}

/* Megaschermo (min-width: 1200px) */
@media screen and (min-width: 1200px) {
    /* Stili per schermi molto grandi */
}

/* Report layout su schermi grandi (max-width: 1200px significa che sopra 1200px usa il default) */
@media screen and (max-width: 1200px) {
    .bg-report-wrapper {
        grid-template-columns: 1fr;
    }
    .bg-report-main,
    .bg-report-sidebar {
        grid-column: 1;
        width: 100%;
    }
    .bg-report-sidebar {
        position: static;
        margin-top: 30px;
    }
}

/* Stampa */
@media print {
    .bg-report-selector,
    .bg-email-purchasers,
    .print-button,
    .bg-back,
    button {
        display: none;
    }
    .bg-sales-report td,
    .bg-sales-report th {
        border: 1px solid #f0f0f0;
    }
    .bg-sales-report tr:nth-of-type(odd) {
        background: #fefefe;
    }
}

/* ============================================================================
 * CARRELLO MODERNO - SCHERMI GRANDI
 * ============================================================================ */

/* Carrello moderno desktop (min-width: 1025px) */
@media (min-width: 1025px) {
    
}

/* ============================================================================
 * STILI ESTRATTI DA ALTRI FILE CSS
 * ============================================================================ */

/* -------------------------------------------------------------------------
 * Da bg-myaccount.css - Shop table desktop (min-width: 783px)
 * ------------------------------------------------------------------------- */
@media (min-width: 783px) {
    .woocommerce-account .bg-myaccount-wrap table.shop_table { display: table; width: 100%; table-layout: auto; }
    .woocommerce-account .bg-myaccount-wrap table.shop_table thead { display: table-header-group; }
    .woocommerce-account .bg-myaccount-wrap table.shop_table tbody { display: table-row-group; }
    .woocommerce-account .bg-myaccount-wrap table.shop_table tr { display: table-row; }
    .woocommerce-account .bg-myaccount-wrap table.shop_table th,
    .woocommerce-account .bg-myaccount-wrap table.shop_table td { display: table-cell; }
    
    .woocommerce-account .bg-myaccount-wrap table.shop_table th.actions,
    .woocommerce-account .bg-myaccount-wrap table.shop_table td.actions { width: 260px; }
    
    .woocommerce-account .bg-myaccount-wrap table.shop_table td:not(.actions) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .woocommerce-account .bg-myaccount-wrap table.shop_table td.actions {
        justify-content: flex-end;
        gap: 8px;
        white-space: nowrap; 
        overflow: visible; 
    }
    .woocommerce-account .bg-myaccount-wrap table.shop_table td.actions > a.button,
    .woocommerce-account .bg-myaccount-wrap table.shop_table td.actions > form { flex: 0 0 auto; }

    body .woocommerce .woocommerce-MyAccount-content { border-left: none; }
}