/* =========================================================
   GTAM VIP LANGUAGE LAYOUT FIX - COMPACT
   保持原布局、原卡片高度、原尺寸
   仅修复长语言重叠和越界
   ========================================================= */


/* =========================================================
   1. 普通用户详情页顶部介绍
   不改变原布局，只限制左侧文字不要压到右侧徽章
   ========================================================= */

.gtv5-normal .gtv5-normal-hero{
  height:238px !important;
  min-height:238px !important;
  overflow:hidden !important;
}

.gtv5-normal .gtv5-normal-hero .normal-copy{
  max-width:60% !important;
  min-width:0 !important;
  z-index:3 !important;
}

.gtv5-normal .gtv5-normal-hero .normal-copy > strong{
  max-width:100% !important;

  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;

  line-height:1.08 !important;
}

.gtv5-normal .gtv5-normal-hero .normal-copy > h2,
.gtv5-normal .gtv5-normal-hero .normal-copy > p{
  max-width:100% !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.gtv5-normal .gtv5-normal-hero .normal-emblem-wrap{
  z-index:2 !important;
}


/* 长语言仅稍微缩小标题，不改卡片大小 */
html[lang^="ru"] .gtv5-normal .normal-copy > strong,
html[lang^="de"] .gtv5-normal .normal-copy > strong,
html[lang^="es"] .gtv5-normal .normal-copy > strong,
html[lang^="pt"] .gtv5-normal .normal-copy > strong,
html[lang^="fr"] .gtv5-normal .normal-copy > strong{
  font-size:25px !important;
  line-height:1.05 !important;
}


/* =========================================================
   2. VIP等级总览卡片
   保持原来的左右比例、卡片高度
   ========================================================= */

.gt-vip-page .gt-vip-card{
  overflow:hidden !important;
}


/*
 * 左侧区域尺寸不重做，
 * 只禁止文字超出自己的区域。
 */
.gt-vip-page .gt-vip-card-left{
  min-width:0 !important;
  overflow:hidden !important;
}


/*
 * 普通用户/VIP名称
 * 不允许一个俄语单词被拆成每个字母一行。
 */
.gt-vip-page .gt-vip-name{
  max-width:100% !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:auto;

  line-height:1.05 !important;

  overflow:hidden !important;
}


/*
 * 左下说明最多保留原区域
 */
.gt-vip-page .gt-vip-subtitle{
  max-width:100% !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;

  overflow:hidden !important;
}


/*
 * 右侧权益区域保持原布局，
 * 只防止被左边文字覆盖。
 */
.gt-vip-page .gt-vip-benefits{
  min-width:0 !important;
  position:relative !important;
  z-index:2 !important;
}


/* =========================================================
   长语言专门处理
   不改变卡片高度和宽度
   ========================================================= */

html[lang^="ru"] .gt-vip-page .gt-vip-name,
html[lang^="de"] .gt-vip-page .gt-vip-name,
html[lang^="es"] .gt-vip-page .gt-vip-name,
html[lang^="pt"] .gt-vip-page .gt-vip-name,
html[lang^="fr"] .gt-vip-page .gt-vip-name{
  font-size:15px !important;
  line-height:1.05 !important;

  /*
   * 最多两行，保持原卡片高度
   */
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;

  overflow:hidden !important;
}


/*
 * 长语言副标题最多3行
 */
html[lang^="ru"] .gt-vip-page .gt-vip-subtitle,
html[lang^="de"] .gt-vip-page .gt-vip-subtitle,
html[lang^="es"] .gt-vip-page .gt-vip-subtitle,
html[lang^="pt"] .gt-vip-page .gt-vip-subtitle,
html[lang^="fr"] .gt-vip-page .gt-vip-subtitle{
  font-size:10px !important;
  line-height:1.15 !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;

  overflow:hidden !important;
}


/* =========================================================
   手机端保持原卡片尺寸
   ========================================================= */

@media(max-width:700px){

  .gt-vip-page .gt-vip-card{
    min-height:0 !important;
  }

  .gt-vip-page .gt-vip-card-left{
    overflow:hidden !important;
  }

  .gt-vip-page .gt-vip-benefits{
    min-width:0 !important;
  }

  html[lang^="ru"] .gt-vip-page .gt-vip-name,
  html[lang^="de"] .gt-vip-page .gt-vip-name,
  html[lang^="es"] .gt-vip-page .gt-vip-name,
  html[lang^="pt"] .gt-vip-page .gt-vip-name,
  html[lang^="fr"] .gt-vip-page .gt-vip-name{
    font-size:14px !important;
  }

}