/*!
Theme Name: Polaris_keni80_wp
Theme URI: https://example.com
Author: Polaris_keni80_wp
Author URI: https://example.com
Description: AI時代対応・高収益化WordPressテンプレート
Version: 8.0.2.2
Text Domain: polaris_keni80_wp
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * ========================================
 * AI時代対応・CWV最適化スタイル
 * ========================================
 */

/* 読了時間バッジ */
.reading-time-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    background: #667eea;
    color: #fff;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
}

.reading-time-badge svg {
    flex-shrink: 0;
}

/* CLS防止: アスペクト比保持 */
img {
    height: auto;
    max-width: 100%;
}

.article-visual img,
.related-post-thumbnail img,
.cta-image img {
    object-fit: cover;
}

/* フォーカス表示強化（アクセシビリティ） */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 3px solid #667eea;
    outline-offset: 2px;
}

/* スムーススクロール */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* ダークモード対応の基礎 */
@media (prefers-color-scheme: dark) {
    body {
        background: #1a1a1a;
        color: #e0e0e0;
    }
    
    .table-of-contents,
    .related-posts {
        background: #2a2a2a;
        border-color: #3a3a3a;
    }
    
    .monetization-cta-box {
        background: #2a2a2a;
        border-color: #ff9900;
    }
    
    .cta-heading,
    .related-posts-title,
    .toc-title {
        color: #f0f0f0;
    }
    
    .cta-description,
    .toc-item a {
        color: #b0b0b0;
    }
}

/* レスポンシブ画像 */
@media (max-width: 768px) {
    .reading-time-badge {
        font-size: 0.8rem;
        padding: 0.4rem 0.875rem;
    }
}

/* パフォーマンス向上: will-change */
.cta-button,
.inline-cta-button,
.related-post-item {
    will-change: transform;
}

/* ナビゲーションボタンのアクセシビリティ改善 */
.keni-gnav_btn {
    background: none;
    border: none;
    cursor: pointer;
}