/* ===== Desktop Styles ===== */
.echo-hero-section .echo-hero-title {
    font-size: 32px !important;
    line-height: 36px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    display: block !important;
}

.echo-latest-news-area .echo-latest-news-single-title a.title-hover,
.echo-trending-area a.title-hover,
.echo-blog-posts-area a.title-hover {
    font-size: 16px !important;
    line-height: 22px !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    display: block !important;
}

/* ===== Container adjustments (prevent text from being cut off) ===== */
.echo-latest-news-single-title,
.echo-trending-area,
.echo-blog-posts-area,
.echo-hero-section {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ===== Mobile Styles ===== */
@media only screen and (max-width: 768px) {
    .echo-hero-section .echo-hero-title {
        font-size: 24px !important;
        line-height: 28px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
        display: block !important;
    }

    .echo-latest-news-area .echo-latest-news-single-title a.title-hover,
    .echo-trending-area a.title-hover,
    .echo-blog-posts-area a.title-hover {
        font-size: 14px !important;
        line-height: 18px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
        display: block !important;
    }

    .echo-latest-news-single-title,
    .echo-trending-area,
    .echo-blog-posts-area,
    .echo-hero-section {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}