/* GBook readable typography: Bangla text uses Tiro Bangla everywhere. */
body,
button,
input,
textarea,
select,
option,
optgroup,
label,
a,
p,
span,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Tiro Bangla', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'SolaimanLipi', 'Kalpurush', sans-serif !important;
}

/* Keep Font Awesome glyphs on their own icon fonts. */
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
[class^="fa-"],
[class*=" fa-"] {
    font-family: "Font Awesome 6 Free" !important;
}

.fab,
.fa-brands,
[class*="fa-brands"] {
    font-family: "Font Awesome 6 Brands" !important;
}

body {
    font-size: 16px !important;
    line-height: 1.55;
}

button,
input,
textarea,
select {
    font-size: 15px !important;
}

.brand-name,
.brand-name.fb-wordmark {
    font-family: 'Tiro Bangla', serif !important;
}

.location-indicator,
.desktop-search-trigger,
.desktop-quick-menu a {
    font-size: 14px !important;
}

.post-creator-box input,
.post-card-body p,
.post-text-content,
.post-text-wrap,
.comment-bubble p,
.comment-input-row textarea {
    font-size: 16px !important;
}

.creator-actions button,
.engage-link-btn,
.btn-view-post {
    font-size: 15px !important;
}

.section-title,
.featured-merchants-section .section-title {
    font-size: 19px !important;
}

.merchant-card h4,
.post-title,
.post-author-meta h4,
.dew-header h3 {
    font-size: 17px !important;
}

.merchant-card p,
.dew-item-info span,
.desktop-info-card p {
    font-size: 14px !important;
}

.fb-story-label {
    font-size: 14px !important;
}

.history-wrapper .main-title {
    font-size: 30px !important;
}

.history-wrapper .subtitle,
.history-wrapper .desc {
    font-size: 16px !important;
}

.history-wrapper .tab-btn {
    font-size: 15px !important;
}

.history-card-block .card-meta-row h4 {
    font-size: 18px !important;
}

.history-card-block .time-stamp {
    font-size: 13px !important;
}

@media (min-width: 992px) {
    .brand-name,
    .brand-name.fb-wordmark {
        font-size: 26px !important;
        line-height: 1.05 !important;
    }

    .spc-name {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .spc-address {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .desktop-primary-nav a i {
        font-size: 24px !important;
    }

    .local-filter-strip {
        min-height: 54px !important;
    }

    .post-creator-box.fb-composer {
        padding: 15px 18px !important;
    }

    .fb-stories-row {
        gap: 10px !important;
        scrollbar-width: thin;
        scrollbar-color: var(--fb-border) transparent;
        cursor: grab;
        touch-action: pan-x;
    }

    .fb-stories-row:active { cursor: grabbing; }
    .fb-stories-row::-webkit-scrollbar { display: block !important; height: 6px; }
    .fb-stories-row::-webkit-scrollbar-track { background: transparent; }
    .fb-stories-row::-webkit-scrollbar-thumb { background: var(--fb-border); border-radius: 6px; }

    .fb-story-card {
        flex-basis: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        height: 174px !important;
    }

    .fb-story-media {
        height: 130px !important;
        min-height: 130px !important;
    }

    .featured-merchants-section {
        padding: 18px !important;
    }

    .post-card-header,
    .post-card-body {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 15px !important;
    }

    .fb-composer .creator-header {
        min-width: 0;
        gap: 10px !important;
    }

    .fb-composer .mini-avatar {
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        overflow: hidden;
    }

    .fb-composer .mini-avatar img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        border-radius: 50%;
    }

    .fb-composer .creator-header input {
        min-width: 0 !important;
    }

    .brand-text-group {
        max-width: 130px !important;
        min-width: 0 !important;
    }

    .location-indicator {
        max-width: 130px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .fb-top-tab {
        font-size: 22px !important;
    }

    .fb-composer input {
        font-size: 16px !important;
    }

    .fb-story-label {
        font-size: 14px !important;
    }

    .post-title {
        font-size: 20px !important;
    }

    .post-card-body p,
    .post-text-content,
    .post-text-wrap {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }

    .history-wrapper .main-title {
        font-size: 26px !important;
    }

    .history-wrapper .subtitle,
    .history-wrapper .desc {
        font-size: 15px !important;
    }
}