/* CSS Edit file for PHP 8.x compatibility */

/* Fix for missing images and broken layouts */
.img-missing {
    background: #f0f0f0 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5TDIxIDNaIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOC41IDEwQzkuMzI4IDEwIDEwIDkuMzI4IDEwIDguNUMxMCA3LjY3MiA5LjMyOCA3IDguNSA3QzcuNjcyIDcgNyA3LjY3MiA3IDguNUM3IDkuMzI4IDcuNjcyIDEwIDguNSAxMFoiIGZpbGw9IiNjY2MiLz4KPHBhdGggZD0iTTIxIDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5TDIxIDNaIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K') center center no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    min-width: 100px;
    min-height: 100px;
}

/* Fix for broken image paths */
img[src=""], img:not([src]), img[src*="undefined"] {
    background: #f0f0f0 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5TDIxIDNaIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOC41IDEwQzkuMzI4IDEwIDEwIDkuMzI4IDEwIDguNUMxMCA3LjY3MiA5LjMyOCA3IDguNSA3QzcuNjcyIDcgNyA3LjY3MiA3IDguNUM3IDkuMzI4IDcuNjcyIDEwIDguNSAxMFoiIGZpbGw9IiNjY2MiLz4KPHBhdGggZD0iTTIxIDNINUMzLjkgMyAzIDMuOSAzIDVWMTlDMyAyMC4xIDMuOSAyMSA1IDIxSDE5TDIxIDNaIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K') center center no-repeat;
    background-size: 24px 24px;
    border: 1px dashed #ccc;
}

/* Ensure proper layout for main content */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Fix for potential layout issues */
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-md-8, .col-md-4, .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .img-responsive {
        max-width: 100%;
        height: auto;
    }
}

/* Debug styles for PHP 8 migration */
.debug-info {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
}

.debug-error {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
}

.debug-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
}

/* Fallback styles for missing elements */
.missing-content {
    background: #f8f9fa;
    border: 1px dashed #6c757d;
    padding: 20px;
    text-align: center;
    color: #6c757d;
    margin: 10px 0;
}

.missing-content:before {
    content: "⚠️ Content not available";
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}