/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
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
*/


/* form */
#travel-enquiry-form {
max-width: 800px;
margin: 30px auto;
padding: 40px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
font-family: 'Arial', sans-serif;
}

/* 表单头部标题（微调文案排版，适配新增长文本） */
.form-heading {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f4f8;
}

.form-heading h3 {
color: #2a4365; /* 旅游网站经典深蓝主色 */
font-size: 28px; /* 轻微放大主标题，突出引导 */
margin-bottom: 12px; /* 增加与下方段落的间距 */
font-weight: 600;
}

.form-heading p {
color: #718096;
font-size: 19px; /* 轻微放大段落文字，提升可读性 */
line-height: 1.6; /* 增加行高，适配长文本阅读 */
max-width: 600px; /* 限制段落宽度，避免两端过宽影响阅读 */
margin: 0 auto; /* 段落居中对齐 */
}

/* 表单行布局 */
.form-row {
margin-bottom: 25px;
width: 100%;
}

/* 两列布局（适配桌面端） */
.form-row-double {
display: flex;
gap: 20px;
}

.form-col {
flex: 1;
}

/* 表单标签样式 */
.travel-label {
display: block;
margin-bottom:0;
color: #2d3748;
font-size: 17px;
font-weight: 500;
}

.required {
color: #e53e3e; /* 必填项红色标记 */
}

/* 通用输入框样式（文本、邮箱、日期、数字） */
.travel-input {
width: 100%;
padding: 14px 18px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 14px;
color: #1a202c;
background-color: #fafbfc;
transition: all 0.3s ease;
box-sizing: border-box;
}

/* 输入框聚焦效果（提升交互感） */
.travel-input:focus {
outline: none;
border-color: #3182ce; /* 聚焦时深蓝边框 */
background-color: #ffffff;
box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
}

/* 下拉选择框样式 */
.travel-select {
width: 100%;
padding: 14px 18px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 17px;
color: #1a202c;
background-color: #fafbfc;
transition: all 0.3s ease;
box-sizing: border-box;
appearance: none; /* 隐藏原生下拉箭头，可自定义 */
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 18px center;
background-size: 16px;
}

.travel-select:focus {
outline: none;
border-color: #3182ce;
background-color: #ffffff;
box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
}

/* 文本域样式（留言框） */
.travel-textarea {
width: 100%;
padding: 14px 18px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 17px;
color: #1a202c;
background-color: #fafbfc;
transition: all 0.3s ease;
box-sizing: border-box;
min-height: 120px;
resize: vertical; /* 仅允许垂直拉伸 */
}

.travel-textarea:focus {
outline: none;
border-color: #3182ce;
background-color: #ffffff;
box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
}

/* 提交按钮样式 */
.form-submit {
text-align: center;
margin-top: 30px;
}

.travel-submit {
padding: 16px 40px;
background-color: #3182ce; /* 主色按钮 */
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}

.travel-submit:hover {
background-color: #2b6cb0; /* 按钮悬停深色 */
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(43, 108, 176, 0.3);
}

/* 移动端适配（响应式布局） */
@media (max-width: 768px) {
#travel-enquiry-form { /* 同步修改移动端的容器选择器 */
padding: 25px 20px;
margin: 20px auto;
}

.form-row-double {
flex-direction: column;
gap: 25px;
}

.travel-submit {
width: 100%;
padding: 14px 0;
}

/* 移动端适配文案排版 */
.form-heading h3 {
font-size: 25px;
}

.form-heading p {
font-size: 17px;
padding: 0 10px;
}
}






..contact-box1 {
            width: 100%;
            max-width: 900px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(207, 132, 90, 0.15);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid #f5e6de; padding:10px;
        }