.cardrss-block
/*textarea {
    background: #043143;
    color: #9bddff;
    width: 100%;
    font-size: 0.875rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    border: medium none;
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
}*/
.nav-link .card p {
    direction: rtl !important;
    align-content: center;
    text-align: justify !important;
    /* اضافه کردن این ویژگی‌ها برای متن */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
    max-width: 100% !important;
}
 
/* استایل برای تمام عناصر داخل کارت */
.card,
.card-title,
.card-text,
.card-img-overlay,
.card-img-overlay * {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
    max-width: 100% !important;
}

    /* استایل مخصوص برای عناصر با float */
    .card-text span {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
        display: inline-block !important;
    }
.text-float-item {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    max-width: 45% !important; /* محدود کردن عرض برای جلوگیری از overflow */
    display: inline-block !important;
    vertical-align: top !important;
}

/* استایل برای containerهای داخلی */
.container {
    word-wrap: break-word !important;
}

div a.nav-link div.card :hover {
    opacity: 0.9;
    filter: alpha(opacity=40);
    /*text-shadow: 0px 1px 1px rgba(255, 253, 208,.2),0px 0px 2px rgba(0,0,0,.5);*/
}

ul > li :hover > div.card-body {
    background-color: cornsilk !important;
}

ul.itemverticalslider > li :hover > .card-body > div:first-child {
    background-color: darkslategrey !important;
    opacity: 1;
}

ul.itemverticalslider > li :hover > div.card-body > p:last-child {
    background-color: darkslategrey !important;
    color: lightpink;
    opacity: 1;
}

ul.itemverticalslider > li :hover > .fancy-line {
    opacity: 0.9;
}

.fancy-line {
    display: table;
    position: relative;
    border: none;
    height: 20px;
    width: 90%;
    height: 50px;
    border-bottom: 1px solid #1f1209;
    box-shadow: 0 20px 20px -20px #333;
    margin: -45px auto 10px;
    align-self: center;
}

/* for Identifing Page and adjusting Device*/
/* در فایل card.css */
/* استایل اصلی برای دسکتاپ */
.rss-card-item {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

    .rss-card-item .card {
        transition: all 0.3s ease;
    }

/* موبایل - کارت در وسط و عرض کامل */
@media (max-width: 768px) {
   


    .rss-card-item {
        justify-content: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .rss-card-item .card {
        width: 95% !important;
        max-width: 95% !important;
        margin: 0 auto !important;
        float: none !important;
        /* اطمینان از wrap شدن متن */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        display: block !important;
    }

    .card-body {
        padding: 0.1rem !important; /* کاهش padding در موبایل */
    }

    .card-title {
        font-size: 0.9rem !important; /* کاهش سایز فونت در صورت نیاز */
        line-height: 1.3 !important;
    }

    .card-text {
        padding-left: 0.1rem !important;
        padding-right: 0.1rem !important;
    }
    /* استایل برای کارت‌های با عرض بسیار کم */
    .rss-card-item .card[style*="width"] {
        min-width: 0 !important; /* اجازه میده کارت کوچک بشه */
    }
    /* استایل برای مدیریت متن‌های طولانی */
    .text-truncate-multiline {
        display: -webkit-box !important;
        -webkit-line-clamp: 3; /* تعداد خطوط */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* برای عناصر با متن فارسی/عربی */
    [dir="rtl"] .card-body,
    [dir="auto"] .card-body {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
    /* برای اطمینان از居中 شدن کامل */
    .rss-card-container {
        display: flex !important;
        flex-direction: column !important;
        /* align-items: center !important;*/
        -webkit-align-items: center !important;
        width: 100% !important;
         margin: 0 !important;
        padding: 0 !important;
         max-width: 100vw !important;
  }
   
    .container {
        max-width: 100% !important;
        word-wrap: break-word !important;
    }
    /* Hack مخصوص کروم اندروید */
    @@media screen and (-webkit-min-device-pixel-ratio:0) {
        .rss-card-container {
            width: 100% !important;
            width: -webkit-fill-available !important;
        }

        .rss-card-item .card {
            width: 95% !important;
            width: -webkit-fill-available !important;
        }
    }
}

/* تبلت */
@media (min-width: 769px) and (max-width: 1024px) {
    .rss-card-item .card {
        width: 97% !important;
        margin: 0 auto !important;
    }
}

/* دسکتاپ - استفاده از عرض تنظیم شده */
@media (min-width: 1025px) {
    .rss-card-item .card {
        width: @widthOfCard !important;
    }
}





@@media (max-width: 768px) {
}