/**
 * Arc News Carousel frontend styles.
 * Author: محمد یوسفی - https://mohammad-yousefi.ir
 */
@font-face {
    font-family: 'ARC IRANSans';
    src: url('../fonts/IRANSansWeb_FaNum_Medium.eot');
    src: url('../fonts/IRANSansWeb_FaNum_Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IRANSansWeb_FaNum_Medium.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_FaNum_Medium.woff') format('woff'),
         url('../fonts/IRANSansWeb_FaNum_Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'ARC YekanBakh';
    src: url('../fonts/YekanBakhFaNum-Regular.eot');
    src: url('../fonts/YekanBakhFaNum-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/YekanBakhFaNum-Regular.woff') format('woff'),
         url('../fonts/YekanBakhFaNum-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.arc-news-carousel {
    --arc-accent: #5853f7;
    --arc-card-bg: #fff;
    --arc-text: #222;
    --arc-feature-height: 275px;
    --arc-feature-radius: 30px;
    --arc-max-width: 100%;
    position: relative;
    width: min(100%, var(--arc-max-width));
    min-height: max(300px, calc(var(--arc-feature-height) + 20px));
    margin-inline: auto;
    direction: rtl;
    font-family: var(--arc-font-family, inherit);
    isolation: isolate;
    outline: none;
    touch-action: pan-x;
}

.arc-news-carousel:focus-visible {
    border-radius: 16px;
    outline: 3px solid color-mix(in srgb, var(--arc-accent) 35%, transparent);
    outline-offset: 5px;
}

.arc-news-carousel *,
.arc-news-carousel *::before,
.arc-news-carousel *::after { box-sizing: border-box; }

.arc-news-carousel__feature {
    position: absolute;
    inset-inline-start: 82px;
    top: 10px;
    width: min(480px, 43vw);
    height: var(--arc-feature-height);
    overflow: hidden;
    border-radius: var(--arc-feature-radius);
    background: #111;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
    z-index: 5;
    text-decoration: none;
}

.arc-news-carousel--no-shadow .arc-news-carousel__feature,
.arc-news-carousel--no-shadow .arc-news-carousel__card { box-shadow: none; }

.arc-news-carousel__feature img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .3s ease, transform .5s ease;
}

.arc-news-carousel__feature:hover img { transform: scale(1.025); }
.arc-news-carousel__feature img.is-fading { opacity: 0; }

.arc-news-carousel__feature-overlay {
    position: absolute;
    inset: auto 0 0;
    display: grid;
    gap: 7px;
    padding: 54px 24px 22px;
    color: #fff;
    background: linear-gradient(0deg, rgba(9, 12, 24, .9), rgba(9, 12, 24, 0));
    pointer-events: none;
}

.arc-news-carousel--no-caption .arc-news-carousel__feature-overlay { display: none; }
.arc-news-carousel__feature-category { justify-self: start; padding: 4px 9px; border-radius: 999px; background: var(--arc-accent); font-size: 11px; font-weight: 700; }
.arc-news-carousel__feature-title { display: -webkit-box; overflow: hidden; font-size: 17px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.arc-news-carousel__feature-date { font-size: 11px; opacity: .82; }

.arc-news-carousel__item {
    position: absolute;
    inset-inline-end: 50px;
    display: flex;
    align-items: center;
    z-index: 10;
    text-decoration: none !important;
    transition: transform .55s cubic-bezier(.4, 0, .2, 1), opacity .55s ease, top .55s ease, width .55s ease;
}

.arc-news-carousel__item--2,
.arc-news-carousel__item--4 { width: 38%; height: 54px; margin-inline-end: 30px; }
.arc-news-carousel__item--2 { top: 22%; }
.arc-news-carousel__item--3 { top: 44%; width: 52%; height: 68px; inset-inline-end: 30px; margin-inline-end: 60px; z-index: 20; }
.arc-news-carousel__item--4 { top: 69%; }

.arc-news-carousel__card {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 25px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .045);
    border-radius: 60px;
    background: var(--arc-card-bg);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .06);
}

.arc-news-carousel__item--3 .arc-news-carousel__card { border: 3px solid var(--arc-accent); box-shadow: 0 15px 40px color-mix(in srgb, var(--arc-accent) 18%, transparent); }
.arc-news-carousel__content { display: grid; width: 100%; min-width: 0; gap: 3px; }
.arc-news-carousel__title { width: 100%; overflow: hidden; color: var(--arc-text); font-size: 14px; font-weight: 700; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.arc-news-carousel__item--3 .arc-news-carousel__title { font-size: 17px; }
.arc-news-carousel__meta { overflow: hidden; color: color-mix(in srgb, var(--arc-text) 58%, transparent); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.arc-news-carousel__nav {
    position: absolute;
    inset-inline-end: 0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: var(--arc-accent);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
    cursor: pointer;
    z-index: 30;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

.arc-news-carousel__nav:hover,
.arc-news-carousel__nav:focus-visible { background: var(--arc-accent); color: #fff; transform: scale(1.08); outline: none; }
.arc-news-carousel__nav--up { top: 7%; }
.arc-news-carousel__nav--down { top: 84%; }
.arc-news-carousel__nav svg { width: 20px; height: 20px; fill: currentColor; }
.arc-news-carousel--no-arrows .arc-news-carousel__nav { display: none; }


/* حالت معکوس: تصویر سمت چپ و فهرست سمت راست */
.arc-news-carousel--image-left .arc-news-carousel__feature {
    inset-inline-start: auto;
    inset-inline-end: 82px;
}
.arc-news-carousel--image-left .arc-news-carousel__item {
    inset-inline-start: 50px;
    inset-inline-end: auto;
}
.arc-news-carousel--image-left .arc-news-carousel__item--2,
.arc-news-carousel--image-left .arc-news-carousel__item--4 {
    margin-inline-start: 30px;
    margin-inline-end: 0;
}
.arc-news-carousel--image-left .arc-news-carousel__item--3 {
    inset-inline-start: 30px;
    inset-inline-end: auto;
    margin-inline-start: 60px;
    margin-inline-end: 0;
}
.arc-news-carousel--image-left .arc-news-carousel__nav {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

.arc-news-carousel__item.is-exit-up,
.arc-news-carousel__item.is-enter-up { opacity: 0; transform: translateY(-60px) scale(.7); }
.arc-news-carousel__item.is-exit-down,
.arc-news-carousel__item.is-enter-down { opacity: 0; transform: translateY(60px) scale(.7); }
.arc-news-carousel__empty { padding: 20px; border: 1px solid #e5e7eb; border-radius: 12px; text-align: center; }
.arc-news-carousel__noscript { margin: 0; padding: 20px; }

@media (max-width: 980px) {
    .arc-news-carousel { min-height: calc(var(--arc-feature-height) + 270px); }
    .arc-news-carousel__feature { top: 0; inset-inline: 0; width: 100%; }
    .arc-news-carousel__item { inset-inline-end: 60px; width: calc(100% - 80px); margin-inline-end: 0; }
    .arc-news-carousel__item--2 { top: calc(var(--arc-feature-height) + 28px); }
    .arc-news-carousel__item--3 { top: calc(var(--arc-feature-height) + 95px); inset-inline-end: 60px; width: calc(100% - 80px); }
    .arc-news-carousel__item--4 { top: calc(var(--arc-feature-height) + 175px); }
    .arc-news-carousel__nav { inset-inline-end: 0; }
    .arc-news-carousel__nav--up { top: calc(var(--arc-feature-height) + 32px); }
    .arc-news-carousel__nav--down { top: calc(var(--arc-feature-height) + 180px); }
    .arc-news-carousel--image-left .arc-news-carousel__feature { inset-inline: 0; }
    .arc-news-carousel--image-left .arc-news-carousel__item,
    .arc-news-carousel--image-left .arc-news-carousel__item--3 { inset-inline-start: auto; inset-inline-end: 60px; margin-inline: 0; }
    .arc-news-carousel--image-left .arc-news-carousel__nav { inset-inline-start: auto; inset-inline-end: 0; }
}

@media (max-width: 600px) {
    .arc-news-carousel { --arc-feature-height: min(var(--arc-feature-height), 250px); min-height: calc(var(--arc-feature-height) + 255px); }
    .arc-news-carousel__feature { border-radius: min(var(--arc-feature-radius), 20px); }
    .arc-news-carousel__feature-overlay { padding: 48px 17px 15px; }
    .arc-news-carousel__feature-title { font-size: 14px; }
    .arc-news-carousel__item { inset-inline-end: 52px; width: calc(100% - 62px); }
    .arc-news-carousel__item--2 { top: calc(var(--arc-feature-height) + 25px); }
    .arc-news-carousel__item--3 { top: calc(var(--arc-feature-height) + 91px); inset-inline-end: 52px; width: calc(100% - 62px); height: 64px; }
    .arc-news-carousel__item--4 { top: calc(var(--arc-feature-height) + 170px); }
    .arc-news-carousel__nav { width: 40px; height: 40px; }
    .arc-news-carousel__nav--up { top: calc(var(--arc-feature-height) + 30px); }
    .arc-news-carousel__nav--down { top: calc(var(--arc-feature-height) + 177px); }
    .arc-news-carousel__card { padding: 0 16px; }
    .arc-news-carousel__title,
    .arc-news-carousel__item--3 .arc-news-carousel__title { font-size: 13px; }
    .arc-news-carousel--image-left .arc-news-carousel__item,
    .arc-news-carousel--image-left .arc-news-carousel__item--3 { inset-inline-start: auto; inset-inline-end: 52px; }
}

@media (prefers-reduced-motion: reduce) {
    .arc-news-carousel *,
    .arc-news-carousel *::before,
    .arc-news-carousel *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}