/* ================================================
   08. フッター専用スタイル
   ================================================ */

/* ========== サイトフッター ========== */
.site-footer {
    background: var(--color-purple);
    color: var(--color-white);
    margin-top: var(--spacing-192);
}

/* トップページと記事詳細ページのフッター上部余白を0に */
.home .site-footer,
.single .site-footer {
    margin-top: 0 !important;
}

/* JiJi TALKページのフッター上部余白を0に */
.page-template-jiji-talk .site-footer,
.jiji-talk-category-page .site-footer,
body[class*="jiji-talk-"] .site-footer {
    margin-top: 0 !important;
}

.footer-widgets {
    padding: 3rem 0 2rem 0;
    border-bottom: 0.0625rem solid var(--color-white-10);
}

/* ========== フッターリンク ========== */
.footer-links {
    padding: 2rem 0 1rem 0;
    background: var(--color-black-10);
    border-top: 1px solid var(--color-white-10);
}

.footer-nav {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer-nav a {
    color: var(--color-white-80);
    text-decoration: none;
    font-size: var(--font-size-s);
    padding: var(--spacing-8) var(--spacing-16);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.footer-nav a:hover {
    color: var(--color-white);
    background: var(--color-white-10);
    transform: translateY(-1px);
}

/* ========== フッターメニュー ========== */
.site-info {
    padding: var(--spacing-24) 0;
    text-align: center;
    border-top: 1px solid var(--color-white-10);
    opacity: 0.8;
    font-size: var(--font-size-s);
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: var(--spacing-8);
}

.footer-menu a {
    color: var(--color-white);
    text-decoration: none;
    font-size: var(--font-size-s);
    opacity: 0.8;
    transition: opacity var(--transition-fast);
}

.footer-menu a:hover {
    opacity: 1;
    text-decoration: underline;
}


/* ========== フッターレスポンシブ対応 ========== */
@media (max-width: 768px) {
    /* フッターナビゲーション */
    .footer-nav {
        gap: var(--spacing-8);
        justify-content: center;
    }
    
    .footer-nav a {
        font-size: var(--font-size-ss);
        padding: 0.4rem 0.5rem;
    }
    
    /* フッターメインレイアウト */
    .footer-main .grid-3 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    /* スマホ版フッター上部余白調整 */
    .site-footer {
        margin-top: var(--spacing-96);
    }
    
}