/* Fix for horizontal scrollbar */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}


/* Ensure images don't cause overflow */
img {
    max-width: 100%;
    height: auto;
}

/* Fix potential table overflow issues */
table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Ensure all columns respect their containers */
[class*="col-"] {
    max-width: 100%;
    word-wrap: break-word;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Ensure Bootstrap 4 color utilities work */
.bg-dark {
    background-color: #1A1A1A !important;
}

.text-white {
    color: #fff !important;
}

.bg-dark.text-white * {
    color: #fff !important;
}