/*
Theme Name: Pixgraphy Child
Description: Pixgraphyの子テーマ
Author: Shumi
Author URI: https://shumi.cuelebre.net/
Template: pixgraphy
Version: 1.0.0
Text Domain: pixgraphy-child
*/

/* ==========================================
   アクセントカラー変数化(赤 → 青系に統一)
========================================== */
:root {
	--link-color: #007cba;
	--link-color-hover: #33a8e2;
}

/* ---------- 1. 基本リンク ---------- */
a {
	color: var(--link-color);
}
a:hover,
a:focus {
	color: var(--link-color-hover);
}
ul li a:hover,
ol li a:hover {
	color: var(--link-color-hover);
}

/* ---------- 2. 本文中のリンク ---------- */
.entry-content a:hover,
.entry-content a:focus {
	color: var(--link-color-hover);
}

/* ---------- 3. テキスト選択時のハイライト ---------- */
::selection {
	background: var(--link-color);
}
::-moz-selection {
	background: var(--link-color);
}

/* ---------- 4. ボタン類 ---------- */
.btn-default:hover {
	background-color: var(--link-color-hover);
	border: 1px solid var(--link-color-hover);
}
.vivid {
	background-color: var(--link-color);
	border: 1px solid var(--link-color);
}
input[type="reset"],
input[type="button"],
input[type="submit"] {
	background-color: var(--link-color);
}
.search-submit {
	background-color: var(--link-color);
	border: 1px solid var(--link-color);
}

/* ---------- 5. TOPへ戻るボタン ---------- */
.go-to-top a {
	border: 2px solid var(--link-color);
	color: var(--link-color);
}
.go-to-top a:hover,
.go-to-top a:focus {
	background-color: var(--link-color-hover);
}

/* ---------- 6. アクセシビリティ(スキップリンク) ---------- */
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	color: var(--link-color-hover);
}

/* ---------- 7. ヘッダー検索アイコン ---------- */
.header-search:hover,
.header-search-x:hover {
	color: var(--link-color-hover);
}

/* ---------- 8. トップヘッダー連絡先ウィジェット ---------- */
.top-header .widget_contact ul li a:hover {
	color: var(--link-color-hover);
}

/* ---------- 9. メインナビゲーション ---------- */
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
	color: var(--link-color-hover);
}
.main-navigation ul li ul li a:focus,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: var(--link-color-hover);
}

/* ---------- 10. 記事タイトル・メタ情報 ---------- */
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: var(--link-color-hover);
}
.entry-meta a:hover,
.cat-links a:hover,
.tag-links a:hover {
	color: var(--link-color-hover);
}
.post-container .entry-title:after {
	background-color: var(--link-color);
}
.post-container .entry-title a:hover {
	color: var(--link-color-hover);
}
#post_masonry .has-post-thumbnail .entry-title a:hover,
#post_masonry .post-container .entry-header .entry-meta a:hover,
#post_masonry .has-post-thumbnail .entry-header .entry-meta a i:hover {
	color: var(--link-color-hover);
}

/* ---------- 11. サイドバー・ウィジェット ---------- */
.widget ul li a:hover,
.widget ul li a:focus {
	color: var(--link-color-hover);
}
.widget-title a:hover {
	color: var(--link-color-hover);
}
.widget_contact ul li a:hover {
	color: var(--link-color-hover);
}

/* ---------- 12. フッター ---------- */
.site-info .copyright a:hover,
.site-info .copyright a:focus {
	color: var(--link-color-hover);
}
#colophon .widget ul li a:hover,
#colophon .widget ul li a:focus {
	color: var(--link-color-hover);
}
#footer-navigation a:hover,
#footer-navigation a:focus {
	color: var(--link-color-hover);
}

/* ---------- 13. bbPress(フォーラム) ---------- */
#bbpress-forums .bbp-topics a:hover {
	color: var(--link-color-hover);
}
.bbp-submit-wrapper button.submit {
	border: 1px solid var(--link-color);
	background-color: var(--link-color);
}

/* ---------- 14. WooCommerce ---------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: var(--link-color);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--link-color);
}
.woocommerce-demo-store p.demo_store {
	background-color: var(--link-color);
}
.woocommerce .woocommerce-message:before {
	color: var(--link-color);
}