/* single.css
 * 投稿ページ（single.php）専用スタイル
 */

@charset "UTF-8";

/* =============================
  投稿ページ：タグバッジ表示
============================= */
.align-center-fix {
  font-size: 0.6rem;
  color: var(--wp--preset--color--dark-grey);
}

.align-center-fix a {
  text-decoration: none;
  color: var(--wp--preset--color--primary-accent);
  transition: color 0.2s ease;
}

.align-center-fix a:hover {
  color: var(--wp--preset--color--primary-accent);
}

.wp-block-post-terms.taxonomy-post_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

 /* 個別ページタグ */

.wp-block-post-terms.taxonomy-post_tag a {
  background-color: var(--wp--preset--color--primary-accent);
  color: var(--wp--preset--color--white);
  padding: 4px 8px;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-post-terms.taxonomy-post_tag a:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  padding: 3px 7px;
}

/* タグリスト装飾 */
.search-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.search-tags-list li a {
  background-color: var(--wp--preset--color--primary-accent);
  color: var(--wp--preset--color--white);
  padding: 4px 8px;
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  border: 1px solid var(--wp--preset--color--primary);
  font-size: 0.8rem;
}

.search-tags-list li a:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary) !important;
  border: 1px solid var(--wp--preset--color--primary);
}

/* サブカテゴリータグのデザイン */
.ai-subcat-tags a.ai-subcat-tag {
    background-color: var(--wp--preset--color--primary-accent);
    color: var(--wp--preset--color--white);
    padding: 4px 8px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    margin-right: 5px; /* タグ間のスペース */
    margin-bottom: 5px; /* 複数行になったときの余白 */
    font-size: 0.6rem;
}

.ai-subcat-tags a.ai-subcat-tag:hover {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}