/* =========================================================
   GeoCity Advertisement
   متن روی تصویر + ظاهر شدن دوره‌ای
   ========================================================= */

.gc-ad {
    width: 100%;
    max-width: 760px;
    margin: 16px auto;
    padding: 0 12px;
}

.gc-ad__card {
    position: relative;
    display: block;
    width: 100%;
    min-height: 118px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #dce9df;
    background: #234d35;
    text-decoration: none;
    box-shadow: 0 3px 12px rgba(35, 76, 48, .06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gc-ad__card:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(35, 76, 48, .12);
}


/* تصویر کاملاً زمینه کارت */
.gc-ad__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gc-ad__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* لایه تیره خیلی نرم روی تصویر */
.gc-ad__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(15, 35, 23, .18) 0%,
            rgba(15, 35, 23, .42) 45%,
            rgba(15, 35, 23, .78) 100%
        );
}


/* متن روی عکس */
.gc-ad__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 14px 20px;
    text-align: right;

    opacity: 0;
    transform: translateY(10px);

    animation: gcAdTextReveal 5s ease-in-out infinite;
}


/* عنوان */
.gc-ad__title {
    margin: 0;
    max-width: 75%;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 700;

    text-shadow: 0 2px 7px rgba(0, 0, 0, .25);
}


/* توضیحات */
.gc-ad__description {
    max-width: 72%;
    margin: 3px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: 12px;
    line-height: 1.8;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    text-shadow: 0 1px 5px rgba(0, 0, 0, .22);
}


/* برچسب */
.gc-ad__label {
    display: inline-block;
    margin-top: 5px;
    color: rgba(255, 255, 255, .72);
    font-size: 10px;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| ظاهر شدن متن هر 5 ثانیه
|--------------------------------------------------------------------------
*/

@keyframes gcAdTextReveal {

    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    12% {
        opacity: 1;
        transform: translateY(0);
    }

    68% {
        opacity: 1;
        transform: translateY(0);
    }

    82% {
        opacity: 0;
        transform: translateY(-6px);
    }

    100% {
        opacity: 0;
        transform: translateY(-6px);
    }
}


/* حالت بدون تبلیغ */
.gc-ad__empty {
    display: block;
    padding: 9px 12px;
    color: #587463;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease;
}

.gc-ad__empty:hover {
    color: #234d35;
}


/* موبایل */
@media (max-width: 640px) {

    .gc-ad {
        margin: 12px auto;
        padding: 0 8px;
    }

    .gc-ad__card {
        min-height: 92px;
        border-radius: 12px;
    }

    .gc-ad__content {
        padding: 10px 14px;
    }

    .gc-ad__title {
        max-width: 88%;
        font-size: 12px;
        line-height: 1.7;
    }

    .gc-ad__description {
        max-width: 88%;
        font-size: 10px;
        line-height: 1.7;
    }

    .gc-ad__label {
        font-size: 9px;
    }
}


/* رعایت تنظیمات کاهش حرکت سیستم عامل */
@media (prefers-reduced-motion: reduce) {

    .gc-ad__content {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .gc-ad__card {
        transition: none;
    }
}
.article-heading-nav{
    position: inherit!important;
}