/* =====================================================================
 * Yaghut — گاه‌شمار (مناسبت‌های ماه): کارت‌های صفحه‌ی اصلی و صفحه‌ی «مناسبت‌های ماه»
 * ===================================================================== */

.yaghut-occ-card,
.yaghut-occ-page {
    --occ-primary: #880f35;
    --occ-accent: #bc2050;
    --occ-navy: #344258;
    --occ-gold: #d9bb8a;
    --occ-line: rgba(52, 66, 88, .12);
    --occ-soft: #fbf4f6;
}

/* ---------------- کارت‌های صفحه‌ی اصلی ---------------- */
.yaghut-occ-columns { align-items: stretch !important; }
.yaghut-occ-columns > .column { display: flex; }
.yaghut-occ-card { width: 100%; display: flex; flex-direction: column; }
.yaghut-occ-card .plan-name { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
/* بدون دکمه‌ی پایین: فاصله‌ی انتهای کارت؛ هر چهار گوشه گرد (قالب، یک گوشه را تیز می‌کرد) */
.yaghut-occ-card.fancy-pricing-card,
.yaghut-occ-card { padding-bottom: 1.25rem; border-radius: 20px !important; overflow: hidden; }

/* سربرگ کارت: عنوان و تعداد سمت راست، فلش «مشاهده بیشتر» سمت چپ */
/* سربرگ کارت مثل صفحه‌ی مناسبت‌ها (.yaghut-occ-panel__title) */
.yaghut-occ-card { padding-top: 1rem; }
.yaghut-occ-card .plan-name.yaghut-occ-card__head {
    display: block !important;
    width: auto;
    margin: 0 1rem .6rem !important;
    padding: 0 0 .6rem !important;
    color: var(--occ-primary);
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.6;
    text-align: right;
    border-bottom: 1px solid var(--occ-line);
}
.yaghut-occ-card .yaghut-occ-card__icon { color: var(--occ-accent); font-size: 1rem; }
.yaghut-occ-card .yaghut-occ-card__end { margin-inline-start: auto; display: inline-flex; align-items: center; gap: .4rem; }

/* عنوان کارت = پیوند به صفحه‌ی مناسبت‌های ماه، با فلش */
.yaghut-occ-card .yaghut-occ-card__link {
    display: flex;
    width: 100%;
    direction: rtl;
    align-items: center;
    gap: .45rem;
    color: inherit;
    text-decoration: none;
    padding: 0;
    transition: color .15s ease;
}
.yaghut-occ-card .yaghut-occ-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    color: var(--occ-accent);
    font-size: 1.05rem;
    background: rgba(188, 32, 80, .08);
    border-radius: 50%;
    transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.yaghut-occ-card .yaghut-occ-card__link:hover { color: var(--occ-primary); }
.yaghut-occ-card .yaghut-occ-card__link:hover .yaghut-occ-card__arrow {
    color: #fff;
    background: var(--occ-accent);
    transform: translateX(-3px);
}
.yaghut-occ-card .yaghut-occ-card__link:focus-visible { outline: 2px solid var(--occ-accent); outline-offset: 3px; }

.yaghut-occ-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 .4rem;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    background: var(--occ-accent);
    border-radius: 999px;
}

.yaghut-occ-list {
    position: relative; /* offsetTop موارد نسبت به خود فهرست (اسکرول به امروز) */
    max-height: 21.5rem;
    margin: .25rem .75rem 0;
    padding: .25rem;
    overflow-y: auto;
    text-align: right;
    direction: rtl;
    scrollbar-width: thin;
    scrollbar-color: rgba(188, 32, 80, .3) transparent;
    /* لبه‌ی پایین محو: نشانه‌ی ادامه‌ی فهرست */
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 1.5rem), transparent);
    mask-image: linear-gradient(180deg, #000 calc(100% - 1.5rem), transparent);
    padding-bottom: 1.25rem;
}
.yaghut-occ-list::-webkit-scrollbar { width: 5px; }
.yaghut-occ-list::-webkit-scrollbar-thumb { background: rgba(188, 32, 80, .3); border-radius: 999px; }

/* ---------------- یک مناسبت ---------------- */
.yaghut-occ-item {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .5rem .55rem;
    color: #1f2633;
    text-align: right;
    text-decoration: none;
    border-radius: 12px;
    transition: background-color .15s ease;
}
.yaghut-occ-item + .yaghut-occ-item { margin-top: .15rem; }
.yaghut-occ-item:hover { background: var(--occ-soft, #fbf4f6); color: var(--occ-primary, #880f35); }
.yaghut-occ-item:focus-visible { outline: 2px solid var(--occ-accent, #bc2050); outline-offset: -2px; }

.yaghut-occ-item__day {
    flex: 0 0 auto;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.05;
    color: var(--occ-navy, #344258);
    background: rgba(217, 187, 138, .22);
    border-radius: 10px;
}
.yaghut-occ-item__day b { font-size: 1.05rem; font-weight: 900; }
.yaghut-occ-item__day small { font-size: .6rem; font-weight: 700; opacity: .8; }

.yaghut-occ-item__thumb {
    flex: 0 0 auto;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--occ-accent, #bc2050);
    background: var(--occ-soft, #fbf4f6);
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--occ-line, rgba(52, 66, 88, .12));
}
.yaghut-occ-item__thumb img { width: 100%; height: 100%; object-fit: cover; }

.yaghut-occ-item__body { min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.yaghut-occ-item__title {
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.yaghut-occ-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; color: #6b7280; font-size: .78rem; font-weight: 700; }
.yaghut-occ-item__tag { padding: 0 .45rem; color: var(--occ-navy, #344258); background: rgba(52, 66, 88, .08); border-radius: 999px; }

/* امروز */
.yaghut-occ-item.is-today { background: var(--occ-soft, #fbf4f6); }
.yaghut-occ-item.is-today .yaghut-occ-item__day { color: #fff; background: linear-gradient(145deg, #c0265a, #a3123f); }

/* متن کامل تاریخ فقط برای صفحه‌خوان */
.sr-only-occ { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.yaghut-occ-empty { margin: 1rem 0; color: #6b7280; text-align: center; }

/* ---------------- صفحه‌ی «مناسبت‌های ماه» ---------------- */
.yaghut-occ-page { padding-top: 2rem; }

.yaghut-occ-months {
    display: flex;
    align-items: center;
    gap: .5rem;
    max-width: 980px;
    margin: 0 auto 1.25rem;
}
.yaghut-occ-months__list {
    flex: 1 1 auto;
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    scrollbar-width: none;
    padding: .25rem;
}
.yaghut-occ-months__list::-webkit-scrollbar { display: none; }
.yaghut-occ-months__item,
.yaghut-occ-months__arrow {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .4rem .9rem;
    color: var(--occ-navy);
    font-weight: 800;
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--occ-line);
    border-radius: 999px;
    transition: background-color .15s ease, color .15s ease;
}
.yaghut-occ-months__arrow { width: 2.4rem; height: 2.4rem; padding: 0; font-size: 1.2rem; }
.yaghut-occ-months__item:hover,
.yaghut-occ-months__arrow:hover { color: var(--occ-primary); background: var(--occ-soft); }
.yaghut-occ-months__item.is-current { border-color: rgba(188, 32, 80, .45); }
.yaghut-occ-months__item.is-active { color: #fff; background: linear-gradient(145deg, #c0265a, #a3123f); border-color: transparent; }

.yaghut-occ-jump {
    display: none;
    gap: .4rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.yaghut-occ-jump a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .8rem;
    color: var(--occ-navy);
    font-weight: 700;
    background: #fff;
    border: 1px solid var(--occ-line);
    border-radius: 999px;
}
.yaghut-occ-jump a i { color: var(--occ-accent); }
.yaghut-occ-jump a b { color: var(--occ-accent); }

.yaghut-occ-panel {
    padding: .9rem .75rem 1rem;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--occ-line);
    border-radius: 18px;
    box-shadow: 0 16px 34px -28px rgba(52, 66, 88, .55);
    scroll-margin-top: 6rem;
}
.yaghut-occ-panel__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 .3rem .6rem;
    padding-bottom: .6rem;
    color: var(--occ-primary);
    font-size: 1.1rem;
    font-weight: 900;
    border-bottom: 1px solid var(--occ-line);
}
.yaghut-occ-panel__title .fa { color: var(--occ-accent); }
.yaghut-occ-panel__title .yaghut-occ-count { margin-inline-start: auto; }

/* هر کارت به اندازه‌ی محتوای خودش (نه هم‌قد بلندترین) */
.yaghut-occ-page__columns { align-items: flex-start; }

@media (max-width: 1023px) {
    .yaghut-occ-jump { display: flex; }
}
@media (max-width: 768px) {
    .yaghut-occ-list { max-height: 18rem; margin-inline: .25rem; }
    .yaghut-occ-months__arrow { display: none; }
    .yaghut-occ-item__title { font-size: .88rem; }
}

/* ---------------- کارت‌های صفحه‌ی اصلی: تاریخ و برچسب واقعی ---------------- */
.yaghut-card-meta-empty { visibility: hidden; }