/* 반응형 테이블: 화면을 넘칠 경우 가로 스크롤 자동 */
table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}
/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* iOS Style Enhancements */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: transparent;
}
/* 헤더, 검색창, 포스트 넓이 통일 */
.site-section {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

header.wp-block-group.alignwide.has-base-background-color {
	background-color: transparent !important;
}

/* Search bar styling */
.wp-block-search__input {
	border-radius: 12px !important;
	border: none !important;
	padding: 12px 16px !important;
	font-size: 16px !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
	transition: box-shadow 0.2s ease !important;
}

.wp-block-search__input:focus {
	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2), 0 1px 3px rgba(0,0,0,0.1) !important;
	outline: none !important;
}

/* Card shadows and animations */
.wp-block-group.has-base-background-color {
	box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.wp-block-group.has-base-background-color:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}

/* Link styling */
a {
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

a:hover {
	color: #FF6B35 !important;
}

/* Button styling */
.wp-block-button__link {
	border-radius: 8px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
	transition: all 0.2s ease !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
	.wp-block-group {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.wp-block-search__input {
		font-size: 16px !important; /* Prevents zoom on iOS */
	}
}

/* Typography improvements */
h1, h2, h3, h4, h5, h6 {
	color: #1c1c1e !important;
	font-weight: 600 !important;
}

p {
	color: #3c3c43 !important;
	line-height: 1.6 !important;
}

/* Navigation improvements */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	background-color: #FF6B35 !important;
	border-radius: 6px !important;
}

/* Form styling */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
	border-radius: 8px !important;
	border: 1px solid #d1d1d6 !important;
	padding: 12px 16px !important;
	font-size: 16px !important;
	transition: border-color 0.2s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #FF6B35 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2) !important;
}