/* CSS Responsive - BilletWeb Widget - SANS BORDURES INTERNES */

/* Tableau - SANS bordures */
table, th, td {
    border: none !important;
    background-color: transparent !important;
}

/* Supprimer bordures/fonds des sections INTERNES */
.card-dates-table,
.card-widget,
.info-box {
    background: transparent !important;
    border: none !important;
    padding: 10px !important;
}

.info-box {
    flex: 1 !important;
    padding: 20px !important;
}

.info-box h3 {
    color: #f0ad4e !important;
    font-size: 1.2em !important;
    margin-bottom: 15px !important;
}

/* Container flex */
.spectacle-info-container {
    display: flex !important;
    gap: 20px !important;
    margin-top: 30px !important;
}

/* Media queries mobile */
@media screen and (max-width: 768px) {
    table {
        font-size: 11px !important;
    }
    
    table th, table td {
        padding: 5px 6px !important;
        font-size: 11px !important;
    }
    
    .spectacle-info-container {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 480px) {
    table {
        font-size: 9px !important;
    }
    
    table th, table td {
        padding: 3px 4px !important;
        font-size: 9px !important;
    }
    
    .info-box {
        padding: 15px !important;
    }
}

@media screen and (max-width: 360px) {
    table {
        font-size: 8px !important;
    }
    
    table th, table td {
        padding: 2px 3px !important;
        font-size: 8px !important;
    }
}