/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
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
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
.wpcf7-submit {
    display: block;
    width: auto; /* 或者设置固定宽度，比如 200px */
    margin: 20px auto 0 auto; /* 上外边距 + 左右 auto 实现居中 */
    background: linear-gradient(135deg, rgb(0,152,240) 0%, rgb(6,133,80) 100%) !important;
    color: white !important;
    padding: 14px 30px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}


/* 按钮悬停效果 */
.wpcf7-submit:hover {
    background: linear-gradient(135deg, rgb(6,133,80) 0%, rgb(0,152,240) 100%) !important;
    transform: scale(1.05); /* 悬停时稍微放大 */
}

/* 输入框边框颜色渐变 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid transparent; /* 初始透明，使用渐变边框 */
    border-image: linear-gradient(135deg, rgb(0,152,240) 0%, rgb(6,133,80) 100%);
    border-image-slice: 1; /* 确保边框颜色完整显示 */
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    transition: all 0.3s ease-in-out;
}

/* 输入框聚焦时高亮 */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none; /* 取消默认聚焦外边框 */
    border-color: rgb(0,152,240);
    box-shadow: 0 0 8px rgba(0,152,240, 0.6);
}
/* 美化 Label 样式 */
.wpcf7-form label {
    font-size: 16px;  /* 调整字体大小 */
    font-weight: bold; /* 加粗 */
    color: #333; /* 文字颜色 */
    display: block; /* 让 label 独占一行 */
    margin-bottom: 6px; /* 增加与输入框的间距 */
    transition: color 0.3s ease-in-out;
}

/* 鼠标悬停时改变颜色 */
.wpcf7-form label:hover {
    color: rgb(0,152,240);
    cursor: pointer;
}
/* 只针对带 .hover-zoom 的区块 */
.hover-zoom {
  transition: transform 180ms ease;
  transform-origin: center center;
  will-change: transform;
}

/* 仅在支持悬停的设备上启用（避免触屏器皿意外效果） */
@media (hover: hover) and (pointer: fine) {
  .hover-zoom:hover {
    transform: scale(1.04);
  }
}

/* 遵从用户的“减少运动”偏好 */
@media (prefers-reduced-motion: reduce) {
  .hover-zoom,
  .hover-zoom:hover {
    transition: none;
    transform: none;
  }
}