/**
 * MeroSath Reading Time Badge Styles.
 *
 * Placed beneath excerpt text on news cards across homepage and archives.
 * Clean, restrained editorial typography matching MeroSath design language.
 */

.merosath-reading-time {
    display: block;
    margin-top: 6px;
    margin-bottom: 2px;
    line-height: 1.2;
}

.merosath-reading-time__badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #767676;
    font-family: inherit;
    vertical-align: middle;
}

/* Ensure proper responsive wrapping and no overflow on mobile devices */
@media (max-width: 767px) {
    .merosath-reading-time {
        margin-top: 4px;
        margin-bottom: 2px;
    }

    .merosath-reading-time__badge {
        font-size: 10px;
        letter-spacing: 0.4px;
    }
}

/* Overlay card styling (td_module_mx1) */
.td_module_mx1 .td-excerpt {
    color: #e2e8f0;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 4px;
    margin-bottom: 2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.td_module_mx1 .merosath-reading-time__badge {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* Compact list cards styling (td_module_mx2, td_module_6) */
.td_module_mx2 .td-excerpt,
.td_module_6 .td-excerpt {
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px;
    color: #767676;
}

.td_module_mx2 .merosath-reading-time,
.td_module_6 .merosath-reading-time {
    margin-top: 3px;
    margin-bottom: 0;
}

/* Featured Card Layout (td_module_mx17) */
.td_module_mx17 .td-module-image {
    height: auto;
    max-height: 400px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.td_module_mx17 .entry-thumb {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    left: auto;
    right: auto;
    margin: 0 auto;
    display: block;
}