/* Solstitium v36.17 - Calendario prenotazioni collegato */
#calendario-prenotazioni.view {
  padding: 0;
}

.sol-booking-calendar-page {
  max-width: 1500px;
  margin: 0 auto;
  padding: 28px 18px 42px;
}

.sol-booking-calendar-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.sol-booking-calendar-head h1 {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--sol-text, #f4f7f5);
}

.sol-booking-calendar-head p {
  max-width: 760px;
  margin: 8px 0 0;
  color: var(--sol-muted, rgba(242, 245, 255, .72));
  font-weight: 500;
}

.sol-booking-calendar-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sol-calendar-mode,
.sol-calendar-nav,
.sol-calendar-action {
  border: 1px solid var(--sol-border, rgba(255,255,255,.14));
  background: var(--sol-panel-2, rgba(18, 22, 38, .88));
  color: var(--sol-text, #f4f7f5);
  border-radius: 8px;
  padding: 9px 13px;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
}

.sol-calendar-mode.active,
.sol-calendar-action.primary {
  background: var(--sol-accent, #2f7d7b);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}

.sol-booking-calendar-shell {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(360px, 1fr);
  gap: 18px;
}

.sol-calendar-card,
.sol-calendar-side {
  border: 1px solid rgba(255, 255, 255, .08);
  background: var(--sol-panel, rgba(17, 21, 35, .92));
  border-radius: 8px;
  box-shadow: none;
}

.sol-calendar-card {
  padding: 18px;
}

.sol-calendar-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.sol-calendar-title {
  color: var(--sol-text, #f8fafc);
  text-align: center;
  font-size: 1.15rem;
  font-weight: 900;
  text-transform: lowercase;
}

.sol-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.sol-calendar-weekday {
  color: var(--sol-muted, #8aa2ba);
  text-align: center;
  font-weight: 800;
  padding: 8px 0;
}

.sol-calendar-day {
  min-height: 108px;
  border: 1px solid var(--sol-border, rgba(255,255,255,.12));
  background: var(--sol-panel-2, rgba(26, 31, 49, .86));
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.sol-calendar-day:hover,
.sol-calendar-day.selected {
  border-color: rgba(157, 98, 255, .9);
  box-shadow: inset 0 0 0 1px rgba(47, 125, 123, .32);
}

.sol-calendar-day.muted {
  opacity: .42;
}

.sol-calendar-day-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  min-height: 20px;
}

.sol-calendar-day-num {
  font-weight: 900;
  color: var(--sol-text, #f4f7f5);
}

.sol-calendar-percent {
  display: none !important;
}

.sol-calendar-day-summary {
  color: var(--sol-muted, rgba(244,247,245,.64));
  font-size: .64rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: right;
  max-width: 58px;
}

.sol-calendar-chip {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 4px 7px;
  border-radius: 7px;
  border: 0;
  background: rgba(47, 125, 123, .88);
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.sol-calendar-more {
  margin-top: 5px;
  color: var(--sol-muted, #d8c7ff);
  font-size: .75rem;
  font-weight: 800;
}

.sol-calendar-side {
  padding: 18px;
}

.sol-calendar-side-title {
  color: var(--sol-text, #fff);
  font-size: 1.25rem;
  font-weight: 900;
  margin: 0 0 12px;
}

.sol-calendar-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
}

.sol-calendar-stat {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 12px;
  background: rgba(28, 33, 52, .86);
}

.sol-calendar-stat small {
  display:block;
  color:#b4bed0;
  text-transform: uppercase;
  font-size:.72rem;
  margin-bottom:7px;
}

.sol-calendar-stat strong {
  display:block;
  color:#fff;
  font-size:1.55rem;
}

.sol-calendar-capacity {
  border: 1px solid rgba(47, 125, 123, .28);
  background: rgba(47, 125, 123, .12);
  color: var(--sol-text, #d7fff6);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
}

.sol-calendar-area-list {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.sol-calendar-area-row {
  display:flex;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--sol-border, rgba(90, 231, 204, .22));
  background:var(--sol-panel-2, rgba(20, 62, 59, .55));
  border-radius:8px;
  padding:10px 12px;
  color:#e7fffa;
}

.sol-calendar-res-list {
  display:grid;
  gap:8px;
}

.sol-calendar-res-row {
  border: 1px solid var(--sol-border, rgba(255,255,255,.1));
  background: var(--sol-panel-2, rgba(27, 31, 48, .9));
  border-radius: 8px;
  padding: 10px 12px;
  color: #f8fafc;
}

.sol-calendar-res-main {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
}

.sol-calendar-res-main strong {
  color: var(--sol-text, #fff);
}

.sol-calendar-res-meta {
  color: var(--sol-muted, #c5cedc);
  font-size:.9rem;
}

.sol-calendar-row-actions {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.sol-calendar-row-actions button {
  border:0;
  border-radius:8px;
  padding:6px 9px;
  font-weight:800;
  cursor:pointer;
}

.sol-calendar-edit {
  background: var(--sol-accent, #2f7d7b);
  color:#fff;
}

.sol-calendar-delete {
  background: transparent;
  color: var(--sol-muted, #ffd3dd);
  border: 1px solid var(--sol-border, rgba(255,255,255,.14)) !important;
}

.sol-calendar-empty {
  color: var(--sol-muted, rgba(246, 248, 255, .7));
  text-align:center;
  padding: 56px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: var(--sol-panel, rgba(17,21,35,.9));
}

.sol-calendar-list-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px;
}

.sol-calendar-list-table th {
  color:#aebbd0;
  text-align:left;
  font-size:.78rem;
  text-transform:uppercase;
  padding:0 10px 4px;
}

.sol-calendar-list-table td {
  background:rgba(27,31,48,.94);
  color:#f8fafc;
  padding:11px 10px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sol-calendar-list-table td:first-child {
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:10px 0 0 10px;
}

.sol-calendar-list-table td:last-child {
  border-right:1px solid rgba(255,255,255,.08);
  border-radius:0 10px 10px 0;
}

@media (max-width: 980px) {
  .sol-booking-calendar-head,
  .sol-booking-calendar-shell { grid-template-columns: 1fr; display:block; }
  .sol-booking-calendar-actions { justify-content:flex-start; margin-top:14px; }
  .sol-calendar-side { margin-top:14px; }
  .sol-calendar-day { min-height:90px; }
}

@media (max-width: 720px) {
  .sol-booking-calendar-page {
    padding: 14px 10px 92px;
  }

  .sol-booking-calendar-head {
    margin-bottom: 12px;
  }

  .sol-booking-calendar-head h1 {
    font-size: 1.18rem;
  }

  .sol-booking-calendar-head p {
    display: none;
  }

  .sol-calendar-card {
    padding: 10px;
  }

  .sol-calendar-top {
    margin-bottom: 10px;
  }

  .sol-calendar-title {
    font-size: .96rem;
  }

  .sol-calendar-weekday {
    font-size: .68rem;
    padding: 4px 0;
  }

  .sol-calendar-grid { gap:5px; }
  .sol-calendar-day { min-height:62px; padding:6px; }
  .sol-calendar-day-summary {
    font-size: .56rem;
    max-width: 44px;
  }

  .sol-calendar-chip { display:none; }
  .sol-calendar-side { padding:14px; }
  .sol-calendar-list-table { font-size:.84rem; }
}