/**
 * Coolo WordPress Gutenberg 区块样式修复
 * 修复内联固定高度导致的显示问题
 */

/* 修复 Feature 区块的固定高度问题 */
.wp-block-zibllblock-feature {
  height: auto !important;
  min-height: auto !important;
}

/* 修复 Feature 区块在移动端的布局 */
@media (max-width: 767px) {
  .wp-block-zibllblock-feature {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  .wp-block-zibllblock-feature .feature-icon {
    font-size: 36px;
    padding: 15px 0;
  }

  .wp-block-zibllblock-feature .feature-title {
    font-size: 16px;
    padding: 0 8px;
  }

  .wp-block-zibllblock-feature .feature-note {
    font-size: 13px;
    padding: 4px 8px 8px 8px;
    line-height: 1.6;
  }
}

/* 修复 is-nowrap 布局在移动端的问题 */
@media (max-width: 767px) {
  .wp-block-group.is-nowrap.is-layout-flex {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  .wp-block-group.is-nowrap.is-layout-flex .wp-block-zibllblock-feature {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* 平板设备适配 */
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-zibllblock-feature {
    width: calc(50% - 10px) !important;
    margin: 5px !important;
  }

  .wp-block-group.is-nowrap.is-layout-flex {
    flex-wrap: wrap !important;
  }
}