/*
Theme Name: child_theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Template: hello-elementor
Version: 2.4.1
*/

/* === Forza layout a 2 colonne dentro ogni cella giorno === */
.corsi-orari-table td.tcol-day > .day-cell {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 colonne */
  gap: 8px;
  align-items: center;
}

.day-cell :only-child {
	  grid-column: 1 / -1; /* occupa tutte le colonne */

}

/* I blocchi sala (sia <div> che <a>) non devono essere width:100% */
.corsi-orari-table td.tcol-day > .day-cell > .sala-block {
  display: block !important;
  width: auto !important; /* batte eventuale width:100% del tema */
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 6px;
  text-decoration: none;
  color: inherit;
  overflow:scroll;
}

/* Opzionale: su schermi grandi metti 3 colonne */
@media (min-width: 1400px) {
  .corsi-orari-table td.tcol-day > .day-cell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Opzionale: su mobile una colonna sola */
@media (max-width: 575.98px) {
  .corsi-orari-table td.tcol-day > .day-cell {
    grid-template-columns: 1fr;
  }
}


/* ===============================
   STILE ORARIO CORSI MULTISALA
   =============================== */

.corsi-orari-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  font-family: var(--e-global-typography-primary-font-family, sans-serif);
  color: var(--e-global-color-text);
}

.corsi-orari-table th,
.corsi-orari-table td {
  border: 1px solid #ddd;
  padding: 0.2em;
  vertical-align: top;
}

.corsi-orari-table thead th {
  background: #f5f5f5;
  color: #222;
  font-weight: 700;
  font-size: 0.95em;
  text-transform: uppercase;
}

/* ---------- Celle Orario ---------- */
.tcol-time{
width:80px;
}
/* ---------- Blocco orario ---------- */
.corsi-orari-table th.tcol-time, thead th.tcol-day
  {
  background: #c097d1;
  color: #FFF;
  font-weight: 600;
/*   width: 80px; */
}

/* ---------- Celle giorno ---------- */
.corsi-orari-table td {
  background: #fff;
  padding:4px;
}

/* ---------- Divisione sale ---------- */
.corsi-orari-table .day-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}


.corsi-orari-table .sala-block {
  flex: 1;
  border-radius: 4px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.7em;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.corsi-orari-table .sala-A {
  background-color: #ffe2f0; /* rosa chiaro */
  border-top: 4px solid #e20074; /* rosa acceso */
}

.corsi-orari-table .sala-B {
  background-color: #eaffec; /* verde chiaro */
  border-top: 4px solid #47b74b; /* verde scuro */
}

/* DIV Corso */
.slot{
justify-items: flex-start;}

/* ---------- Titolo corso ---------- */

.slot-title {
  font-weight: 600 !important;
  color: #000 !important;
  text-decoration: none;
  text-transform:uppercase;
  text-align: start;
}

.corsi-orari-table .slot-title a:hover {
  text-decoration: underline;
}

/* ---------- Orario ---------- */
.corsi-orari-table .slot-time {
  font-size: 1em;
  color: #555;
}

/* ---------- Etichetta sala ---------- */
.corsi-orari-table .sala-label {
  display: block;
  font-weight: 700;
  font-size: 0.75em;
  text-transform: uppercase;
  color: #333;
}

/* ---------- Celle vuote ---------- */
.corsi-orari-empty {
  color: rgba(0,0,0,0.2);
  font-size: 0.9em;
  display: block;
  padding: 6px 0;
}

.sala-block:hover{
background-color: #d3ff3a;

}
/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .corsi-orari-table th,
  .corsi-orari-table td {
    font-size: 0.8em;
    padding: 0.3em;
  }
  .corsi-orari-table .sala-block {
    font-size: 0.75em;
  }
	.corsi-orari-box {
		overflow-x:scroll;
}
	.corsi-orari-table{
     width:600px}
	.tcol-time{
     display:none}
	
}


/* Colore Corsi */
/* esempi */
.course-pilates  { background-color:#d5f5e3; } /* verde chiaro */
.course-yoga     { background-color:#f9d5e5; } /* rosa chiaro */
.course-zumba    { background-color:#fcf3cf; }
.course-spinning { background-color:#d6eaf8; }

/* palette generica per corsi non mappati */
.course-color-1  { background-color:#FFCDD2; } /* rosa chiaro */
.course-color-2  { background-color:#F8BBD0; }
.course-color-3  { background-color:#E1BEE7; }
.course-color-4  { background-color:#D1C4E9; }
.course-color-5  { background-color:#C5CAE9; }
.course-color-6  { background-color:#BBDEFB; } /* azzurro chiaro */
.course-color-7  { background-color:#B3E5FC; }
.course-color-8  { background-color:#B2EBF2; }
.course-color-9  { background-color:#B2DFDB; }
.course-color-10 { background-color:#C8E6C9; } /* verde pastello */
.course-color-11 { background-color:#DCEDC8; }
.course-color-12 { background-color:#F0F4C3; }
.course-color-13 { background-color:#FFF9C4; }
.course-color-14 { background-color:#FFECB3; } /* giallo caldo visibile */
.course-color-15 { background-color:#FFE0B2; }
.course-color-16 { background-color:#FFCCBC; }
.course-color-17 { background-color:#D7CCC8; }
.course-color-18 { background-color:#fdebd0; }
.course-color-19 { background-color:#F5D0A9; }
.course-color-20 { background-color:#F7BE81; } /* arancione chiaro */


.course-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 6px;
    line-height: 1.2;

}

.course-badge-new {
    background-color: #e53935; /* rosso */
    color: #ffffff;
	transform: rotate(-15deg);
	margin:0px 0px 5px 0px;
}

/* Icona online */
.course-online-icon {
    font-size: 0.9em;
    margin-left: 0.3em;
    vertical-align: middle;
}