@import '_content/HaghRCL/HaghRCL.ns9pcz56fg.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Bale/Bussiness/BaleSendManager.razor.rz.scp.css */
.card[b-0agucleuuq] {
    transition: all 0.3s ease;
}

    .card:hover[b-0agucleuuq] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .card.border-success[b-0agucleuuq] {
        border-width: 3px !important;
    }

.dropArea[b-0agucleuuq] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
}

    .dropArea:hover[b-0agucleuuq] {
        border-color: #28a745;
        background-color: #e8f5e9;
    }

.dropAreaDrug[b-0agucleuuq] {
    border-color: #28a745 !important;
    background-color: #d4edda !important;
}

.dropAreaContent[b-0agucleuuq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.clickText[b-0agucleuuq] {
    color: #28a745;
    cursor: pointer;
}

    .clickText:hover[b-0agucleuuq] {
        text-decoration: underline;
    }

.thumbnail[b-0agucleuuq] {
    transition: all 0.2s ease;
}

    .thumbnail:hover[b-0agucleuuq] {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    .thumbnail input[type="radio"]:checked + img[b-0agucleuuq] {
        border-color: #28a745;
        border-width: 2px;
    }
/* /Pages/Indexs/AboutUs.razor.rz.scp.css */
/* ---- Modern About Us ---- */
section.lp-about[b-bbtq2myj1t] {
    background: #ffffff;
}

.lp-about-title[b-bbtq2myj1t] {
    position: relative;
    display: inline-block;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 1.75rem !important;
}

    .lp-about-title[b-bbtq2myj1t]::after {
        content: "";
        position: absolute;
        bottom: -0.6rem;
        right: 0;
        width: 70px;
        height: 4px;
        border-radius: 4px;
        background: linear-gradient(90deg, #0d6efd, #6610f2);
    }

.lp-about p[b-bbtq2myj1t] {
    line-height: 2.1;
    color: #4b5563;
}

.lp-about .lead-first[b-bbtq2myj1t] {
    font-size: 1.1rem;
    color: #1f2937;
}

.lp-about-img[b-bbtq2myj1t] {
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 2.5rem rgba(17, 24, 39, .15);
    transition: transform .3s ease;
}

    .lp-about-img:hover[b-bbtq2myj1t] {
        transform: scale(1.02);
    }

.lp-about-badge[b-bbtq2myj1t] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: rgba(13, 110, 253, .1);
    color: #0d6efd;
    border-radius: 50rem;
    padding: .35rem 1rem;
    font-weight: 600;
    font-size: .9rem;
    margin-bottom: 1rem;
}
/* ---- Mobile tuning ---- */
@media (max-width: 575.98px) {
    .lp-about-title[b-bbtq2myj1t] {
        font-size: 1.4rem;
    }

    .lp-about p[b-bbtq2myj1t] {
        font-size: .92rem;
        line-height: 2;
    }

    .lp-about .lp-about-img[b-bbtq2myj1t] {
        max-width: 100%;
        border-radius: 1rem;
    }

    .lp-about-badge[b-bbtq2myj1t] {
        font-size: .8rem;
        padding: .3rem .85rem;
    }
}
@media (max-width: 767.98px) {
    .lp-about .lp-about-img[b-bbtq2myj1t] {
        max-height: 240px;
        width: auto;
        max-width: 100%;
    }
}
/* /Pages/Indexs/ChanalSection.razor.rz.scp.css */
/* ---- Modern Social Channel Pills ---- */
[b-vpbff0y5b1] .lp-channels {
    background: transparent !important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.lp-channel-link[b-vpbff0y5b1] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #e5e7eb;
    text-decoration: none;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50rem;
    padding: .5rem 1rem;
    margin: 0;
    font-weight: 500;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.lp-channel-link i[b-vpbff0y5b1] {
    color: #60a5fa;
    margin: 0 !important;
}

.lp-channel-link img[b-vpbff0y5b1] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.lp-channel-link:hover[b-vpbff0y5b1] {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(96, 165, 250, .6);
    transform: translateY(-2px);
    color: #fff;
}

/* ---- Mobile tuning: compact pills ---- */
@media (max-width: 767.98px) {
    .lp-channel-link[b-vpbff0y5b1] {
        font-size: .85rem;
        padding: .42rem .85rem;
        gap: .4rem;
    }

    .lp-channel-link img[b-vpbff0y5b1] {
        width: 24px;
        height: 24px;
    }
}
/* /Pages/Indexs/ContactFooter.razor.rz.scp.css */
/* ---- Modern Footer ---- */
footer.lp-footer[b-7cpmhiz49y] {
    background: linear-gradient(180deg, #111827 0%, #0b1120 100%);
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.lp-footer-heading[b-7cpmhiz49y] {
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-bottom: 1.4rem !important;
    color: #f9fafb;
    font-size: 1.05rem;
}

    .lp-footer-heading[b-7cpmhiz49y]::after {
        content: "";
        position: absolute;
        bottom: -0.55rem;
        right: 0;
        width: 45px;
        height: 3px;
        border-radius: 3px;
        background: linear-gradient(90deg, #0d6efd, #6610f2);
    }

.lp-footer p[b-7cpmhiz49y] {
    color: #9ca3af;
    line-height: 2;
    margin-bottom: 0;
}

.lp-footer-list[b-7cpmhiz49y] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.lp-footer-list li[b-7cpmhiz49y] {
    color: #9ca3af;
    line-height: 1.9;
    font-size: .93rem;
    display: flex;
    align-items: baseline;
    gap: .6rem;
}

.lp-footer-list i[b-7cpmhiz49y] {
    color: #60a5fa;
    flex: 0 0 auto;
    width: 1.1rem;
    text-align: center;
    font-size: .85rem;
    transform: translateY(2px);
}

.lp-footer-list bdi[b-7cpmhiz49y] {
    letter-spacing: .5px;
    color: #d1d5db;
}

.lp-footer-bottom[b-7cpmhiz49y] {
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: rgba(0, 0, 0, .25);
    padding: 1rem 0;
    margin-top: 2.5rem;
}

.lp-footer-copy[b-7cpmhiz49y] {
    color: #6b7280;
    font-size: .88rem;
    text-align: center;
}

/* ---- Mobile tuning: centered, compact footer ---- */
@media (max-width: 767.98px) {
    .lp-footer .container[b-7cpmhiz49y] {
        text-align: center;
    }

    .lp-footer-heading[b-7cpmhiz49y]::after {
        right: 50%;
        transform: translateX(50%);
    }

    .lp-footer-list li[b-7cpmhiz49y] {
        justify-content: center;
    }

    .lp-footer-bottom[b-7cpmhiz49y] {
        margin-top: 1.75rem;
        padding: .8rem 0;
    }
}
/* /Pages/Indexs/HeroSection.razor.rz.scp.css */
/* ---- Modern Hero ---- */
header.lp-hero[b-cy9005fazp] {
    position: relative;
    min-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(13, 60, 145, .82), rgba(102, 16, 242, .62)),
        url('/css/panaroma2.jpg') center / cover no-repeat;
    overflow: hidden;
}

    header.lp-hero[b-cy9005fazp]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(ellipse at bottom, rgba(0,0,0,.25), transparent 65%);
        pointer-events: none;
    }

.lp-hero .container[b-cy9005fazp] {
    position: relative;
    z-index: 2;
    max-width: 850px;
    animation: lp-hero-in-b-cy9005fazp .8s ease both;
}

@keyframes lp-hero-in-b-cy9005fazp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.lp-hero h1[b-cy9005fazp] {
    font-weight: 800;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .35);
    line-height: 1.5;
}

.lp-hero .lead[b-cy9005fazp] {
    opacity: .92;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.lp-hero .lp-hero-panel[b-cy9005fazp] {
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.25rem;
    padding: 2.5rem 1.5rem;
}

    @media (min-width: 768px) {
        .lp-hero .lp-hero-panel[b-cy9005fazp] {
            padding: 3rem 2.5rem;
        }
    }

.lp-hero .lp-cta[b-cy9005fazp] {
    border-radius: 50rem;
    padding: .65rem 1.75rem;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(13, 110, 253, .4);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .lp-hero .lp-cta:hover[b-cy9005fazp] {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(13, 110, 253, .5);
    }
/* ---- Mobile tuning ---- */
@media (max-width: 575.98px) {
    header.lp-hero[b-cy9005fazp] {
        min-height: 52vh;
    }

    .lp-hero .lp-hero-panel[b-cy9005fazp] {
        padding: 1.5rem 1rem;
        border-radius: 1rem;
        margin-inline: .5rem;
    }

    .lp-hero h1[b-cy9005fazp] {
        font-size: 1.35rem;
        line-height: 1.8;
    }

    .lp-hero .lead[b-cy9005fazp] {
        font-size: .95rem;
    }

    .lp-hero .lp-cta[b-cy9005fazp] {
        display: block;
        width: 100%;
        max-width: 280px;
        margin-inline: auto;
        padding: .55rem 1.25rem;
        font-size: .95rem;
    }
}
/* /Pages/Indexs/IndexOutLanding.razor.rz.scp.css */
/* ---- Landing page responsive guard ---- */
.landing-page[b-ro6n5b5uyb] {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی در موبایل */
    -webkit-tap-highlight-color: transparent;
}

/* در موبایل فاصلههای عمودی کمتر */
@media (max-width: 767.98px) {
    .landing-page section[b-ro6n5b5uyb],
    .landing-page header[b-ro6n5b5uyb] {
        scroll-margin-top: 60px;
    }
}
/* /Pages/Indexs/IndexRMSButton.razor.rz.scp.css */
/* ---- Floating Login Button (no overlap with sticky navbar) ---- */
.rms-login-fab[b-ldgm6s1d0n] {
    position: fixed;
    bottom: 1.25rem;
    left: 1.25rem;
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    direction: rtl;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50rem;
    padding: .55rem 1.15rem .55rem .55rem;
    box-shadow: 0 10px 24px rgba(13, 110, 253, .45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    animation: rms-fab-in-b-ldgm6s1d0n .6s ease .3s both;
}

    @keyframes rms-fab-in-b-ldgm6s1d0n {
        from {
            opacity: 0;
            transform: translateY(16px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .rms-login-fab:hover[b-ldgm6s1d0n] {
        transform: translateY(-3px);
        filter: brightness(1.08);
        box-shadow: 0 14px 30px rgba(13, 110, 253, .55);
        color: #fff;
    }

.rms-login-fab-icon[b-ldgm6s1d0n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    flex: 0 0 auto;
}

    .rms-login-fab-icon i[b-ldgm6s1d0n] {
        margin: 0 !important;
        transform: translateY(-1px);
    }

.rms-login-fab-text[b-ldgm6s1d0n] {
    white-space: nowrap;
    font-size: .95rem;
}

/* آیکون تنها در موبایل برای جا کمتر */
    @media (max-width: 575.98px) {
        .rms-login-fab[b-ldgm6s1d0n] {
            padding: .55rem;
            bottom: 1rem;
            left: 1rem;
        }

        .rms-login-fab-text[b-ldgm6s1d0n] {
            display: none;
        }

        .rms-login-fab-icon[b-ldgm6s1d0n] {
            width: 2.5rem;
            height: 2.5rem;
        }
    }

@media (prefers-reduced-motion: reduce) {
    .rms-login-fab[b-ldgm6s1d0n] {
        animation: none;
    }
}
/* /Pages/Indexs/NavigationBar.razor.rz.scp.css */
/* ---- Modern Navbar ---- */
nav.lp-navbar[b-7uge7eu454] {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.lp-navbar .navbar-brand[b-7uge7eu454] {
    font-weight: 800;
    background: linear-gradient(90deg, #0d6efd, #6610f2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.5px;
}

.lp-navbar .nav-link[b-7uge7eu454] {
    position: relative;
    font-weight: 500;
    color: #343a40;
    transition: color .2s ease;
}

    .lp-navbar .nav-link[b-7uge7eu454]::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        width: 0;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, #0d6efd, #6610f2);
        transition: width .25s ease;
    }

    .lp-navbar .nav-link:hover[b-7uge7eu454] {
        color: #0d6efd;
    }

        .lp-navbar .nav-link:hover[b-7uge7eu454]::after {
            width: 70%;
        }

.lp-navbar .navbar-toggler[b-7uge7eu454] {
    border: none;
    font-weight: 600;
}

.lp-navbar .navbar-toggler:focus[b-7uge7eu454] {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, .25);
}
/* ---- Mobile tuning ---- */
@media (max-width: 991.98px) {
    .lp-navbar .navbar-brand[b-7uge7eu454] {
        font-size: 1rem;
        max-width: 70vw;
        white-space: normal;
        line-height: 1.5;
    }

    /* collapsed menu: full-width items with dividers */
    .lp-navbar .navbar-collapse[b-7uge7eu454] {
        margin-top: .5rem;
        border-top: 1px solid rgba(0, 0, 0, .06);
        padding-top: .5rem;
    }

    .lp-navbar .nav-link[b-7uge7eu454] {
        padding: .6rem .25rem;
        border-radius: .5rem;
    }

    .lp-navbar .nav-link:hover[b-7uge7eu454] {
        background: rgba(13, 110, 253, .08);
    }

    .lp-navbar .nav-link[b-7uge7eu454]::after {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .lp-navbar .nav-link i[b-7uge7eu454] {
        margin-left: .35rem !important;
        margin-right: 0 !important;
        width: 1.1rem;
        text-align: center;
    }
}
/* /Pages/Indexs/NewsArticles/CategoryofNews.razor.rz.scp.css */
/* ---- Modern Category Ticker ---- */
.category-ticker[b-kdszbelxfm] {
    background: linear-gradient(135deg, rgba(17, 24, 39, .96), rgba(30, 41, 59, .96));
    border-block: 1px solid rgba(255, 255, 255, .08);
    padding: .8rem 1rem;
}

.ticker-inner[b-kdszbelxfm] {
    max-width: 1100px;
    margin-inline: auto;
}

.ticker-wrapper[b-kdszbelxfm] {
    overflow: hidden;
    max-width: 950px;
    padding-block: .15rem;
}

.ticker-track[b-kdszbelxfm] {
    display: flex;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
}

.ticker-chip[b-kdszbelxfm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    white-space: nowrap;
    min-width: 160px;
    justify-content: center;
    margin-inline: .4rem;
    padding: .45rem 1.35rem;
    border-radius: 50rem;
    color: #e5e7eb;
    text-decoration: none;
    font-weight: 600;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
}

.ticker-chip-icon[b-kdszbelxfm] {
    color: #60a5fa;
    margin: 0 !important;
    font-size: .8rem;
}

.ticker-chip:hover[b-kdszbelxfm] {
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    border-color: transparent;
    color: #fff;
    transform: translateY(-2px);
}

.ticker-chip:hover .ticker-chip-icon[b-kdszbelxfm] {
    color: #fff;
}

.ticker-btn[b-kdszbelxfm] {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #e5e7eb;
    margin-inline: .5rem;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.ticker-btn:hover[b-kdszbelxfm] {
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    border-color: transparent;
    color: #fff;
    transform: scale(1.08);
}

.ticker-btn:focus-visible[b-kdszbelxfm] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}
/* ---- Mobile tuning ---- */
@media (max-width: 575.98px) {
    .category-ticker[b-kdszbelxfm] {
        padding: .55rem .5rem;
    }

    .ticker-wrapper[b-kdszbelxfm] {
        padding-block: 0;
    }

    .ticker-chip[b-kdszbelxfm] {
        min-width: 130px;
        margin-inline: .25rem;
        padding: .38rem .9rem;
        font-size: .85rem;
        gap: .3rem;
    }

    .ticker-chip-icon[b-kdszbelxfm] {
        display: none; /* صرفه‌جویی در فضا در موبایل */
    }

    .ticker-btn[b-kdszbelxfm] {
        width: 2.1rem;
        height: 2.1rem;
        margin-inline: .3rem;
        font-size: .8rem;
    }
}
/* /Pages/Indexs/NewsArticles/ShowNews.razor.rz.scp.css */
body[b-jlyywzgt6e] {
    font-family: 'Yekan', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f5f5;
    line-height: 1.8;
}

.navbar-brand img[b-jlyywzgt6e] {
    height: 40px;
}

.top-header[b-jlyywzgt6e] {
    background-color: #d70000;
    color: white;
    font-size: 0.9rem;
}

.main-nav[b-jlyywzgt6e] {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/*.article-header {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.article-title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #b4ab26;
    margin-bottom: 20px;
    background-color: green;
}

.article-meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.article-image {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
}

.article-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}

    .article-content p {
        margin-bottom: 20px;
        text-align: justify;
    }
*/
.tags .tag[b-jlyywzgt6e] {
    display: inline-block;
    background: #e6e6e6;
    color: #333;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    margin: 0 8px 8px 0;
    transition: all 0.3s;
}

    .tags .tag:hover[b-jlyywzgt6e] {
        background: #d70000;
        color: white;
    }

.related-news[b-jlyywzgt6e] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.news-item[b-jlyywzgt6e] {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .news-item:last-child[b-jlyywzgt6e] {
        border-bottom: none;
    }

.footer[b-jlyywzgt6e] {
    background-color: #333;
    color: white;
    padding: 30px 0;
    margin-top: 30px;
}

.social-share[b-jlyywzgt6e] {
    margin: 20px 0;
}

    .social-share a[b-jlyywzgt6e] {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #f0f0f0;
        border-radius: 50%;
        margin-left: 10px;
        color: #333;
    }
/* /Pages/Indexs/NewsSection.razor.rz.scp.css */
/* ---- Modern News Section ---- */
section.lp-news[b-lp2u4s97wh] {
    background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
}

.lp-news-title[b-lp2u4s97wh] {
    position: relative;
    display: inline-block;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 3rem !important;
}

    .lp-news-title[b-lp2u4s97wh]::after {
        content: "";
        position: absolute;
        bottom: -0.6rem;
        right: 50%;
        transform: translateX(50%);
        width: 70px;
        height: 4px;
        border-radius: 4px;
        background: linear-gradient(90deg, #0d6efd, #6610f2);
    }

[b-lp2u4s97wh] .lp-news .card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

[b-lp2u4s97wh] .lp-news .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 1.25rem 2rem rgba(17, 24, 39, .12) !important;
}

[b-lp2u4s97wh] .lp-news .card-img-top {
    height: 200px;
    object-fit: cover;
    border-bottom: none;
}

[b-lp2u4s97wh] .lp-news .card-title a {
    color: #111827;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}

    [b-lp2u4s97wh] .lp-news .card-title a:hover {
        color: #0d6efd;
    }

[b-lp2u4s97wh] .lp-news .card-text {
    line-height: 1.9;
}

[b-lp2u4s97wh] .lp-news .btn {
    border-radius: 50rem;
}

.lp-news-date[b-lp2u4s97wh] {
    color: #6b7280;
    font-size: .85rem;
}

.lp-news-pagination .btn[b-lp2u4s97wh] {
    border-radius: 50rem;
    min-width: 96px;
}

.lp-news-page-indicator[b-lp2u4s97wh] {
    font-weight: 600;
    color: #4b5563;
    align-self: center;
}
/* ---- Modern News Cards ---- */
.lp-news .news-card[b-lp2u4s97wh] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, .06);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 .5rem 1.25rem rgba(17, 24, 39, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.lp-news .news-card:hover[b-lp2u4s97wh] {
    transform: translateY(-8px);
    box-shadow: 0 1.25rem 2.25rem rgba(17, 24, 39, .14);
}

.lp-news .news-card-media[b-lp2u4s97wh] {
    position: relative;
    overflow: hidden;
    background: #eef2f7;
}

.lp-news .news-card-media img[b-lp2u4s97wh] {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    transition: transform .4s ease;
}

.lp-news .news-card:hover .news-card-media img[b-lp2u4s97wh] {
    transform: scale(1.06);
}

.lp-news .news-card-date[b-lp2u4s97wh] {
    position: absolute;
    bottom: .65rem;
    right: .65rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: calc(100% - 1.3rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .78rem;
    font-weight: 600;
    color: #1f2937;
    background: rgba(255, 255, 255, .92);
    border-radius: 50rem;
    padding: .25rem .7rem;
    box-shadow: 0 4px 10px rgba(17, 24, 39, .18);
}

.lp-news .news-card-body[b-lp2u4s97wh] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.1rem 1.25rem 1.25rem;
}

.lp-news .news-card-title[b-lp2u4s97wh] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: .5rem;
}

.lp-news .news-card-title a[b-lp2u4s97wh] {
    color: #111827;
    text-decoration: none;
    transition: color .2s ease;
}

.lp-news .news-card-title a:hover[b-lp2u4s97wh] {
    color: #0d6efd;
}

.lp-news .news-card-summary[b-lp2u4s97wh] {
    color: #6b7280;
    font-size: .92rem;
    line-height: 1.9;
    flex-grow: 1;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lp-news .news-card-more[b-lp2u4s97wh] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: none;
    border-radius: 50rem;
    padding: .4rem 1.1rem;
    font-weight: 600;
    font-size: .88rem;
    color: #fff;
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    box-shadow: 0 6px 16px rgba(13, 110, 253, .35);
    transition: transform .2s ease, box-shadow .2s ease;
}

.lp-news .news-card-more:hover[b-lp2u4s97wh] {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(13, 110, 253, .45);
}

.lp-news .news-card-more i[b-lp2u4s97wh] {
    font-size: .75rem;
    transition: transform .2s ease;
}

.lp-news .news-card-more:hover i[b-lp2u4s97wh] {
    transform: translateX(-3px);
}

/* ---- Pagination / actions ---- */
.lp-news .lp-page-btn[b-lp2u4s97wh] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid rgba(17, 24, 39, .15);
    border-radius: 50rem;
    background: #fff;
    color: #374151;
    font-weight: 600;
    padding: .45rem 1.25rem;
    transition: all .2s ease;
}

.lp-news .lp-page-btn:hover:not(:disabled)[b-lp2u4s97wh] {
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    border-color: transparent;
    color: #fff;
    transform: translateY(-2px);
}

.lp-news .lp-page-btn:disabled[b-lp2u4s97wh] {
    opacity: .45;
    cursor: not-allowed;
}

.lp-news .lp-all-btn[b-lp2u4s97wh] {
    display: inline-flex;
    align-items: center;
    border: none;
    border-radius: 50rem;
    padding: .55rem 1.6rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    box-shadow: 0 8px 20px rgba(13, 110, 253, .35);
    transition: transform .2s ease, box-shadow .2s ease;
}

.lp-news .lp-all-btn:hover[b-lp2u4s97wh] {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(13, 110, 253, .45);
}

.lp-news .lp-back-link[b-lp2u4s97wh] {
    display: inline-flex;
    align-items: center;
    color: #6b7280;
    text-decoration: none;
    font-weight: 500;
    transition: color .2s ease;
}

.lp-news .lp-back-link:hover[b-lp2u4s97wh] {
    color: #0d6efd;
}

/* ---- Loading & empty states ---- */
.lp-news .lp-news-loading .spinner-border[b-lp2u4s97wh] {
    width: 3rem;
    height: 3rem;
}

.lp-news .lp-news-empty[b-lp2u4s97wh] {
    color: #9ca3af;
}

.lp-news .lp-news-empty i[b-lp2u4s97wh] {
    color: #d1d5db;
}
/* ---- Mobile tuning ---- */
@media (max-width: 767.98px) {
    .lp-news-title[b-lp2u4s97wh] {
        font-size: 1.4rem;
        margin-bottom: 2rem !important;
    }

    .lp-news-title[b-lp2u4s97wh]::after {
        width: 55px;
        bottom: -0.5rem;
    }

    .lp-news .news-card-media img[b-lp2u4s97wh] {
        height: 150px;
        aspect-ratio: auto;
    }
    .lp-news .news-card-body[b-lp2u4s97wh] {
        padding: .9rem 1rem 1rem;
    }

    .lp-news .news-card-title[b-lp2u4s97wh] {
        font-size: .98rem;
    }

    .lp-news .news-card-summary[b-lp2u4s97wh] {
    color: #6b7280;
    font-size: .92rem;
    line-height: 1.9;
    flex-grow: 1;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .lp-news .news-card-more[b-lp2u4s97wh] {
        align-self: stretch;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .lp-news-pagination[b-lp2u4s97wh] {
        width: 100%;
        gap: .5rem !important;
    }

    .lp-news .lp-page-btn[b-lp2u4s97wh] {
        flex: 1 1 auto;
        justify-content: center;
        padding: .45rem .8rem;
        font-size: .88rem;
    }

    .lp-news .lp-news-page-indicator[b-lp2u4s97wh] {
        font-size: .85rem;
    }

    .lp-news .lp-all-btn[b-lp2u4s97wh] {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
}
