/* Fixes for text overlapping issues in index.html */

/* Fix for text-container height */
.text-container {
    height: auto !important;
    min-height: 28px;
    margin-bottom: 20px;
}

/* Fix for paragraph line height */
p {
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

/* Ensure content is responsive */
.content-container {
    width: 100%;
    overflow-wrap: break-word;
}

/* Fix for sub-container on smaller screens */
.sub-container {
    max-width: 90%;
}

@media (max-width: 992px) {
    .sub-container {
        max-width: 100% !important;
    }
}

/* Fix for list items */
.list-item {
    height: auto !important;
    margin-bottom: 10px;
    align-items: flex-start !important;
}

.item-text {
    height: auto !important;
    line-height: 1.6 !important;
}

/* Fix for header elements */
h1, h2, h3, h4 {
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Fix for inline styles */
[style*="font-weight: 700px"] {
    font-weight: 700 !important;
}

/* Fix for unclosed list item */
ul li:last-child {
    display: inline-block;
    width: 100%;
}

/* Additional fixes for mobile responsiveness */
@media (max-width: 768px) {
    .pool-content {
        flex-direction: column;
        height: auto !important;
    }
    
    .pool-text-content {
        width: 100%;
        text-align: center;
    }
    
    .section-icon-container {
        margin: 0 auto 15px;
    }
    
    h1[style*="font-size: 40px"] {
        font-size: 28px !important;
    }
    
    h3[style*="font-size: 28px"] {
        font-size: 22px !important;
    }
}

/* Fix for Singapore Pool Odds section */
.singapore-pool-section {
    height: auto !important;
    min-height: 175px;
    padding: 30px 0;
}

/* Styles for button links */
a.btn {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}

/* Ensure buttons have proper alignment in header */
.header-actions {
    display: flex;
    gap: 10px;
} 