/* ══ footer-block.mobile.css ══
 * Footer Mobile 覆写层
 * 通过 <link media="(max-width: 768px)"> 加载
 * PC 文件：css/modules/footer-block.css
 * 铁律 #24：只写需要覆写 PC 的属性，无 @media 包裹
 * ════════════════════════════════════════ */

/* Footer 整体内边距 */
.mkl-footer-inner { padding: 40px 20px 0; }

/* 单列布局 */
.mkl-footer-grid { grid-template-columns: 1fr; gap: 0; padding-bottom: 0; }

/* 品牌区底部分隔 */
.mkl-footer-brand { padding-bottom: 32px; border-bottom: 1px solid #E5E5EA; margin-bottom: 0; }

/* 折叠列 — 底部分隔线 */
.mkl-footer-col { border-bottom: 1px solid #E5E5EA; }

/* 折叠 summary — 启用手风琴交互 */
.mkl-footer-col summary { cursor: pointer; pointer-events: auto; padding: 16px 0; margin-bottom: 0; }
.mkl-footer-col summary::after { content: '+'; font-size: 18px; font-weight: 300; color: #8E8E93; transition: transform 0.2s; display: inline-block; }
.mkl-footer-col[open] summary::after { transform: rotate(45deg); }

/* 链接列表底部留白 */
.mkl-footer-links { padding-bottom: 16px; }

/* 双列合并为单列 */
.mkl-footer-col-double { gap: 0; }
.mkl-footer-col-double .mkl-footer-col { border-bottom: 1px solid #E5E5EA; }

/* 底栏纵向排列 */
.mkl-footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 0; }
.mkl-footer-bottom-left, .mkl-footer-bottom-right { gap: 16px; }