/*
Theme Name: jin-child
Template: jin
Author: Asolvan
Description: Asolvan ブランドカラー統一テーマ
Version: 1.0
*/

/* Asolvan ブランドカラー統一 */

/* ★ ブログ記事カード */
.post, .post-card, .entry, article {
  background: #FFFFFF !important;
  border: 1px solid #EFEFEF !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.post:hover, .post-card:hover, .entry:hover, article:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-4px) !important;
}

/* 以下は既存のスタイル... */

/* ============================================
   Asolvan Blog - LIG 風デザイン統一
   ============================================ */

/* ★ ブログ記事カード */
.post, .post-card, .entry, article {
  background: #FFFFFF !important;
  border: 1px solid #EFEFEF !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.post:hover, .post-card:hover, .entry:hover, article:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-4px) !important;
}

/* ★ アイキャッチ画像 */
.post-thumbnail, .entry-image, .featured-image {
  display: block !important;
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ★ 記事メタ */
.post-meta, .entry-meta {
  font-size: 13px !important;
  color: #999 !important;
  padding: 20px 24px 0 24px !important;
  display: flex !important;
  gap: 16px !important;
}

.post-category, .entry-category {
  display: inline-block !important;
  background: #FF8C42 !important;
  color: white !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ★ 記事タイトル */
.post-title, .entry-title, h1.entry-title, h2.entry-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333 !important;
  padding: 16px 24px 0 24px !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.post-title a, .entry-title a {
  color: #333 !important;
  text-decoration: none !important;
}

.post-title a:hover, .entry-title a:hover {
  color: #FF8C42 !important;
}

/* ★ 記事抜粋 */
.post-excerpt, .entry-summary, .entry-content {
  font-size: 15px !important;
  color: #666 !important;
  line-height: 1.8 !important;
  padding: 12px 24px !important;
}

/* ★ Read More ボタン */
.read-more, .more-link, .post-link {
  display: inline-block !important;
  color: #FF8C42 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border: 2px solid #FF8C42 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  margin: 12px 24px !important;
}

.read-more:hover, .more-link:hover, .post-link:hover {
  background: #FF8C42 !important;
  color: white !important;
}

/* ★ サイドバー ウィジェット */
.sidebar, .primary-sidebar, .widget-area {
  margin-top: 60px !important;
}

.widget {
  background: #FFFFFF !important;
  border: 1px solid #EFEFEF !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}

.widget-title, .widgettitle, .sidebar h2, .sidebar h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #FF8C42 !important;
}

/* ★ 検索フォーム */
.search-form, .widget_search {
  display: flex !important;
  gap: 0 !important;
}

.search-form input[type="search"], .widget_search input {
  flex: 1 !important;
  padding: 12px 16px !important;
  border: 2px solid #ddd !important;
  border-radius: 8px 0 0 8px !important;
}

.search-form input[type="submit"], .widget_search input[type="submit"] {
  padding: 12px 24px !important;
  background: #FF8C42 !important;
  color: white !important;
  border: 2px solid #FF8C42 !important;
  border-radius: 0 8px 8px 0 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* ★ カテゴリ・タグ */
.widget_categories a, .widget_tag_cloud a {
  color: #333 !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  background: #F8F8F8 !important;
  border-radius: 20px !important;
  display: inline-block !important;
  margin: 4px !important;
  transition: all 0.3s ease !important;
}

.widget_categories a:hover, .widget_tag_cloud a:hover {
  background: #FF8C42 !important;
  color: white !important;
}

/* ★ Recent Posts / Comments */
.widget_recent_entries a, .widget_recent_posts a {
  color: #FF8C42 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.widget_recent_entries li, .widget_recent_posts li, .widget_recent_comments li {
  padding: 12px 0 !important;
  border-bottom: 1px solid #EFEFEF !important;
}

.widget_recent_entries li:last-child, .widget_recent_posts li:last-child, .widget_recent_comments li:last-child {
  border-bottom: none !important;
}

/* ★ ページネーション */
.pagination, .pager {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 40px 0 !important;
}

.pagination a, .pagination span, .pager a, .pager span {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #ddd !important;
  border-radius: 8px !important;
  color: #333 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.pagination a:hover, .pager a:hover {
  border-color: #FF8C42 !important;
  color: #FF8C42 !important;
}

.pagination .current, .pager .current {
  background: #FF8C42 !important;
  color: white !important;
  border-color: #FF8C42 !important;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
  .post-title, .entry-title { font-size: 18px !important; }
  .post-meta, .entry-meta { font-size: 12px !important; }
  .post-thumbnail, .entry-image { height: 200px !important; }
}

/*
Theme Name: jin-child
Template: jin
Author: Asolvan
Description: Asolvan ブランドカラー統一テーマ
Version: 1.0
*/