/**
 * 移动端地址模态框修复样式
 * 解决购物车中地址栏无法显示完整地址模态框的问题
 */

/* 移动端地址模态框修复样式 */
@media (max-width: 768px) {
  .address-modal-overlay {
    z-index: 999999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .address-selector {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .address-form {
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 20px !important;
  }

  .address-list {
    max-height: none !important;
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 20px !important;
  }

  .address-list-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  .address-actions {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-color: white !important;
  }

  .address-header {
    position: sticky !important;
    top: 0 !important;
    background-color: white !important;
    z-index: 1 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eee !important;
  }

  .close-address-btn {
    font-size: 24px !important;
    padding: 5px !important;
  }

  .cancel-btn, .save-btn {
    padding: 12px 15px !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: normal !important;
  }

  /* 确保表单元素正确显示 */
  .form-group {
    margin-bottom: 15px !important;
  }

  .form-group label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 500 !important;
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  /* 确保地址项正确显示 */
  .address-item {
    margin-bottom: 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px !important;
  }

  .address-item.selected {
    border-color: #ff6b9b !important;
    background-color: #fff9fb !important;
  }

  /* 添加新地址按钮容器 */
  .add-address-btn-container {
    position: fixed !important;
    bottom: 120px !important; /* 进一步增加距离，确保完全在底部导航栏上方 */
    left: 0 !important;
    right: 0 !important;
    background-color: white !important;
    padding: 15px !important;
    margin-top: 20px !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 1050 !important; /* 确保在底部导航栏之上 */
  }

  /* 添加新地址按钮 */
  .add-address-btn {
    margin-top: 0 !important;
    padding: 12px !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #ff758c 0%, #6c8bff 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    width: 100% !important;
    cursor: pointer !important;
  }

  /* 确保地址列表在移动端有足够的底部空间 */
  .address-list-container {
    padding-bottom: 180px !important; /* 进一步增加底部内边距，确保有足够空间显示添加按钮 */
  }
}