/* ══ تبلیغات داخلی سایت ══ */

.cg-ad-badge {
    display: inline-block;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    position: absolute;
    top: 6px;
    inset-inline-start: 6px;
    z-index: 2;
}

/* ══════════ ستون تبلیغاتی دسکتاپ (سمت چپ صفحه) ══════════
   عرض ستون از جریان عادی صفحه رزرو می‌شود (float) تا محتوای
   اصلی به‌طور طبیعی سمت راست قرار بگیرد — بدون همپوشانی. */
@media (min-width: 1200px) {
    main.has-ads-page {
        display: flow-root; /* ارتفاع ستون شناور را در بر می‌گیرد تا فوتر رویش نیفتد */
    }

    .cg-ad-rail {
        float: left;
        width: 300px;
        margin: 14px 28px 14px 16px;
        position: sticky;
        top: 88px;
        max-height: calc(100vh - 104px);
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 18px;
        z-index: 2;
        scrollbar-width: thin;
    }

    .cg-ad-content {
        display: flow-root; /* محتوا دور ستون شناور می‌پیچد و به‌درستی سمت راست جا می‌شود */
    }
}

@media (max-width: 1199.98px) {
    .cg-ad-rail {
        display: none !important;
    }
}

.cg-ad-rail-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .1);
}

.cg-ad-rail-link {
    display: block;
}

    .cg-ad-rail-link img {
        display: block;
        width: 100%;
        height: auto;
    }

html.dark-theme .cg-ad-rail-item {
    background: #10192e;
    border-color: rgba(255, 255, 255, .08);
}

/* ══════════ کارت درون‌محتوایی (موبایل: بین رکوردها / بدون لیست: پایین صفحه) ══════════ */
.cg-ad-inline-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px rgba(15, 23, 42, .08);
    background: #fff;
    margin: 14px 0;
}

.cg-ad-inline-link {
    display: block;
}

    .cg-ad-inline-link img {
        display: block;
        width: 100%;
        height: auto;
    }

html.dark-theme .cg-ad-inline-card {
    background: #10192e;
    border-color: rgba(255, 255, 255, .08);
}