/**
 * Additional CSS Fixes
 * إصلاحات CSS إضافية
 */

/* Remove horizontal scroll completely */
html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
}

/* Fix container overflow */
.container,
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    overflow-x: hidden;
}

/* Fix row margins */
.row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 100%;
}

/* Fix breaking news marquee */
.breaking-news,
.breaking-news-wrapper,
.breaking-news-content {
    max-width: 100%;
    overflow-x: hidden;
}

/* Ensure footer sticks to bottom with no gap */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

.main-content {
    flex: 1 0 auto;
}

.main-footer {
    flex-shrink: 0;
    margin-top: 0;
}

/* Fix any element that might cause horizontal scroll */
* {
    max-width: 100%;
}

/* Ensure all containers respect boundaries */
.news-article,
.news-card,
.sidebar,
.main-content,
.article-wrapper {
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Fix tables on mobile */
.table-container {
    overflow-x: auto;
    max-width: 100%;
}

table {
    max-width: 100%;
}

/* Prevent text from causing overflow */
h1, h2, h3, h4, h5, h6, p, span, div, a, li {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Special handling for long URLs and text without spaces */
.article-content,
.news-card-body,
.news-card-description,
.news-card-title,
.article-title,
.article-meta,
.popular-news-content,
.sidebar-item {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
    overflow: hidden;
}

/* Prevent pre and code blocks from overflowing */
pre, code {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    overflow-x: auto;
}

/* Fix admin panel */
.admin-container,
.admin-content {
    max-width: 100%;
    overflow-x: hidden;
}

/* Mobile specific fixes */
@media (max-width: 767px) {
    body {
        overflow-x: hidden !important;
    }
    
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}