/* IOS_BIG_FONT_FIX_V1 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
  min-width: 0;
}

body {
  overflow-x: hidden;
}

.card,
.panel,
.block,
.widget,
.stat,
.stat-card,
.info-card,
.traffic-card,
.domain-card,
.client-card,
.header-card,
.dashboard-card,
[class*="card"],
[class*="panel"],
[class*="block"],
[class*="widget"] {
  height: auto !important;
  min-height: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

.row,
.header,
.top,
.tabs,
.nav,
.stats,
.grid,
.cards,
[class*="row"],
[class*="header"],
[class*="tabs"],
[class*="grid"],
[class*="cards"] {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 700px) {
  .row,
  .header,
  .top,
  .tabs,
  .nav,
  .stats,
  .grid,
  .cards,
  [class*="row"],
  [class*="header"],
  [class*="tabs"],
  [class*="grid"],
  [class*="cards"] {
    flex-wrap: wrap !important;
  }

  h1, h2, h3,
  .title,
  .name,
  .label,
  .value,
  .metric,
  .speed,
  .ip,
  [class*="title"],
  [class*="name"],
  [class*="label"],
  [class*="value"],
  [class*="metric"],
  [class*="speed"],
  [class*="ip"] {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.12;
  }

  h1, .title, [class*="title"] {
    font-size: clamp(22px, 6vw, 34px) !important;
  }

  h2, h3 {
    font-size: clamp(18px, 5vw, 28px) !important;
  }

  .value,
  .metric,
  .speed,
  .ip,
  [class*="value"],
  [class*="metric"],
  [class*="speed"],
  [class*="ip"] {
    font-size: clamp(20px, 7vw, 36px) !important;
  }

  button,
  .btn,
  .tab,
  .pill,
  [class*="btn"],
  [class*="tab"],
  [class*="pill"] {
    white-space: normal !important;
    height: auto !important;
    min-height: 44px;
    line-height: 1.15;
  }
}
/* IOS_BIG_FONT_FIX_V1_END */