.ad-title-link {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    background: linear-gradient(to right, #f9f9f9, #fff);
    padding: 12px 18px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    white-space: nowrap; /* ❗️خط تک‌خطی */
    text-overflow: ellipsis; /* ❗️سه‌نقطه */
    overflow: hidden; /* ❗️مهم برای ellipsis */
}

    .ad-title-link i {
        color: #d63384;
        margin-left: 8px;
        font-size: 1.2rem;
        vertical-align: middle;
    }

    .ad-title-link:hover {
        background: linear-gradient(to right, #fff0f6, #fff);
        color: #d63384;
        box-shadow: 0 4px 12px rgba(214, 51, 132, 0.15);
        border-color: #f5c2e7;
    }

@media (max-width: 576px) {
    .ad-title-link {
        font-size: 1rem;
        padding: 10px 14px;
        border-radius: 10px;
        white-space: normal; /* ✅ در موبایل اجازه چندخطی */
        text-overflow: unset;
    }

        .ad-title-link i {
            font-size: 1rem;
            margin-left: 6px;
        }
}