/* Additional fixes for the text overflow issue */

/* Contain all content within viewport width */
html, body {
  max-width: 100vw;
}

/* Fix for the highlighted text that might be overflowing */
.highlight-line {
  box-sizing: border-box;
  max-width: 100%;
  display: block;
}

.highlight-span {
  max-width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

/* Fix "Ponad 20 lat doświadczenia" text and other long Polish phrases */
@media (max-width: 992px) {
  .text-content {
    display: inline;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  strong {
    display: inline;
    white-space: normal;
    word-break: normal;
  }
  
  /* Additional tablet fixes */
  .about-text p {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
  }
  
  /* Fix for Polish words like "doświadczenia" that might cause overflow */
  .highlight-line, .highlight-span {
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

/* Fix for the contact info that might be overflowing */
.contact-info p {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  box-sizing: border-box;
}

/* Ensure the about text stays within bounds */
.about-text {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}