/* ===== Event Calendar Manager – Frontend CSS ===== */

.ecm-calendar { font-size: 14px; color: #333; }

/* 月ナビ */
.ecm-month-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f0f4f8;
  border-radius: 4px;
}
.ecm-month-nav a {
  font-size: 13px;
  color: #1a5fa8;
  padding: 4px 10px;
  border: 1px solid #c0d0e0;
  border-radius: 3px;
  background: #fff;
  text-decoration: none;
}
.ecm-month-nav a:hover { background: #e8f0f8; }

/* 月セクション */
.ecm-month-section { margin-bottom: 24px; }
.ecm-month-heading {
  font-size: 15px;
  background: #e8f0f8;
  border-left: 4px solid #1a5fa8;
  padding: 8px 12px;
  margin: 0 0 0 0;
  color: #1a5fa8;
}

/* テーブルラッパー（横スクロール対応） */
.ecm-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* カレンダーテーブル */
.ecm-cal-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}
.ecm-cal-table th {
  background: #f0f4f8;
  font-size: 12px;
  font-weight: bold;
  color: #555;
  padding: 7px 8px;
  border: 1px solid #ccc;
  text-align: center;
  white-space: nowrap;
}
.ecm-cal-table td {
  padding: 7px 8px;
  border: 1px solid #ddd;
  font-size: 13px;
  vertical-align: top;
}
.ecm-cal-table tr:hover td { background: #fafafa; }
.ecm-cal-table a { color: #1a5fa8; }
.ecm-cal-table a:hover { text-decoration: underline; }

/* 列幅 */
.col-date    { white-space: nowrap; color: #555; width: 130px; }
.col-title   { min-width: 180px; }
.col-content { width: 80px;  text-align: center; }
.col-online  { width: 80px;  text-align: center; }
.col-venue   { width: 80px;  text-align: center; }
.col-fee     { width: 70px;  text-align: center; }
.col-org     { width: 120px; }

.ecm-cal-empty { text-align: center; color: #aaa; font-style: italic; }

/* ===== レスポンシブ ===== */
@media screen and (max-width: 767px) {
  .ecm-month-nav { gap: 3px; padding: 8px; }
  .ecm-month-nav a { font-size: 12px; padding: 4px 7px; }
  .ecm-cal-table th,
  .ecm-cal-table td { font-size: 11px; padding: 5px 5px; }
  .col-date { width: 90px; }
}