/* ==========================================================================
   News tiers (2026-10-31): the day summary on /cryptonews/<day>/, the
   «نسخهٔ کامل این خبر» link on an item, the «منبع خبر» line on a full post
   and the coin hub intro on /crypto-currency/<coin>/.

   Built on the `--cn-*` tokens of cryptonews.css (declared on .arz-cn and
   .arz-cn-single, re-pointed for dark mode there), plain CSS, logical
   properties only.
   ========================================================================== */

/* ---------------------------------------------------------------- day summary */

.arz-cn-digest {
    padding: 18px 20px;
    border-radius: 0.75rem;
    background: var(--cn-surface);
    box-shadow: var(--cn-shadow);
}
@media (min-width: 768px) { .arz-cn-digest { padding: 22px 26px; } }

.arz-cn-digest__title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    color: var(--cn-title);
}
.arz-cn-digest__text p {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 2;
    color: var(--cn-text);
}
.arz-cn-digest__text p:last-child { margin-block-end: 0; }
.arz-cn-digest__text a {
    color: var(--cn-primary-strong);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.arz-cn-digest__text ul,
.arz-cn-digest__text ol { margin: 0 0 10px; padding-inline-start: 1.25rem; color: var(--cn-text); line-height: 2; }
.arz-cn-digest__by {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--cn-faint);
}
.arz-cn-top--digest {
    margin-block-start: 16px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--cn-hairline);
}
/* Five cards: a scroll row on phones (pulse rule), five columns are too
   narrow below 1280px, so 2 + 3 and then one row. */
@media (min-width: 768px) {
    .arz-cn-top--digest .arz-cn-top__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
    .arz-cn-top--digest .arz-cn-top__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.arz-cn-top--digest .arz-cn-top__card { box-shadow: none; background: var(--cn-surface-sunken); }

/* ---------------------------------------------------------------- item → full post */

.arz-cn-full {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 1rem;
    padding: 14px 16px;
    border-radius: 0.75rem;
    border-inline-start: 4px solid var(--cn-primary);
    background: var(--cn-primary-wash);
    color: var(--cn-title);
    text-decoration: none;
}
.arz-cn-full:hover .arz-cn-full__title,
.arz-cn-full:focus-visible .arz-cn-full__title { text-decoration: underline; }
.arz-cn-full__label { font-size: 13px; font-weight: 700; color: var(--cn-primary-strong); }
.arz-cn-full__label::after { content: " ←"; }
.arz-cn-full__title { font-size: 16px; font-weight: 700; line-height: 1.8; }

/* ---------------------------------------------------------------- source line on a full post */

.entry-content .arz-news-source,
.arz-news-source {
    margin: 1.5rem 0 0;
    padding: 10px 0 0;
    border-top: 1px dashed rgb(211 214 227);
    font-size: 14px;
    color: rgb(104 109 135);
}
html.dark-mode .arz-news-source { border-top-color: rgb(44 52 62); color: rgb(160 166 186); }

/* ---------------------------------------------------------------- coin hub */

.arz-hub { display: grid; gap: 16px; }
.arz-hub__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 18px 20px;
    border-radius: 0.75rem;
    background: var(--cn-surface);
    box-shadow: var(--cn-shadow);
}
@media (min-width: 1024px) {
    .arz-hub__intro { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; padding: 24px 28px; }
}
.arz-hub__text p { margin: 0 0 10px; font-size: 15px; line-height: 2.05; color: var(--cn-text); }
.arz-hub__text p:last-child { margin-block-end: 0; }
.arz-hub__text a { color: var(--cn-primary-strong); text-decoration: underline; text-underline-offset: 3px; }
.arz-hub__text h2,
.arz-hub__text h3 { margin: 12px 0 8px; font-size: 17px; font-weight: 700; color: var(--cn-title); }
.arz-hub .arz-cw--hub { margin: 0; }
.arz-hub__news {
    padding: 16px 20px;
    border-radius: 0.75rem;
    background: var(--cn-surface);
    box-shadow: var(--cn-shadow);
}
.arz-hub__title { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--cn-title); }
.arz-hub__title--articles { margin: 8px 0 -8px; }
.arz-hub__more {
    display: inline-block;
    margin-block-start: 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--cn-primary-strong);
}

/* The in-article card goes three columns from 768px; in the hub's 320px
   column it must stay stacked (icon + name, price, buttons). Between 768 and
   1023px the intro is one column, so three columns are fine there. */
@media (min-width: 1024px) {
    .arz-hub .arz-cw--hub {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas: "icon head" "price price" "actions actions";
    }
    .arz-hub .arz-cw--hub .arz-cw__actions { justify-content: stretch; }
    .arz-hub .arz-cw--hub .arz-cw__btn { flex: 1 1 0; min-width: 0; }
}