/**
 * フッタースタイル
 *
 * @package MetaHouse_Thema
 * @version 2.0.0
 */

/* ============================================
   フッター
   ============================================ */
   .page-footer {
    background-color: #1f2937;
    color: #ffffff;
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-16);
    padding: var(--space-12) 0 var(--space-6);
}

.footer_container {
    max-width: var(--container-2xl);
    margin: 0 auto;
    padding: 0 var(--space-4);
}

@media (min-width: 768px) {
    .footer_container {
        padding: 0 var(--space-6);
    }
}

/* ============================================
   フッターグリッド
   ============================================ */
.footer-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: var(--space-8);
    margin-bottom: var(--space-8);
}

@media (min-width: 768px) {
    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ============================================
   フッターセクション
   ============================================ */
.footer-about,
.footer-links,
.footer-contact {
    color: #ffffff;
}

.footer-about p,
.footer-contact p {
    line-height: var(--leading-relaxed);
    margin-top: var(--space-3);
    font-size: var(--text-sm);
}

/* Instagram アイコン */
.footer-about a {
    display: inline-block;
    transition: transform var(--transition-fast);
}

.footer-about a:hover {
    transform: scale(1.05);
}

/* ============================================
   フッターリンク
   ============================================ */
.footer-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links li {
    margin-bottom: var(--space-3);
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    transition: color var(--transition-fast);
    display: inline-flex;
    align-items: center;
}

.footer-links a:hover {
    color: #f59e0b;
}

.footer-links a::before {
    content: '›';
    margin-right: var(--space-2);
    color: #f59e0b;
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
}

/* ============================================
   フッターお問い合わせ
   ============================================ */
.footer-contact-action {
    margin-bottom: var(--space-4);
}

.footer-contact .btn {
    width: 100%;
    justify-content: center;
}

@media (min-width: 768px) {
    .footer-contact .btn {
        width: auto;
    }
}

/* ============================================
   コピーライト
   ============================================ */
.footer-copyright {
    text-align: center;
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-8);
}

.footer-copyright p {
    margin: 0;
    color: #ffffff;
    font-size: var(--text-sm);
}

/* ============================================
   レスポンシブ調整
   ============================================ */
@media (max-width: 767px) {
    .page-footer {
        padding: var(--space-10) 0 var(--space-4);
    }

    .footer-grid {
        gap: var(--space-10);
    }

    .footer-about,
    .footer-links,
    .footer-contact {
        text-align: center;
    }

    .footer-links a::before {
        display: none;
    }
}