/* calendar */
.ssc-calendars{display: flex; gap: 20px; font-size: 16px;}
.ssc-wrapper{max-width:900px;margin:20px auto;font-family:sans-serif}
.ssc-header{display:flex;gap:10px;margin-bottom:20px}
.ssc-box{flex:1;padding:12px;border-radius:6px;text-align:center}
.ssc-box-base{background:#e6edf8}
.ssc-box-express{background:#fce3e6}
.ssc-box-normal{background:#e7f3df}
.ssc-table{width:100%;border-collapse:collapse}
.ssc-table th,.ssc-table td{border:1px solid #ccc;padding:6px;text-align:center}
.ssc-sun,.ssc-sat,.ssc-holiday{background:#f0f0f0!important}
.ssc-selected-base{background:#c4d4f3!important}
.ssc-selected-express{background:#f7c9d3!important}
.ssc-selected-normal{background:#cde7b8!important}
#ssc-base-date,#ssc-express-date,#ssc-normal-date{
  font-weight: bold;
}
.ssc-table thead th,
.ssc-table tr:first-child th {
  background-color: #F8F8F0;
}
@media (max-width: 900px) {
  .ssc-calendars{display: block; font-size: 15px;}
  .ssc-table:first-child{
    margin-bottom: 1em;
  }
  .ssc-box{
    font-size: 16px;
  }
}

/* shortcode output */
.ssc-out-month{font-size:1.6em;font-weight:bold}
.ssc-out-day{font-size:2em;font-weight:bold}
.ssc-out-week{font-size:0.9em}

/* ===== カレンダー凡例 ===== */
.ssc-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 16px;
    font-size: 14px;
  }
  .ssc-legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .ssc-legend-box {
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
  /* 色はカレンダーと同じ */
  .ssc-legend-holiday {
    background: #f0f0f0;
  }
  .ssc-legend-base {
    background: #c4d4f3;
  }
  .ssc-legend-express {
    background: #f7c9d3;
  }
  .ssc-legend-normal {
    background: #cde7b8;
  }

  /* 選択可能な日付 */
.ssc-selectable {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}
.ssc-date:not(.ssc-selectable) {
  color: #aaa;
  cursor: default;
}