/**
 * Theme Name:   Astra Child
 * Theme URI:    https://wpastra.com/
 * Description:  Astra の子テーマ。フッターSNS非表示などのカスタムCSSを追加します。
 * Author:       Custom
 * Template:     astra
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  astra-child
 */

/*
 * フッターの SNS アイコンを非表示
 * Astra: #colophon = フッターの id（template-parts/footer/builder/desktop-builder-layout.php）
 * ソーシャルは components.php の data-section="section-fb-social-icons-1" と
 * class ast-footer-social-wrap / footer-social-inner-wrap で出力される
 */

/* Astra Footer Builder：SNS ブロック全体（ラッパー div） */
#colophon [data-section^="section-fb-social-icons-"],
footer [data-section^="section-fb-social-icons-"] {
	display: none !important;
}

/* Astra：ソーシャルアイコンの内側ラッパー（render_social_icon の出力） */
#colophon .ast-footer-social-wrap,
#colophon .footer-social-inner-wrap,
footer .ast-footer-social-wrap,
footer .footer-social-inner-wrap {
	display: none !important;
}

/* フッター内の .site-footer-focus-item で SNS の data-section を持つ要素 */
#colophon .site-footer-focus-item[data-section^="section-fb-social-icons-"],
footer .site-footer-focus-item[data-section^="section-fb-social-icons-"] {
	display: none !important;
}

/* Elementor でフッターを作っている場合（通常のフッター内） */
#colophon .elementor-widget-social-icons,
footer .elementor-widget-social-icons {
	display: none !important;
}

/* Elementor Theme Builder でフッターを差し替えている場合 */
.elementor-location-footer .elementor-widget-social-icons {
	display: none !important;
}

/* Elementor：フッター内のアイコン（SNS 等）を非表示（elementor-icon-wrapper で確実に） */
footer .elementor-icon-wrapper,
#colophon .elementor-icon-wrapper {
	display: none !important;
}

.elementor-location-footer .elementor-icon-wrapper {
	display: none !important;
}

/* 管理バー（ログイン時上部の黒いバー）を非表示 */
#wpadminbar {
	display: none !important;
}

/*
 * ヘッダー「登録」リンクを非表示（Elementor やボタンで作っている場合）
 * URL に register / signup / touroku 等が含まれるリンクを隠す
 */
header a[href*="register"],
header a[href*="signup"],
header a[href*="touroku"],
header a[href*="shinki-touroku"],
.elementor-location-header a[href*="register"],
.elementor-location-header a[href*="signup"],
.elementor-location-header a[href*="touroku"],
.elementor-location-header a[href*="shinki-touroku"] {
	display: none !important;
}

/*
 * お問い合わせセクション内の2ボタン（お問い合わせ・LINEで無料相談）のみ非表示
 * ヒーロー・右下フローティングCTAの同じクラスは隠さないようセクションで限定
 */
#contact .eae-button1,
#contact .eae-button2,
#contact .eae-dual-button-main-wrapper,
#contact-form .eae-button1,
#contact-form .eae-button2,
#contact-form .eae-dual-button-main-wrapper,
[id*="contact"] .eae-button1,
[id*="contact"] .eae-button2,
[id*="contact"] .eae-dual-button-main-wrapper {
	display: none !important;
}

/* マイページ：Ninja Forms の「お見積り依頼」送信ボタンを非表示（代わりにJSで決済ボタンを表示） */
#nf-field-36-wrap {
	display: none !important;
}

/* マイページ：差し替え用「クレジットカードで決済する」ボタン */
.astra-child-payment-btn {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 1rem auto;
	padding: 1rem 1.5rem;
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
	color: #fff !important;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(245, 158, 11, 0.35);
	transition: background 0.25s, transform 0.2s;
}
.astra-child-payment-btn:hover {
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
	transform: translateY(-2px);
	color: #fff !important;
}

/* ログアウトリンク（ヒーロー・右下CTA）の視認性向上 */
a.astra-child-logout,
.astra-child-logout {
	color: #fff !important;
	font-weight: 700 !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
a.astra-child-logout:hover,
.astra-child-logout:hover {
	color: #fff !important;
	opacity: 0.9;
}
/* ボタン風のログアウト（背景がある場合） */
a.astra-child-logout.elementor-button,
.astra-child-logout[class*="elementor-button"],
.astra-child-logout[class*="eae-button"] {
	background: linear-gradient(135deg, #9d174d 0%, #831843 100%) !important;
	color: #fff !important;
	border-color: #831843 !important;
}
a.astra-child-logout.elementor-button:hover,
.astra-child-logout[class*="elementor-button"]:hover,
.astra-child-logout[class*="eae-button"]:hover {
	background: linear-gradient(135deg, #be185d 0%, #9d174d 100%) !important;
	color: #fff !important;
}