/* =========================================================
   GLOBAL FONT
========================================================= */

html,
body {
    font-family:
        "Noto Serif Bengali",
        serif;
}

body {
    font-weight:400;
}

button,
input,
select,
textarea {
    font-family:inherit;
}

/* =========================================================
   GLOBAL NEWS IMAGE SYSTEM
   Any uploaded image size will crop automatically
========================================================= */


/* ---------------------------------------------------------
   DEFAULT THUMBNAIL
--------------------------------------------------------- */

.news-thumb,
.news-thumbnail,
.emk-thumb {
    display:block;

    width:100%;
    aspect-ratio:16 / 9;

    overflow:hidden;

    background:#f3f4f6;

    object-fit:cover;
    object-position:center;
}


/* Direct IMG usage */

img.news-thumb,
img.news-thumbnail,
img.emk-thumb {
    width:100% !important;
    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* Wrapper usage */

.news-thumb img,
.news-thumbnail img,
.emk-thumb img {
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* ---------------------------------------------------------
   WEBSITE NEWS CARDS
--------------------------------------------------------- */

.news-card > a > img,
.division-card > a > img,
.tag-news-card > a > img {
    display:block;

    width:100% !important;
    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* ---------------------------------------------------------
   HOMEPAGE STANDARD CARDS
--------------------------------------------------------- */

.emk-hero-bottom article > a > img,
.emk-politics-grid article > a > img,
.emk-three-lead > a > img,
.emk-video-card-image > img,
.emk-sports-mini article > a > img,
.emk-ent-main > a > img,
.emk-ent-small article > a > img,
.emk-bd-grid article > a > img,
.emk-lifestyle article > a > img,
.emk-tech-lead > a > img,
.emk-health-grid article > a > img,
.emk-dashboard-lead > a > img,
.emk-more-lead > a > img {
    display:block;

    width:100% !important;
    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* ---------------------------------------------------------
   HOMEPAGE SMALL HORIZONTAL THUMBNAILS
--------------------------------------------------------- */

.emk-hero-side article img {
    height:78px !important;

    object-fit:cover !important;
    object-position:center center !important;
}


.emk-three-list img {
    width:72px !important;
    height:48px !important;

    object-fit:cover !important;
}


.emk-ent-list img {
    width:72px !important;
    height:50px !important;

    object-fit:cover !important;
}


.emk-tech-list img {
    width:100px !important;
    height:67px !important;

    object-fit:cover !important;
}


.emk-compact-list img {
    width:105px !important;
    height:68px !important;

    object-fit:cover !important;
}


.emk-opinion-list img,
.emk-opinion-author img {
    object-fit:cover !important;
    object-position:center !important;
}


/* ---------------------------------------------------------
   MAIN / FEATURED IMAGES
   Keep different ratio intentionally
--------------------------------------------------------- */

.emk-hero-main > a > img {
    display:block;

    width:100% !important;
    aspect-ratio:16 / 10 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


.emk-politics-lead > a > img,
.emk-sports-main > a > img,
.emk-tech-lead > a > img {
    display:block;

    width:100% !important;
    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center center !important;
}


/* ---------------------------------------------------------
   ARTICLE MAIN IMAGE
   Do NOT force thumbnail crop
--------------------------------------------------------- */

.story-image img {
    width:100% !important;

    height:auto !important;
    max-height:520px;

    object-fit:contain !important;
    object-position:center !important;

    background:#f3f4f6;
}


/* ---------------------------------------------------------
   SHORT NEWS PAGE
--------------------------------------------------------- */

.short-news-thumb {
    display:block;

    width:100% !important;
    aspect-ratio:16 / 9 !important;

    object-fit:cover !important;
    object-position:center !important;
}


/* =========================================================
   GLOBAL AD ALIGNMENT
   All normal banner/article ads centered
========================================================= */

.site-ad {
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    margin-left:auto;
    margin-right:auto;

    text-align:center;
}


/* sponsor link wrapper */
.site-ad.site-ad-sponsor > a {
    display:flex;
    justify-content:center;
    align-items:center;

    width:100%;
}


/* normal ad image */
.site-ad img {
    display:block;

    width:auto;
    height:auto;

    max-width:100%;

    margin-left:auto !important;
    margin-right:auto !important;

    object-fit:contain;
    object-position:center;
}



/* google ad */
.site-ad-google {
    width:100%;

    text-align:center;
}

.site-ad-google ins,
.site-ad-google iframe {
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =========================================================
   HERO SQUARE ADS ARE DIFFERENT
========================================================= */

.emk-hero-square-ad .site-ad {
    width:100%;
    height:100%;

    margin:0 !important;
}

.emk-hero-square-ad .site-ad > a {
    width:100%;
    height:100%;
}

.emk-hero-square-ad .site-ad img,
.emk-hero-square-ad img {
    width:100% !important;
    height:100% !important;

    max-width:none;

    margin:0 !important;

    object-fit:cover !important;
    object-position:center !important;
}

@media(max-width:700px) {

    .emk-hero-side article img {
        width:105px !important;
        height:74px !important;
    }

}


/* =========================================================
   FRONTEND PAGINATION
========================================================= */

.emk-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;

    gap:5px;

    margin:30px 0 8px;
}

.emk-page-number,
.emk-page-arrow {
    min-width:36px;
    height:36px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 10px;

    border:1px solid #dedede;

    background:#ffffff;
    color:#222;

    font-size:14px;
    font-weight:500;
    line-height:1;

    text-decoration:none;

    transition:.15s ease;
}

.emk-page-number:hover,
.emk-page-arrow:hover {
    border-color:#dc2626;
    color:#dc2626;
}

.emk-page-number.is-active {
    border-color:#dc2626;

    background:#dc2626;
    color:#ffffff;

    font-weight:600;
}

.emk-page-arrow {
    width:36px;
    padding:0;

    font-size:12px;
}

.emk-page-arrow.is-disabled {
    color:#bbb;

    background:#f8f8f8;

    cursor:not-allowed;
}

.emk-page-dots {
    min-width:26px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#777;

    font-size:14px;
}

.emk-pagination i {
    font-size:12px;
}

@media(max-width:580px) {

    .emk-pagination {
        gap:4px;
    }

    .emk-page-number,
    .emk-page-arrow {
        min-width:34px;
        height:34px;

        padding:0 8px;

        font-size:13px;
    }

    .emk-page-arrow {
        width:34px;
        padding:0;
    }

}

/* =========================================================
   ARTICLE SHARE BAR
========================================================= */

.article-share {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.article-share-label {
    margin-right:2px;

    color:#777;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
}

.article-share-actions {
    display:flex;
    align-items:center;
    gap:6px;
}

.article-share-btn {
    width:34px;
    height:34px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:1px solid #e3e3e3;
    border-radius:50%;

    background:#fff;
    color:#252525;

    font-size:14px;
    line-height:1;

    text-decoration:none;
    cursor:pointer;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}

.article-share-btn i {
    line-height:1;
}

.article-share-btn:hover {
    transform:translateY(-2px);
}


/* Facebook */
.article-share-btn.facebook:hover {
    background:#1877f2;
    border-color:#1877f2;
    color:#fff;
}


/* X */
.article-share-btn.twitter:hover {
    background:#000;
    border-color:#000;
    color:#fff;
}


/* WhatsApp */
.article-share-btn.whatsapp:hover {
    background:#25d366;
    border-color:#25d366;
    color:#fff;
}


/* Messenger */
.article-share-btn.messenger:hover {
    background:#0084ff;
    border-color:#0084ff;
    color:#fff;
}


/* Copy */
.article-share-btn.copy-link:hover,
.article-share-btn.copy-link.is-copied {
    background:#ef233c;
    border-color:#ef233c;
    color:#fff;
}


/* Mobile */
@media (max-width:767px) {

    .article-share {
        justify-content:flex-start;
        gap:8px;
    }

    .article-share-label {
        font-size:12px;
    }

    .article-share-actions {
        gap:5px;
    }

    .article-share-btn {
        width:32px;
        height:32px;
        font-size:13px;
    }
}

/* =========================================================
   NEWS DETAILS - SHARE BUTTONS
========================================================= */

.story-share {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: nowrap;
}

.story-share-label {
    margin-right: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #777;
}

.story-share .share-story {
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e5e7eb;
    border-radius: 50%;

    background: #f7f7f7;
    color: #222;

    font-size: 14px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.story-share .share-story i {
    display: block;
    line-height: 1;
}

.story-share .share-story:hover {
    background: #ed1c24;
    border-color: #ed1c24;
    color: #fff;
    transform: translateY(-1px);
}

.story-share .share-story:focus-visible {
    outline: 2px solid #ed1c24;
    outline-offset: 2px;
}


/* Mobile */

@media (max-width: 767px) {

    .story-meta-row {
        align-items: flex-start;
        gap: 14px;
    }

    .story-share {
        justify-content: flex-start;
    }

    .story-share-label {
        display: none;
    }

    .story-share .share-story {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}


.article-body p {
    margin: 0 0 18px;
    line-height: 1.9;
}

.article-body p:last-child {
    margin-bottom: 0;
}