/**
 * 适老化模式全局样式文件
 * 只包含通用样式，特定页面样式放在各自页面中
 */

/* 导入基础变量 */
@import "./uni.scss";

/* 全局适老化样式 - 通用组件样式 */
.elder-mode-active {
  
  /* 全局文字大小调整 */
  text, .text {
    font-size: $uni-font-size-base-elder !important;
  }
  
  /* 标题类文字 */
  .title, h1, h2, h3, h4, h5, h6 {
    font-size: $uni-font-size-lg-elder !important;
    font-weight: bold !important;
  }
  
  /* 按钮 */
  button, .button {
    font-size: $uni-font-size-base-elder !important;
    min-height: 60rpx !important;
    padding: 20rpx 30rpx !important;
    border-radius: 15rpx !important;
  }
  
  /* 输入框 */
  input, .input, textarea {
    font-size: $uni-font-size-base-elder !important;
    min-height: 60rpx !important;
    padding: 20rpx !important;
  }
  
  /* 导航栏 */
  .uni-navbar, .uni-nav-bar {
    .uni-nav-bar-text {
      font-size: $uni-font-size-lg-elder !important;
      font-weight: bold !important;
    }
  }
  
  /* 列表项 */
  .uni-list-item {
    min-height: 100rpx !important;
    
    .uni-list-item__content-title {
      font-size: $uni-font-size-base-elder !important;
    }
    
    .uni-list-item__content-note {
      font-size: $uni-font-size-sm-elder !important;
    }
  }
  
  /* 卡片 */
  .card, .uni-card {
    padding: 30rpx !important;
    border-radius: 20rpx !important;
    margin-bottom: 30rpx !important;
  }
  
  /* 图标放大 */
  .icon, .uni-icons, image[src*=".svg"] {
    transform: scale(1.2) !important;
  }
  
  /* 间距调整 */
  .page-container, .container {
    padding: 40rpx !important;
  }
  
  /* 表单项间距 */
  .form-item, .info-item {
    margin-bottom: 40rpx !important;
    
    .item-label {
      font-size: $uni-font-size-base-elder !important;
      font-weight: 600 !important;
    }
    
    .item-value {
      font-size: $uni-font-size-base-elder !important;
    }
  }
  
  /* 弹窗 */
  .uni-popup, .uni-modal {
    .uni-popup__wrapper {
      padding: 40rpx !important;
      border-radius: 20rpx !important;
    }
  }
    /* 标签 */
  .tag, .uni-tag {
    font-size: $uni-font-size-sm-elder !important;
    padding: 10rpx 20rpx !important;
    border-radius: 20rpx !important;
  }
}