@charset "UTF-8";
/* archive-office.css
   /office（CPTアーカイブ）専用。必要になったら追加。
*/

/* 一覧見出し（/officeのみ） */
.post-type-archive-office .office-listing__title {
  font-size: clamp(20px, 2.2vw, 26px);
}

/* /office はPC2カラム（taxonomy寄り） */
.post-type-archive-office .office-listing__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 960px) {
  .post-type-archive-office .office-listing__grid {
    grid-template-columns: 1fr;
  }
}

/* 検索条件の要約（件数 + 条件チップを横並び） */
.post-type-archive-office .office-listing__activeSummary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.post-type-archive-office .office-listing__chips.is-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.post-type-archive-office .office-listing__chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.82);
}

/* 検索条件エリアの補助情報（件数 + 操作） */
.post-type-archive-office .office-listing__summaryMeta {
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(11, 95, 255, 0.04);
}

.post-type-archive-office .office-listing__resultCount,
.post-type-archive-office .office-listing__activeCount {
  margin: 0;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.74);
}

.post-type-archive-office .office-listing__resultCount strong {
  font-size: 17px;
  line-height: 1;
  color: #0b3bb5;
}

.post-type-archive-office .office-listing__activeCount {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  margin: 0;
  border-radius: 999px;
  font-weight: 800;
  background: rgba(11, 95, 255, 0.12);
  color: rgba(12, 39, 94, 0.95);
}

.post-type-archive-office .office-listing__actions {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.post-type-archive-office .office-listing__action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.post-type-archive-office .office-listing__action::after {
  content: "›";
  opacity: 0.55;
}

.post-type-archive-office .office-listing__action.is-primary {
  background: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}

.post-type-archive-office .office-listing__action.is-secondary {
  background: rgba(255, 255, 255, 0.95);
  color: #111;
}

.post-type-archive-office .office-listing__action:hover {
  text-decoration: none;
  border-color: rgba(0, 0, 0, 0.2);
}


@media (max-width: 600px) {
  .post-type-archive-office .office-listing__summaryMeta {
    padding: 8px;
  }

  .post-type-archive-office .office-listing__chip {
    font-size: 11px;
  }
}