/*
Theme Name: Sunex
Description: 宮崎県の外構・エクステリア専門店サンエクのWordPressテーマ
Author: HANABIYA
Version: 1.0.0
Text Domain: sunex
*/

/* WordPress Required Classes */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* WordPress Editor Styles */
.wp-block-image {
	margin: 0 0 1em 0;
}

.wp-block-image img {
	height: auto;
	max-width: 100%;
}

.wp-block-quote {
	border-left: 4px solid #a69b8d;
	margin: 0 0 1.75em 0;
	padding-left: 1em;
}

/* Contact Form 7 Custom Styles */
.wpcf7-form {
	/* フォーム全体のスタイルリセット */
}

/* 名前・フリガナ行 */
.cf7-name-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	padding-top: 1rem;
}

@media (min-width: 768px) {
	.cf7-name-row {
		grid-template-columns: 1fr 1fr;
	}
}

/* メール・電話行 */
.cf7-contact-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	padding: 2rem 0;
}

@media (min-width: 768px) {
	.cf7-contact-row {
		grid-template-columns: 1fr 1fr;
	}
}

/* フィールドラッパー */
.cf7-field-wrapper {
	margin-bottom: 1rem;
}

/* ラベル */
.wpcf7-form label {
	display: block;
	color: #374151;
	font-weight: normal;
}

.required {
	color: #ef4444;
}

/* 入力フィールド共通 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	margin-top: 0.5rem;
	display: block;
	width: 100%;
	padding: 0.5rem;
	background-color: #f1f1f1;
	border: none;
	border-radius: 0.25rem;
	outline: none;
	transition: box-shadow 0.15s ease-in-out;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,

/* セレクトボックス */
.cf7-select-wrapper {
	position: relative;
}

.wpcf7-form select {
	margin-top: 0.5rem !important;
	padding: 0.5rem !important;
	padding-right: 2.5rem !important;
	border: none !important;
	border-radius: 0.25rem !important;
	background: #f1f1f1 !important;
	background-color: #f1f1f1 !important;
	color: #6b7280 !important;
	outline: none !important;
	width: 376px !important;
	max-width: 100% !important;
}

.wpcf7-form textarea {
	padding: 1rem;
	min-height: 200px;
	resize: vertical;
}

/* 送信ボタン */
.cf7-submit-wrapper {
	display: flex;
	justify-content: center;
	padding-top: 2rem;
}

.wpcf7-form input[type="submit"] {
	width: 100%;
	max-width: 24rem;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 1.125rem;
	border-radius: 9999px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	background-color: #b8cb8c;
	color: #262626;
	letter-spacing: -0.02em;
	border: none;
	cursor: pointer;
	transition: box-shadow 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* エラーメッセージ */
.wpcf7-not-valid-tip {
	color: #dc2626;
	font-size: 0.875rem;
	margin-top: 0.25rem;
	display: block;
}

/* レスポンスメッセージ */
.wpcf7-response-output {
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 0.375rem;
	border: none !important;
}

.wpcf7-mail-sent-ok {
	background-color: #d1fae5;
	color: #065f46;
}

.wpcf7-validation-errors {
	background-color: #fee2e2;
	color: #991b1b;
}

.wpcf7-spam-blocked {
	background-color: #fef3c7;
	color: #92400e;
}

/* スピナー非表示 */
.wpcf7-spinner {
	display: none;
}

/* お見積りフォーム用の追加スタイル */

/* 郵便番号行 */
.cf7-postal-row {
	display: grid;
	grid-template-columns: 1fr;
}

.cf7-postal-wrapper input {
	width: 100%;
	max-width: 24rem;
}

/* ファイルアップロード */
.cf7-file-wrapper {
	margin-bottom: 2rem;
}

.cf7-file-wrapper .file-description {
	font-size: 0.875rem;
	color: #6b7280;
}

.wpcf7-form input[type="file"] {
	display: block;
	width: 100%;
	padding: 0.75rem 1rem;
	background-color: #f1f1f1;
	border: none;
	border-radius: 0.25rem;
	outline: none;
}

/* プレースホルダー色調整 */
.wpcf7-form input::placeholder {
	color: #9ca3af;
}

/* Mobile Menu Styles */
#mobile-menu-content {
	will-change: transform;
}

/* スクロール無効化時のスタイル */
body.overflow-hidden {
	overflow: hidden;
}

/* メニューアイテムのホバーエフェクト */
#mobile-menu-content nav a {
	position: relative;
}

#mobile-menu-content nav a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #2563eb;
	transition: width 0.3s ease;
}

#mobile-menu-content nav a:hover::after {
	width: 100%;
}

/* Works Single Page Styles */
.works-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
}

@media (min-width: 768px) {
	.works-gallery-grid {
		gap: 1rem;
	}
}

@media (min-width: 1024px) {
	.works-gallery-grid {
		gap: 1.5rem;
	}
}