/*
Theme Name: CloudLode
Theme URI: https://www.cloudlode.com/
Author: CloudLode
Author URI: https://www.cloudlode.com/
Description: 一款 CloudLode 打造的、具备人工智能（AI）功能的现代 WordPress 主题。
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.8.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cloudlode
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Theme Preview Image */
/* Screenshot is a 1200x900px image named screenshot.png in the theme root directory */

/* Custom Styles */
body {
    padding-top: 0; /* 移除顶部内边距，确保导航栏与内容无缝连接 */
}

#hero-title, #hero-subtitle, #cta-title, #cta-subtitle, #cta-button {
    animation: fadeInUp 1s ease forwards;
}

#hero-title { animation-delay: 0.2s; }
#hero-subtitle { animation-delay: 0.4s; }
#cta-title { animation-delay: 0.6s; }
#cta-subtitle { animation-delay: 0.8s; }
#cta-button { animation-delay: 1s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Swiper */
.swiper-indicator {
    transition: all 0.3s ease;
}

/* 内容区域布局优化 */
.site-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 72px; /* 与导航栏高度匹配，确保内容不会被导航栏遮挡 */
}

/* 文章内容布局优化 */
.single .entry-content,
.page .entry-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 确保所有内容页与屏幕左右有适当距离 */
.archive .site-main,
.search .site-main,
.error404 .site-main {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.swiper-indicator.active {
    width: 20px;
    border-radius: 5px;
}

/* Reduce spacing between service cards */
#primary .grid {
    gap: 2rem;
}

#primary .bg-white {
    margin-bottom: 1rem;
}

/* Reduce spacing in service card content */
#primary .bg-white .p-6 {
    padding: 1.5rem;
}

#primary .bg-white h3 {
    margin-bottom: 1rem;
}

#primary .bg-white p {
    margin-bottom: 1.5rem;
}

/* Reduce height of service card headers */
#primary .h-48 {
    height: 12rem;
}

/* Fix category page layout on desktop */
.archive.category,
.archive.tag,
.taxonomy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.archive.category .container,
.archive.tag .container,
.taxonomy .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile search box style fixes */
@media (max-width: 768px) {
    .search-form {
        margin-top: 0.5rem;
        width: 100%;
    }
    
    .search-form .flex {
        display: flex;
        width: 100%;
    }
    
    .search-field {
        padding-left: 2.5rem !important;
        flex: 1;
        min-width: 0;
    }
    
    .search-form .flex {
        position: relative;
    }
    
    .search-form .flex::before {
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #6b7280;
    }
    
    .search-submit {
        white-space: nowrap;
        flex-shrink: 0;
    }
}