/* css/table-styles.css */
table {
    border-collapse: collapse;
}

th,
td {
    padding: 5px;
    text-align: center;
    min-width: 60px;
    /* Ensures cells have a minimum width */
}

th {
    background-color: #f2f2f2;
}
.deck {
  display: flex;      
  justify-content: center;
}

.unclickable {
    pointer-events: none; /* Disable click events */
    /*background-color: #f0f0f0;  Change background to indicate it's unclickable */
    height: 50px;
    /*color: #a0a0a0;  Optional: Change text color to indicate disabled state */
}


/* Make Text Overlap */
.icon-container {
    position: relative;
    display: inline-block;
}
.overlap-text {
    position: absolute;
    font-size: smaller;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Change color as needed */
    font-weight: bold; /* Adjust as needed */
    pointer-events: none; /* Allow clicks to go through to the icon */
    text-shadow: 1px 1px dimgray;
}

.booking-icon {
    width: 50px;
    transform: rotate(270deg);
}

.mBooking-icon {
    width: 50px;
}

#main-table {
    width: 100%;
    border-collapse: collapse; /* Optional: if you want to remove borders between cells */
}

.data-row td {
    display: table-cell; /* Prevents flex behavior */
    height: 50px; /* Customize height */
    width: 100%;   /* Customize width */
    background-color: #f0f0f0; /* Optional background color */
    text-align: center; /* Center text */
    border: none; /* Remove borders */
    padding: 0; /* Remove padding to avoid inheriting from main table */
}

.seat-style-cell {
    background-color: white;
    display: flex;
    justify-content: center;
}