@charset "UTF-8";

/* =========================================================
   ILCHI / EVENTS
   File: 10-events.css
   Site: 広島C2
   Updated: 2026-08-22

   方針：
   - The Events Calendar専用
   - 機能・カレンダー構造は変更しない
   - C2カラーと基本レイアウトのみ調整
========================================================= */


/* =========================================================
   1. メイン幅
========================================================= */

body.post-type-archive-tribe_events .mainSection,
body.single-tribe_events .mainSection {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

body.post-type-archive-tribe_events .sideSection,
body.single-tribe_events .sideSection {
  display: none !important;
}


/* =========================================================
   2. イベント検索ボタン
========================================================= */

.tribe-events
.tribe-events-c-search__button {
  background: #739565 !important;
  border-color: #739565 !important;
  color: #ffffff !important;

  border-radius: 999px !important;

  font-weight: 700 !important;

  box-shadow: none !important;
}

.tribe-events
.tribe-events-c-search__button:hover,
.tribe-events
.tribe-events-c-search__button:focus {
  background: #5f8053 !important;
  border-color: #5f8053 !important;
  color: #ffffff !important;
}


/* =========================================================
   3. 今月ボタン
========================================================= */

.tribe-events
.tribe-events-c-top-bar__today-button {
  border-color: #d8dfd3 !important;
  color: #35513f !important;

  border-radius: 8px !important;
}


/* =========================================================
   4. 月タイトル
========================================================= */

.tribe-events
.tribe-events-c-top-bar__datepicker-button {
  color: #17352c !important;
}


/* =========================================================
   5. カレンダー内リンク
========================================================= */

.tribe-events
a {
  text-decoration-color: #739565;
}

.tribe-events
.tribe-events-calendar-month__calendar-event-title-link {
  color: #35513f !important;
}


/* =========================================================
   6. スマホ
========================================================= */

@media screen and (max-width: 767px) {

  .tribe-events
  .tribe-events-c-search__button {
    width: 100% !important;
  }

}