/**
 * Column Links - Frontend Styles
 * 绝对定位覆盖层方案，完全不影响 Column 布局
 */

/* wrapper 保持原有布局 */
.column-link-wrapper {
    position: relative;
}

/* 绝对定位覆盖层：撑满整列，不参与文档流 */
.column-link-anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer;
}

.column-link-anchor:hover {
    text-decoration: none !important;
}

/* hover 时让卡片有视觉反馈 */
.column-link-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12));
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 确保 Column 本身的 flex 属性不被覆盖 */
.wp-block-columns > .wp-block-column {
    min-width: 0;
    word-wrap: break-word;
}