/* ALTIN10 V7.4 - Mobile Overflow Final Fix */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  position: relative;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

body > *,
main,
header,
footer,
section,
article,
nav,
.container,
.wrapper,
.site,
.site-wrap,
.page,
.content,
.layout,
.grid,
.flex,
.row,
.cards,
.card,
.post-card,
.news-card,
.category-card,
.tag-cloud,
.meta,
.post-meta,
.breadcrumb,
.ad,
.adsbygoogle {
  max-width: 100vw !important;
}

.container,
.wrapper,
.site-wrap,
.page,
.content,
main {
  width: 100% !important;
  overflow-x: hidden !important;
}

img,
video,
iframe,
table,
pre,
code,
.adsbygoogle,
ins.adsbygoogle {
  max-width: 100% !important;
}

table {
  display: block;
  overflow-x: auto;
}

pre,
code {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
span,
strong,
em {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.grid,
.flex,
.row,
.post-meta,
.meta,
.related-grid,
.category-list,
.tag-list,
.cluster-list {
  display: flex !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.grid > *,
.flex > *,
.row > *,
.post-meta > *,
.meta > *,
.related-grid > *,
.category-list > *,
.tag-list > *,
.cluster-list > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

.category-pill,
.tag-pill,
.badge,
.chip,
.btn,
.button,
.nav a {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 768px) {
  body {
    margin: 0 !important;
  }

  .container,
  .wrapper,
  .site-wrap,
  .page,
  .content,
  main,
  article,
  section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .post-card,
  .news-card,
  .card,
  article {
    width: 100% !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  h1 {
    font-size: clamp(28px, 8vw, 44px) !important;
    line-height: 1.12 !important;
  }

  h2 {
    font-size: clamp(22px, 6vw, 32px) !important;
    line-height: 1.18 !important;
  }

  .post-meta,
  .meta {
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .post-meta span,
  .meta span {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .category-list,
  .tag-list,
  .cluster-list {
    gap: 10px !important;
  }

  .category-pill,
  .tag-pill,
  .chip {
    font-size: clamp(18px, 5vw, 28px) !important;
    padding: 10px 16px !important;
  }
}