/**
 * Section: Column Pickup
 * PICKUPコラムセクション - 統一カードコンポーネント使用
 */

:where(.s-column-pickup-001) {
    padding: var(--wp--preset--spacing--6-xl) var(--wp--preset--spacing--lg);
    background: var(--wp--preset--color--white);
}

:where(.s-column-pickup-001__inner) {
    max-width: var(--wp--style--global--wide-size);
    margin: 0 auto;
}

:where(.s-column-pickup-001__title) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--wp--preset--spacing--sm);
    font-size: var(--wp--preset--font-size--3-xl);
    font-weight: var(--wp--custom--font-weight--bold);
    text-align: center;
    margin: 0 0 var(--wp--preset--spacing--5-xl) 0;
    color: var(--wp--preset--color--success-dark);
}

:where(.s-column-pickup-001__title-icon) {
    font-size: 4rem;
    color: var(--wp--preset--color--success);
}

/* グリッドレイアウト */
:where(.s-column-pickup-001__grid) {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wp--preset--spacing--2-xl);
    margin-bottom: var(--wp--preset--spacing--3-xl);
}

/* SEOリンクセクション */
:where(.s-column-pickup-001__seo-links) {
    background: var(--wp--preset--color--success-lightest);
    border: var(--wp--custom--border--width--2) solid var(--wp--preset--color--success-light);
    border-radius: var(--wp--custom--border--radius--lg);
    padding: var(--wp--preset--spacing--xl);
    margin-bottom: var(--wp--preset--spacing--3-xl);
}

:where(.s-column-pickup-001__seo-links-title) {
    font-size: var(--wp--preset--font-size--lg);
    font-weight: var(--wp--custom--font-weight--bold);
    color: var(--wp--preset--color--success-dark);
    margin: 0 0 var(--wp--preset--spacing--base) 0;
    text-align: center;
}

:where(.s-column-pickup-001__seo-links-list) {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--sm);
}

:where(.s-column-pickup-001__seo-links-item) {
    margin: 0;
}

:where(.s-column-pickup-001__seo-link) {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--xs);
    padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--base);
    color: var(--wp--preset--color--success-dark);
    text-decoration: none;
    font-size: var(--wp--preset--font-size--base);
    background: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border--radius--md);
    transition: all var(--wp--custom--transition--duration--base) var(--wp--custom--transition--timing--ease);
}

:where(.s-column-pickup-001__seo-link::before) {
    content: "chevron_right";
    font-family: "Material Symbols Outlined";
    font-size: 2rem;
    color: var(--wp--preset--color--success);
}

:where(.s-column-pickup-001__seo-link:hover) {
    background: var(--wp--preset--color--success);
    color: var(--wp--preset--color--white);
    opacity: 0.9;
}

:where(.s-column-pickup-001__seo-link:hover::before) {
    color: var(--wp--preset--color--white);
}

/* ボタンエリア */
:where(.s-column-pickup-001__button) {
    text-align: center;
}

/* レスポンシブ */
@media (max-width: 768px) {
    :where(.s-column-pickup-001) {
        padding: var(--wp--preset--spacing--5-xl) var(--wp--preset--spacing--base);
    }

    :where(.s-column-pickup-001__title) {
        font-size: var(--wp--preset--font-size--2-xl);
        margin-bottom: var(--wp--preset--spacing--3-xl);
    }

    :where(.s-column-pickup-001__title-icon) {
        font-size: 3rem;
    }

    :where(.s-column-pickup-001__grid) {
        grid-template-columns: 1fr;
        gap: var(--wp--preset--spacing--lg);
    }

    :where(.s-column-pickup-001__seo-links) {
        padding: var(--wp--preset--spacing--base);
    }

    :where(.s-column-pickup-001__seo-links-title) {
        font-size: var(--wp--preset--font-size--base);
    }

    :where(.s-column-pickup-001__seo-link) {
        font-size: var(--wp--preset--font-size--sm);
    }
}