/* Styles pour la grille des concerts */

table#schedule {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  table-layout: fixed;
  font-family: Arial Narrow, sans-serif;
}

th, td {
  border: 0;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  background-clip: padding-box;
}

table tr:nth-child(even) td:not(.concert-cell, .day-label) { background-color: #FFF;   opacity:0.2;}
table tr:nth-child(odd) td:not(.concert-cell, .day-label)  { background-color: #FFF;   opacity:0.5;}

.day-label {
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
  line-height:0.8em;
  opacity:1;
}

.concert-cell {
  background: linear-gradient(#DbF523, #bbC500); 
  color: #250;
  line-height: 1rem;
  font-size: 0.65rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.concert-artist {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}

.concert-venue {
  font-size: 0.8rem;
}

td.hour-border, th.hour-border { border-left: 1px dotted #ccc; }
td.end-hole, th.end-hole { border-left: 3px dotted #FFF; }

/* Agrandir la cellule de concert au survol */
.concert-cell a {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.concert-cell a:hover {
  transform: scale(1.1);
  z-index: 10;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

.concert-cell:hover {
  color:#000;
  background: linear-gradient(#EEFF23, #cbd503); 
}