/*
=========================================================
 CITY LIVE READER SUITE
 Module  : BHASHINI TRANSLATE
 Version : 2.7
 Theme   : City Live Red + Blue
 Scope   : Translate popup only
=========================================================
*/

.cl-bt-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(7, 15, 31, 0.62);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}

.cl-bt-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.cl-bt-modal-open {
    overflow: hidden;
}

.cl-bt-dialog {
    width: min(520px, 100%);
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(17, 57, 110, .16);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
    transform: translateY(12px) scale(.985);
    transition: transform .18s ease;
}

.cl-bt-modal.is-open .cl-bt-dialog {
    transform: translateY(0) scale(1);
}

.cl-bt-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 104px;
    padding: 22px 58px 22px 24px;
    color: #fff;
    background: linear-gradient(115deg, #d71920 0%, #e21b23 44%, #244fa5 100%);
}

.cl-bt-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .16);
    font-size: 25px;
}

.cl-bt-header-copy h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.cl-bt-header-copy p {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
}

.cl-bt-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}

.cl-bt-close:hover {
    background: rgba(255, 255, 255, .22);
    transform: rotate(90deg);
}

.cl-bt-body {
    padding: 24px;
}

.cl-bt-body > label {
    display: block;
    margin-bottom: 9px;
    color: #1a2638;
    font-size: 14px;
    font-weight: 700;
}

.cl-bt-select {
    width: 100%;
    height: 56px;
    padding: 0 16px;
    border: 1px solid #d6deea;
    border-radius: 12px;
    outline: none;
    color: #172033;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
}

.cl-bt-select:focus {
    border-color: #2c65d8;
    box-shadow: 0 0 0 3px rgba(44, 101, 216, .12);
}

.cl-bt-actions {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.cl-bt-primary,
.cl-bt-secondary {
    min-height: 52px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.cl-bt-primary {
    flex: 1;
    border: 0;
    color: #fff;
    background: linear-gradient(100deg, #e21b23 0%, #c9161e 45%, #2457b3 100%);
    box-shadow: 0 8px 20px rgba(37, 84, 175, .18);
}

.cl-bt-secondary {
    flex: 0 0 145px;
    border: 1px solid #d6deea;
    color: #17305e;
    background: #fff;
}

.cl-bt-primary:hover,
.cl-bt-secondary:hover {
    transform: translateY(-1px);
}

.cl-bt-primary:disabled {
    opacity: .58;
    cursor: wait;
    transform: none;
}

.cl-bt-status {
    min-height: 42px;
    margin-top: 14px;
    padding: 11px 13px;
    border-radius: 10px;
    color: #607089;
    background: #f5f7fa;
    font-size: 13px;
    line-height: 1.5;
}

.cl-bt-status.is-error {
    color: #a8171d;
    background: #fff0f1;
}

/*
 * Translate button active state.
 * Normal state remains the existing Reader Suite design.
 */
.cl-reader-suite .cl-tool-btn[data-tool="translate"].active {
    color: #fff;
    border-color: #245fcb;
    background: #2867df;
    box-shadow: 0 0 0 2px rgba(40, 103, 223, .12);
}

/*
 * Do not style body/html or other pages.
 */
@media (max-width: 600px) {

    .cl-bt-modal {
        padding: 12px;
        align-items: flex-end;
    }

    .cl-bt-dialog {
        border-radius: 18px;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
    }

    .cl-bt-header {
        min-height: 92px;
        padding: 18px 54px 18px 18px;
    }

    .cl-bt-header-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 22px;
    }

    .cl-bt-header-copy h3 {
        font-size: 18px;
    }

    .cl-bt-body {
        padding: 18px;
    }

    .cl-bt-actions {
        flex-direction: column;
    }

    .cl-bt-secondary {
        flex-basis: auto;
        width: 100%;
    }

}



/*=========================================================
 CITY LIVE BHASHINI TRANSLATOR OVERLAY
 Version : 2.8.0
=========================================================*/

:root{
    --cl-translator-header-height:68px;
    --cl-translator-ad-height:180px;
    --cl-translator-redline-height:4px;
}

body.cl-bt-translator-active{
    overflow:hidden !important;
}

#clCityLivePremiumTranslator{
    position:fixed !important;
    inset:0 !important;

    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;

    display:none !important;

    margin:0 !important;
    padding:0 !important;

    background:#fff !important;
    color:#202b3c !important;

    z-index:2147483001 !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator.is-open{
    display:block !important;
}

#clCityLivePremiumTranslator
.cl-translator-backdrop{
    position:absolute !important;
    inset:0 !important;

    background:#fff !important;
    z-index:0 !important;
    pointer-events:none !important;
}

/* HEADER */
#clCityLivePremiumTranslator
.cl-translator-premium-header{
    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    height:var(--cl-translator-header-height) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:0 clamp(14px,3vw,34px) !important;

    background:
        linear-gradient(
            110deg,
            #d70812 0%,
            #e51b23 35%,
            #743a8f 68%,
            #174ea6 100%
        ) !important;

    color:#fff !important;

    box-shadow:
        0 5px 24px rgba(11,23,48,.20) !important;

    z-index:20 !important;
    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-brand{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;

    min-width:0 !important;
    max-width:calc(100% - 120px) !important;

    white-space:nowrap !important;
    overflow:hidden !important;
}

#clCityLivePremiumTranslator
.cl-translator-brand-name{
    font-size:20px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.35px !important;
    flex:0 0 auto !important;
}

#clCityLivePremiumTranslator
.cl-translator-divider{
    opacity:.55 !important;
    flex:0 0 auto !important;
}

#clCityLivePremiumTranslator
.cl-translator-status,
#clCityLivePremiumTranslator
.cl-translator-language{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    flex:0 1 auto !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

#clCityLivePremiumTranslator
.cl-translator-controls{
    display:flex !important;
    align-items:center !important;

    position:relative !important;
    z-index:30 !important;

    pointer-events:auto !important;
    flex:0 0 auto !important;
}

#clCityLivePremiumTranslator
.cl-translator-close-btn{
    appearance:none !important;

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

    min-width:96px !important;
    height:42px !important;

    padding:0 15px !important;
    gap:7px !important;

    border-radius:23px !important;
    border:1px solid rgba(255,255,255,.38) !important;

    color:#fff !important;
    background:rgba(255,255,255,.10) !important;

    font-family:inherit !important;
    font-size:14px !important;
    font-weight:700 !important;

    cursor:pointer !important;
}

#clCityLivePremiumTranslator
.cl-translator-close-btn:hover{
    background:rgba(255,255,255,.23) !important;
}

#clCityLivePremiumTranslator
.cl-translator-close-x{
    font-size:24px !important;
    line-height:1 !important;
    font-weight:300 !important;
}

#clCityLivePremiumTranslator
.cl-translator-close-label{
    line-height:1 !important;
}

/* SCROLL */
#clCityLivePremiumTranslator
.cl-translator-premium-scroll{
    position:absolute !important;

    top:var(--cl-translator-header-height) !important;
    left:0 !important;
    right:0 !important;

    bottom:
        calc(
            var(--cl-translator-ad-height) +
            var(--cl-translator-redline-height)
        ) !important;

    overflow-y:scroll !important;
    overflow-x:hidden !important;

    background:#fff !important;

    z-index:10 !important;

    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;

    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-scroll::-webkit-scrollbar{
    width:9px !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-scroll::-webkit-scrollbar-thumb{
    background:#aeb9c9 !important;
    border-radius:10px !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-scroll::-webkit-scrollbar-track{
    background:#f1f4f8 !important;
}

/* CONTENT */
#clCityLivePremiumTranslator
.cl-translator-premium-content{
    width:min(
        960px,
        calc(100% - 32px)
    ) !important;

    margin:0 auto !important;

    padding:32px 0 90px !important;

    box-sizing:border-box !important;
}

/* TITLE */
#clCityLivePremiumTranslator
.cl-translator-premium-title{
    margin:0 0 20px !important;

    color:#111827 !important;

    font-size:
        clamp(30px,4vw,50px) !important;

    line-height:1.13 !important;
    font-weight:800 !important;
    letter-spacing:-.55px !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-title > *{
    margin:0 !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
}

/* SUMMARY */
#clCityLivePremiumTranslator
.cl-translator-premium-summary{
    margin:0 0 28px !important;

    padding:17px 20px !important;

    background:#f5f7fa !important;

    border-left:4px solid #e31b23 !important;
    border-radius:0 10px 10px 0 !important;

    color:#34445d !important;

    font-size:19px !important;
    line-height:1.62 !important;
    font-weight:500 !important;

    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-summary > *{
    margin:0 !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
}

/* ARTICLE */
#clCityLivePremiumTranslator
.cl-translator-premium-article{
    color:#202b3c !important;

    font-size:18px !important;
    line-height:1.86 !important;
    font-weight:400 !important;

    word-wrap:break-word !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-article p,
#clCityLivePremiumTranslator
.cl-translator-premium-article li{
    font-size:inherit !important;
    line-height:inherit !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-article h1,
#clCityLivePremiumTranslator
.cl-translator-premium-article h2,
#clCityLivePremiumTranslator
.cl-translator-premium-article h3,
#clCityLivePremiumTranslator
.cl-translator-premium-article h4,
#clCityLivePremiumTranslator
.cl-translator-premium-article h5,
#clCityLivePremiumTranslator
.cl-translator-premium-article h6{
    color:#172033 !important;
    line-height:1.35 !important;
    margin:1.4em 0 .65em !important;
}

/* Link styling stays visually reader-like */
#clCityLivePremiumTranslator
.cl-translator-premium-article a{
    color:#174ea6 !important;
    text-decoration:underline !important;
}

/* Remove media if any survives in cloned nodes */
#clCityLivePremiumTranslator
.cl-translator-premium-article img,
#clCityLivePremiumTranslator
.cl-translator-premium-article picture,
#clCityLivePremiumTranslator
.cl-translator-premium-article video,
#clCityLivePremiumTranslator
.cl-translator-premium-article iframe,
#clCityLivePremiumTranslator
.cl-translator-premium-article embed,
#clCityLivePremiumTranslator
.cl-translator-premium-article object,
#clCityLivePremiumTranslator
.cl-translator-premium-article figure{
    display:none !important;
}

/* PROGRESS / STATUS */
#clCityLivePremiumTranslator
.cl-translator-progress{
    margin:0 0 18px !important;

    padding:10px 13px !important;

    border-radius:10px !important;

    background:#f5f7fa !important;
    color:#52627b !important;

    font-size:13px !important;
    line-height:1.45 !important;
}

#clCityLivePremiumTranslator
.cl-translator-progress.is-complete{
    color:#225a3b !important;
    background:#eef8f2 !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-article
[data-translation-progress]{
    position:relative !important;
}

/* AD STAGE
 * Same Reader Mode geometry and premium white treatment.
 */
#clCityLivePremiumTranslator
.cl-translator-premium-ad-stage{
    position:absolute !important;

    left:0 !important;
    right:0 !important;

    bottom:var(--cl-translator-redline-height) !important;

    height:
        clamp(
            150px,
            22vh,
            220px
        ) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:
        14px
        clamp(10px,4vw,60px)
        14px !important;

    background:#fff !important;

    border:0 !important;
    box-shadow:none !important;

    box-sizing:border-box !important;

    z-index:35 !important;

    overflow:hidden !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-ad-inner{
    width:min(1220px,100%) !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted{
    display:block !important;
    position:relative !important;

    width:100% !important;
    max-width:1220px !important;

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

    margin:0 auto !important;
    padding:14px 0 !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

    visibility:visible !important;
    opacity:1 !important;

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    background:#fff !important;
}

#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.citylive-audio-ad-iframe,
#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.citylive-step6d-ad-creative img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 auto !important;

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.citylive-audio-ad-iframe{
    height:90px !important;
    min-height:90px !important;
}

/* Hide any legacy ad label/divider inside the moved real ad */
#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.cl-player-ad-divider,
#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.cl-player-ad-label{
    display:none !important;
}

/* RED LINE */
#clCityLivePremiumTranslator
.cl-translator-premium-redline{
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    height:var(--cl-translator-redline-height) !important;

    background:#e31b23 !important;

    z-index:40 !important;

    pointer-events:none !important;
}

/* Responsive */
@media (max-width:768px){

    #clCityLivePremiumTranslator
    .cl-translator-premium-header{
        height:60px !important;
        padding:0 11px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-brand-name{
        font-size:17px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-status,
    #clCityLivePremiumTranslator
    .cl-translator-language{
        font-size:12px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-divider{
        gap:0 !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-close-btn{
        min-width:72px !important;
        width:auto !important;
        height:36px !important;

        padding:0 12px !important;

        border-radius:20px !important;

        font-size:13px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-close-x{
        font-size:22px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-content{
        width:calc(100% - 24px) !important;

        padding:
            24px 0 70px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-title{
        font-size:
            clamp(25px,7.5vw,37px) !important;

        line-height:1.17 !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-summary{
        font-size:17px !important;
        line-height:1.58 !important;
        padding:14px 15px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-article{
        line-height:1.78 !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-ad-stage{
        height:auto !important;
        min-height:150px !important;

        padding:
            14px
            8px
            14px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-ad-inner{
        height:auto !important;
    }

    #clCityLivePremiumTranslator
    #clPlayerAd.cl-translator-premium-ad-mounted{
        max-height:none !important;
        padding:14px 0 !important;
    }
}


/*=========================================================
 v2.8.1 — FINAL TRANSLATOR POLISH
=========================================================*/

/* No translation status strip after Summary. */
#clCityLivePremiumTranslator
.cl-translator-progress{
    display:none !important;
}

/* Header carries the only translation-status text. */
#clCityLivePremiumTranslator
.cl-translator-language{
    font-weight:700 !important;
    color:#fff !important;
}

/* Keep header compact and professional on smaller screens. */
@media(max-width:768px){
    #clCityLivePremiumTranslator
    .cl-translator-premium-brand{
        gap:6px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-brand-name{
        font-size:17px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-status,
    #clCityLivePremiumTranslator
    .cl-translator-language{
        font-size:12px !important;
    }
}


/*=========================================================
 v2.8.2 — READER-STYLE TRANSLATOR FINAL POLISH

 Sequence:
 Title → Summary → Main Image → Article → Advertisement → Red Line
=========================================================*/

/* Header: shared Reader Mode control language */
#clCityLivePremiumTranslator
.cl-translator-controls{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
}

/* A- / A+ buttons */
#clCityLivePremiumTranslator
.cl-translator-font-btn{
    appearance:none !important;

    width:50px !important;
    height:42px !important;

    padding:0 !important;

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

    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.38) !important;

    color:#fff !important;
    background:rgba(255,255,255,.10) !important;

    font-family:inherit !important;
    font-size:17px !important;
    font-weight:800 !important;

    cursor:pointer !important;
}

#clCityLivePremiumTranslator
.cl-translator-font-btn:hover{
    background:rgba(255,255,255,.23) !important;
}

/* X-only close button */
#clCityLivePremiumTranslator
.cl-translator-close-btn{
    min-width:50px !important;
    width:50px !important;
    height:42px !important;

    padding:0 !important;

    border-radius:10px !important;

    gap:0 !important;
}

#clCityLivePremiumTranslator
.cl-translator-close-x{
    font-size:27px !important;
    line-height:1 !important;
    font-weight:300 !important;
}

/* Featured image between Summary and Article */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image{
    width:100% !important;

    margin:
        0 0 30px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    max-height:520px !important;

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

    margin:0 auto !important;

    border-radius:10px !important;

    background:#f5f7fa !important;
}

/* Do not let generic article image rules affect featured image. */
#clCityLivePremiumTranslator
.cl-translator-premium-content
> .cl-translator-premium-featured-image{
    flex:0 0 auto !important;
}

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

    #clCityLivePremiumTranslator
    .cl-translator-controls{
        gap:6px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-font-btn{
        width:38px !important;
        height:36px !important;

        border-radius:9px !important;

        font-size:15px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-close-btn{
        min-width:38px !important;
        width:38px !important;
        height:36px !important;

        border-radius:50% !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-close-x{
        font-size:24px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image{
        margin-bottom:22px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image img{
        border-radius:8px !important;
        max-height:320px !important;
    }
}


/*=========================================================
 v2.8.3 — FUNCTIONAL FIXES
=========================================================*/

/* Controls always clickable above backdrop/content layers. */
#clCityLivePremiumTranslator
.cl-translator-premium-header,
#clCityLivePremiumTranslator
.cl-translator-controls,
#clCityLivePremiumTranslator
.cl-translator-font-btn,
#clCityLivePremiumTranslator
.cl-translator-close-btn{
    pointer-events:auto !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-header{
    z-index:2147483008 !important;
}

#clCityLivePremiumTranslator
.cl-translator-controls{
    z-index:2147483009 !important;
}

#clCityLivePremiumTranslator
.cl-translator-backdrop{
    z-index:0 !important;
    pointer-events:none !important;
}

/* Guaranteed article font inheritance for A− / A+. */
#clCityLivePremiumTranslator
.cl-translator-premium-article{
    font-size:
        var(
            --cl-translator-article-font-size,
            18px
        ) !important;

    line-height:1.86 !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-article
p,
#clCityLivePremiumTranslator
.cl-translator-premium-article
li,
#clCityLivePremiumTranslator
.cl-translator-premium-article
div,
#clCityLivePremiumTranslator
.cl-translator-premium-article
span,
#clCityLivePremiumTranslator
.cl-translator-premium-article
a,
#clCityLivePremiumTranslator
.cl-translator-premium-article
strong,
#clCityLivePremiumTranslator
.cl-translator-premium-article
b,
#clCityLivePremiumTranslator
.cl-translator-premium-article
em,
#clCityLivePremiumTranslator
.cl-translator-premium-article
i,
#clCityLivePremiumTranslator
.cl-translator-premium-article
blockquote{
    font-size:inherit !important;
}

/* Featured image: visible, centered, responsive. */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image{
    display:flex !important;

    width:100% !important;

    margin:0 0 28px !important;

    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image img{
    display:block !important;

    width:auto !important;
    max-width:100% !important;

    height:auto !important;

    max-height:520px !important;

    object-fit:contain !important;

    margin:0 auto !important;

    border-radius:10px !important;

    background:#f5f7fa !important;

    box-shadow:
        0 5px 18px rgba(20,35,60,.08) !important;
}

@media(max-width:768px){
    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image img{
        width:100% !important;
        max-height:320px !important;
        border-radius:8px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-controls{
        gap:6px !important;
    }
}


/*=========================================================
 v2.8.4 — AD STAGE COMPACTING

 User preference:
 Reduce Translator Advertisement frame height by ~50%.
 Keep the ad creative itself untouched.
=========================================================*/

#clCityLivePremiumTranslator{
    --cl-translator-ad-height:
        clamp(75px, 11vh, 110px) !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-scroll{
    bottom:
        calc(
            var(--cl-translator-ad-height) +
            var(--cl-translator-redline-height)
        ) !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-ad-stage{
    height:
        var(--cl-translator-ad-height) !important;

    min-height:
        75px !important;

    padding:
        6px
        clamp(8px,3vw,36px)
        6px !important;

    align-items:center !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-ad-inner{
    height:100% !important;
}

#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted{
    max-height:98px !important;
    padding:4px 0 !important;
}

#clCityLivePremiumTranslator
#clPlayerAd.cl-translator-premium-ad-mounted
.citylive-audio-ad-iframe{
    height:90px !important;
    min-height:90px !important;
}

/* Mobile — keep it compact, roughly half of the previous stage. */
@media(max-width:768px){

    #clCityLivePremiumTranslator{
        --cl-translator-ad-height:
            clamp(72px, 12vh, 96px) !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-ad-stage{
        height:
            var(--cl-translator-ad-height) !important;

        min-height:
            72px !important;

        padding:
            5px 6px !important;
    }

    #clCityLivePremiumTranslator
    #clPlayerAd.cl-translator-premium-ad-mounted{
        max-height:94px !important;
        padding:2px 0 !important;
    }
}

/* Keep featured image isolated from author/avatar styling. */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image{
    position:relative !important;
    z-index:1 !important;
    margin-bottom:28px !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:520px !important;
    object-fit:contain !important;
    border-radius:10px !important;
}


/*=========================================================
 v2.8.6 — ARTICLE IMAGE SELECTION FIX
=========================================================*/

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image{
    background:#f5f7fa !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image img{
    display:block !important;
    max-width:100% !important;
    width:auto !important;
    height:auto !important;
}

@media(max-width:768px){
    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image img{
        width:100% !important;
    }
}


/*=========================================================
 CITY LIVE BHASHINI TRANSLATOR OVERLAY v2.9.0
 ORIGINAL ARTICLE MEDIA MODE
=========================================================*/

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image{
    display:none;

    width:100% !important;

    margin:
        0 0 28px !important;

    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}

#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > figure,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .post-image,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .post-featured-image,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .featured-image,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .article-media,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .post-media,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .video-wrapper,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .video-embed,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > .post-video,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > picture,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > video,
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image > iframe{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 auto !important;

    box-sizing:border-box !important;
}

/* Images retain the original responsive source set. */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image img{
    display:block !important;

    width:auto !important;
    max-width:100% !important;

    height:auto !important;

    margin:0 auto !important;

    object-fit:contain !important;

    border-radius:10px !important;

    background:#f5f7fa !important;
}

/* Video preserves the original player proportions where possible. */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image video{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    margin:0 auto !important;

    border-radius:10px !important;

    background:#111 !important;
}

/* Embedded video / iframe */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image iframe{
    display:block !important;

    width:100% !important;

    max-width:100% !important;

    min-height:
        clamp(220px,38vw,520px) !important;

    margin:0 auto !important;

    border:0 !important;

    border-radius:10px !important;

    background:#111 !important;
}

/* Do not let the cloned media inherit article margin collapse. */
#clCityLivePremiumTranslator
.cl-translator-premium-featured-image
figure{
    padding:0 !important;
}

@media(max-width:768px){

    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image{
        margin-bottom:22px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image
    img{
        width:100% !important;
        border-radius:8px !important;
    }

    #clCityLivePremiumTranslator
    .cl-translator-premium-featured-image
    iframe{
        min-height:210px !important;
        border-radius:8px !important;
    }
}


/*=========================================================
 CITY LIVE BHASHINI TRANSLATOR v2.10.0
 TRANSLATED SHARE
=========================================================*/

#clCityLivePremiumTranslator .cl-translator-controls{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-btn{
    min-width:88px !important;
    height:42px !important;
    padding:0 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:22px !important;
    border:1px solid rgba(255,255,255,.38) !important;
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

#clCityLivePremiumTranslator .cl-translator-share-btn:hover{
    background:rgba(255,255,255,.23) !important;
}

#clCityLivePremiumTranslator .cl-translator-share-icon{
    font-size:19px !important;
    line-height:1 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-modal{
    position:fixed !important;
    inset:0 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
    z-index:2147483010 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-modal.is-open{
    display:flex !important;
}

#clCityLivePremiumTranslator .cl-translator-share-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(7,15,31,.62) !important;
}

#clCityLivePremiumTranslator .cl-translator-share-dialog{
    position:relative !important;
    width:min(620px,100%) !important;
    max-height:min(86vh,760px) !important;
    overflow:auto !important;
    border:1px solid rgba(17,57,110,.16) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
    z-index:2 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-header{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:20px 20px 18px !important;
    color:#fff !important;
    background:linear-gradient(115deg,#d71920 0%,#e21b23 44%,#244fa5 100%) !important;
}

#clCityLivePremiumTranslator .cl-translator-share-header h3{
    margin:0 0 4px !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1.25 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-header p{
    margin:0 !important;
    color:rgba(255,255,255,.9) !important;
    font-size:13px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-close{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.5) !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
    font-size:27px !important;
    line-height:34px !important;
    cursor:pointer !important;
}

#clCityLivePremiumTranslator .cl-translator-share-body{
    padding:20px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-preview{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    margin-bottom:18px !important;
    padding:14px 15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#f7f9fc !important;
}

#clCityLivePremiumTranslator .cl-translator-share-preview strong{
    color:#111827 !important;
    font-size:16px !important;
    line-height:1.4 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-preview span{
    color:#53657d !important;
    font-size:13px !important;
    line-height:1.5 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-options{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-option{
    min-height:76px !important;
    padding:9px !important;
    border:1px solid #d9e1ec !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#17305e !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

#clCityLivePremiumTranslator .cl-translator-share-option:hover{
    border-color:#b8c9e4 !important;
    background:#f7f9fc !important;
}

#clCityLivePremiumTranslator .cl-translator-share-option > :first-child,
#clCityLivePremiumTranslator .cl-translator-share-option{
    text-align:center !important;
}

#clCityLivePremiumTranslator .cl-translator-share-option span{
    font-size:12px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-url-row{
    margin-top:16px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-url-row input{
    width:100% !important;
    height:46px !important;
    padding:0 12px !important;
    border:1px solid #d6deea !important;
    border-radius:10px !important;
    color:#33445c !important;
    background:#f9fbfd !important;
    font-size:13px !important;
}

#clCityLivePremiumTranslator .cl-translator-share-status{
    min-height:40px !important;
    margin-top:12px !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    color:#607089 !important;
    background:#f5f7fa !important;
    font-size:13px !important;
    line-height:1.45 !important;
}

#clCityLivePremiumTranslator .cl-translator-share-status.is-error{
    color:#a8171d !important;
    background:#fff0f1 !important;
}

@media(max-width:768px){
    #clCityLivePremiumTranslator .cl-translator-controls{gap:6px !important}
    #clCityLivePremiumTranslator .cl-translator-share-btn{
        min-width:38px !important;
        width:38px !important;
        height:36px !important;
        padding:0 !important;
        border-radius:50% !important;
    }
    #clCityLivePremiumTranslator .cl-translator-share-label{display:none !important}
    #clCityLivePremiumTranslator .cl-translator-share-options{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    #clCityLivePremiumTranslator .cl-translator-share-dialog{
        width:100% !important;
        max-height:90vh !important;
        border-radius:18px !important;
    }
    #clCityLivePremiumTranslator .cl-translator-share-body{padding:16px !important}
}


/* v2.14.18 — translated share endpoint deployment fix */

/* v2.14.18 — premium share strip */
#clCityLivePremiumTranslator .cl-translator-share-strip{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    gap:14px !important;margin:0 0 24px !important;padding:10px 12px 10px 16px !important;
    border:1px solid #e1e7ef !important;border-radius:12px !important;background:#f8fafc !important;
    box-sizing:border-box !important;
}
#clCityLivePremiumTranslator .cl-translator-share-strip-label{
    color:#53627a !important;font-size:14px !important;line-height:1.4 !important;font-weight:600 !important;
}
#clCityLivePremiumTranslator .cl-translator-share-strip-btn{
    appearance:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
    gap:7px !important;min-height:36px !important;padding:0 15px !important;border:1px solid rgba(213,25,35,.16) !important;
    border-radius:9px !important;color:#fff !important;
    background:linear-gradient(110deg,#e31b23 0%,#ca1630 45%,#284e9f 100%) !important;
    font-family:inherit !important;font-size:13px !important;font-weight:800 !important;cursor:pointer !important;
}
#clCityLivePremiumTranslator .cl-translator-share-strip-icon{font-size:17px !important;line-height:1 !important}
#clCityLivePremiumTranslator .cl-translator-share-preview-thumb{width:100% !important;margin:0 0 14px !important;display:flex !important;justify-content:center !important}
#clCityLivePremiumTranslator .cl-translator-share-preview-thumb img{display:block !important;width:100% !important;max-height:170px !important;object-fit:cover !important;border-radius:9px !important;background:#eef2f7 !important}
@media(max-width:768px){
    #clCityLivePremiumTranslator .cl-translator-share-strip{gap:9px !important;padding:9px 10px 9px 12px !important}
    #clCityLivePremiumTranslator .cl-translator-share-strip-label{font-size:12px !important}
    #clCityLivePremiumTranslator .cl-translator-share-strip-btn{min-height:34px !important;padding:0 12px !important}
}


/* v2.14.18 — official City Live logo */
#clCityLivePremiumTranslator .cl-translator-brand-link{
    display:inline-flex !important;
    align-items:center !important;
    text-decoration:none !important;
    color:inherit !important;
    flex:0 0 auto !important;
}
#clCityLivePremiumTranslator .cl-translator-brand-logo{
    display:block !important;
    width:150px !important;
    height:50px !important;
    max-width:30vw !important;
    object-fit:contain !important;
    object-position:left center !important;
}

/* v2.14.18 — clean translated-language share strip */
#clCityLivePremiumTranslator .cl-translator-share-strip-label{
    color:#53627a !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}
#clCityLivePremiumTranslator .cl-translator-share-strip-btn{
    white-space:nowrap !important;
}


/*=========================================================
 v2.14.18 — FINAL CLEAN TRANSLATOR HEADER
=========================================================*/

/* Header */
#clCityLivePremiumTranslator .cl-translator-premium-header{
    height:68px !important;
}
#clCityLivePremiumTranslator .cl-translator-premium-brand{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}
#clCityLivePremiumTranslator .cl-translator-brand-name{
    color:#fff !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;
}
#clCityLivePremiumTranslator .cl-translator-header-divider{
    color:rgba(255,255,255,.52) !important;
    font-weight:500 !important;
}

/* Thin transparent light-blue language/share bar */
#clCityLivePremiumTranslator .cl-translator-language-bar{
    position:absolute !important;
    top:68px !important;
    left:0 !important;
    right:0 !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;

    padding:0 clamp(14px,3vw,34px) !important;

    background:rgba(214,235,255,.72) !important;
    border-bottom:1px solid rgba(88,143,196,.28) !important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.45) !important;

    color:#264969 !important;
    box-sizing:border-box !important;

    z-index:19 !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
}
#clCityLivePremiumTranslator .cl-translator-language-bar-left{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    font-size:13px !important;
    line-height:1 !important;
    font-weight:700 !important;
}
#clCityLivePremiumTranslator .cl-translator-language-bar-right{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
}
#clCityLivePremiumTranslator .cl-translator-language-share-btn{
    appearance:none !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    min-height:31px !important;
    padding:0 12px !important;

    border-radius:8px !important;
    border:1px solid rgba(38,88,135,.25) !important;

    color:#244d73 !important;
    background:rgba(255,255,255,.52) !important;

    font-family:inherit !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;

    cursor:pointer !important;
}
#clCityLivePremiumTranslator .cl-translator-language-share-btn:hover{
    background:rgba(255,255,255,.80) !important;
}
#clCityLivePremiumTranslator .cl-translator-share-inline-icon{
    display:inline-flex !important;
    width:15px !important;
    height:15px !important;
}
#clCityLivePremiumTranslator .cl-translator-share-inline-icon svg{
    width:100% !important;
    height:100% !important;
    fill:currentColor !important;
}

/* Account for language bar in scrolling area. */
#clCityLivePremiumTranslator .cl-translator-premium-scroll{
    top:110px !important;
}
@media(max-width:768px){
    #clCityLivePremiumTranslator .cl-translator-premium-header{height:60px !important}
    #clCityLivePremiumTranslator .cl-translator-language-bar{
        top:60px !important;
        height:38px !important;
        padding:0 11px !important;
    }
    #clCityLivePremiumTranslator .cl-translator-premium-scroll{
        top:98px !important;
    }
    #clCityLivePremiumTranslator .cl-translator-brand-name{
        font-size:17px !important;
    }
    #clCityLivePremiumTranslator .cl-translator-language-bar-left{
        font-size:11px !important;
    }
    #clCityLivePremiumTranslator .cl-translator-language-share-btn{
        min-height:29px !important;
        padding:0 10px !important;
        font-size:11px !important;
    }
}

/* Branded social icons */
#clCityLivePremiumTranslator .cl-translator-share-options{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}
#clCityLivePremiumTranslator .cl-translator-share-option{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:84px !important;
    gap:8px !important;
    padding:12px 8px !important;
    border:1px solid #dbe3ee !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#18314d !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    transition:transform .16s ease, box-shadow .16s ease !important;
}
#clCityLivePremiumTranslator .cl-translator-share-option:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 7px 18px rgba(22,44,70,.10) !important;
}
#clCityLivePremiumTranslator .cl-share-social-icon{
    width:28px !important;
    height:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
}
#clCityLivePremiumTranslator .cl-share-social-icon svg{
    width:18px !important;
    height:18px !important;
    fill:#fff !important;
}
#clCityLivePremiumTranslator .cl-share-native-icon{background:#1e5eff !important}
#clCityLivePremiumTranslator .cl-share-whatsapp-icon{background:#25d366 !important}
#clCityLivePremiumTranslator .cl-share-telegram-icon{background:#229ed9 !important}
#clCityLivePremiumTranslator .cl-share-facebook-icon{background:#1877f2 !important}
#clCityLivePremiumTranslator .cl-share-x-icon{background:#111 !important}
#clCityLivePremiumTranslator .cl-share-linkedin-icon{background:#0a66c2 !important}
#clCityLivePremiumTranslator .cl-share-copy-icon{background:#54657d !important}

/* v2.14.18 — White logo + control spacing */
#clCityLivePremiumTranslator .cl-translator-brand-link{
    display:inline-flex !important;
    align-items:center !important;
    text-decoration:none !important;
    color:inherit !important;
    flex:0 0 auto !important;
}
#clCityLivePremiumTranslator .cl-translator-brand-logo{
    display:block !important;
    width:150px !important;
    height:50px !important;
    max-width:30vw !important;
    object-fit:contain !important;
    object-position:left center !important;
}
#clCityLivePremiumTranslator .cl-translator-controls{
    gap:12px !important;
}
#clCityLivePremiumTranslator .cl-translator-font-btn,
#clCityLivePremiumTranslator .cl-translator-close-btn{
    flex:0 0 auto !important;
}
@media(max-width:768px){
    #clCityLivePremiumTranslator .cl-translator-brand-logo{
        width:112px !important;
        height:38px !important;
        max-width:34vw !important;
    }
    #clCityLivePremiumTranslator .cl-translator-controls{
        gap:8px !important;
    }
}

/* v2.14.18 — remove any residual header separator after City Live */
#clCityLivePremiumTranslator
.cl-translator-premium-brand > .cl-translator-divider,
#clCityLivePremiumTranslator
.cl-translator-premium-brand > .cl-translator-header-divider{
    display:none !important;
}
#clCityLivePremiumTranslator
.cl-translator-premium-brand{
    gap:0 !important;
}

/* v2.14.18 — Published date + author on public translated share */
.cl-share-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 18px;
    margin:-10px 0 24px;
    padding:0 2px;
    color:#718096;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
}
.cl-share-meta-item{display:inline-flex;align-items:center;gap:5px}
.cl-share-meta-label{color:#2e5b87;font-weight:800}
@media(max-width:768px){
    .cl-share-meta{margin:-6px 0 20px;font-size:13px;gap:6px 12px}
}

/* v2.14.18 — compact shared article meta */
.cl-share-meta{
    border-top:1px solid #edf1f5;
    padding-top:10px;
}

/* v2.14.18 — PDF / Image toolbar + responsive actions */
.cl-share-article-actions{
    overflow-x:auto !important;
    scrollbar-width:thin !important;
    -webkit-overflow-scrolling:touch !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    padding-bottom:2px !important;
}
.cl-share-toolbar-btn{
    flex:0 0 auto !important;
}
.cl-share-toolbar-btn-pdf{
    letter-spacing:.2px !important;
}
@media(min-width:769px){
    .cl-share-article-toolbar{
        position:relative !important;
    }
}
@media(max-width:768px){
    .cl-share-article-toolbar{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .cl-share-article-actions{
        width:100% !important;
        justify-content:flex-start !important;
        max-width:100% !important;
        overflow-x:auto !important;
    }
}

/* v2.14.18 — export button busy state */
.cl-share-toolbar-btn:disabled{
    opacity:.72 !important;
    cursor:wait !important;
}

/* v2.14.18 — print/export brand footer */
.city-live-print-brand-footer{
    letter-spacing:.05px;
}

/* v2.14.18 — exact print brand assets and safe watermark containment */