/*
Theme Name: KTSS Homepage
Theme URI: 
Author: AI Assistant
Author URI: 
Description: A fully independent custom WordPress theme for KTSS, built with Tailwind CSS and Grid System.
Version: 1.0.0
Text Domain: ktss-homepage
*/

/* 
   Tailwind CSS will be compiled into assets/css/style.css.
   This file is mainly for WordPress theme recognition.
*/

/* Contact Form 7 */
/* ===== CF7 全局容器 ===== */
.wpcf7 {
   padding: 40px;
   background: #fff;
   border-radius: 0;
   border: 1px solid #e7e7f1 !important;
 }
 
 /* Medium 以下 padding 更小一些 */
 @media (max-width: 768px) {
   .wpcf7 {
     padding: 24px;
   }
 }
 
 /* ===== label ===== */
 .wpcf7-label,
 .wpcf7 label {
   width: 100%;
   display: block;
   font-size: 0.75rem;
   color: #374151;
   margin-bottom: 24px;
 }
 
 /* 必须输入星号颜色 */
 .icon-required {
   color: #e11d48; /* 深红色，更优雅 */
 }
 
 /* ===== Input 共通样式 ===== */
 .wpcf7 input,
 .wpcf7 textarea,
 .wpcf7 select {
   width: 100%;
   padding: 10px 12px;
   font-size: 1rem !important;
   border: 1px solid #e7e7f1;
   border-radius: 8px;
   background: #fafafa;
   transition: all 0.2s ease;
 }
 
 /* Hover */
 .wpcf7 input:hover,
 .wpcf7 textarea:hover,
 .wpcf7 select:hover {
   background: #f8f8f8;
 }
 
 /* Focus 效果（更明显、更现代） */
 .wpcf7 input:focus,
 .wpcf7 textarea:focus,
 .wpcf7 select:focus {
   outline: none;
   border-color: #3745e6; /* Tailwind blue-500 */
   background: #fff;
 }
 
 /* ===== textarea ===== */
 .wpcf7 textarea {
   min-height: 140px;
   resize: vertical;
 }
 
 /* ===== Radio & Checkbox 美化 ===== */
 .wpcf7-radio,
 .wpcf7-checkbox {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 14px;
 }
 
 .wpcf7 input[type=radio],
 .wpcf7 input[type=checkbox] {
   accent-color: #3745e6; /* 更高级的蓝色 */
   width: 18px;
   height: 18px;
 }
 
 /* ===== Submit button ===== */
 .wpcf7-submit {
   margin-top: 24px;
   padding: 12px 32px !important;
   background: #3745e6 !important;
   color: #fff;
   font-size: 1rem !important;
   border: none;
   cursor: pointer;
   transition: all 0.2s ease;
   font-weight: 600;
 }
 
 .wpcf7-submit:hover {
   background: #1d4ed8;
   box-shadow: 0 6px 14px rgba(37, 99, 235, 0.35);
 }
 
 .wpcf7-submit:active {
   transform: scale(0.97);
 }
 
 /* Previous button if exists */
 .wpcf7 .wpcf7-previous {
   background: #9ca3af;
   color: #fff;
   border-radius: 999px;
   padding: 10px 24px;
 }

 .wpcf7-list-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 8px;
 }

 .wpcf7-list-item-label {
   font-size: 1rem;
 }

 .form-group {
   padding-bottom: 24px;
   border-bottom: 1px dashed #e7e7f1;
   margin-bottom: 24px;
 }

 .form-group.last{
   padding-bottom: 0;
   border-bottom: none;
   margin-bottom: 0;
 }

 .form-group h5 {
   margin-bottom: 16px;
 }

 .form-group .flex-row p {
   display: flex;
   flex-direction: row;
   gap: 16px;
 }

 .form-label {
   display: block;
   font-size: 0.75rem;
   color: #374151;
   margin-bottom: 8px;
 }