/* ═══════════════════════════════════════════════════════
   Pink Radio – Reviews extension CSS for Editorial articles
   Προσάρτησε στο τέλος του reviews.css
   Αρχείο: template-parts/reviews/reviews-editorial.css
═══════════════════════════════════════════════════════ */

/* ── Hero variant for articles (lighter background) ─── */

.pr-hero--editorial {
    background: #1a1a1a;
    padding: 3.5rem 1.5rem 3rem;
}

/* Smaller, more refined title for editorial */
.pr-hero-title--editorial {
    font-size: clamp(36px, 5.5vw, 68px);
    line-height: 1.0;
    letter-spacing: .5px;
}

/* ── Featured image (below hero, full bleed) ──────── */

.pr-editorial-featured-img {
    margin-bottom: 0;
    line-height: 0;
}

.pr-editorial-featured-img img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
}

/* ── Editorial article wrap (wider reading line) ───── */

.pr-editorial-wrap {
    max-width: 780px;
    padding-top: 3rem;
}

/* ── Series bar ────────────────────────────────────── */

.pr-series-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2.5rem;
    padding: 10px 16px;
    background: var(--pr-light);
    border-left: 4px solid var(--pr-red);
    font-family: var(--pr-font-body);
}

.pr-series-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #999;
}

.pr-series-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--pr-dark);
}

.pr-series-part {
    font-size: 12px;
    color: var(--pr-red);
    margin-left: auto;
    font-style: italic;
}

/* ── Editorial content typography ─────────────────── */

.pr-content--editorial p {
    font-size: 18px;
    line-height: 1.92;
    color: #1e1e1e;
    margin-bottom: 1.5rem;
    font-weight: 300;
}

/* First paragraph — slightly larger drop-in lead */
.pr-content--editorial > p:first-of-type {
    font-size: 20px;
    line-height: 1.8;
    color: #111;
    font-weight: 300;
}

/* Subheadings inside article content */
.pr-content--editorial h2 {
    font-family: var(--pr-font-title);
    font-size: clamp(22px, 3vw, 32px);
    letter-spacing: .5px;
    color: var(--pr-dark);
    margin: 2.5rem 0 .8rem;
    padding-top: .5rem;
    border-top: 1px solid var(--pr-border);
}

.pr-content--editorial h3 {
    font-family: var(--pr-font-title);
    font-size: clamp(18px, 2.5vw, 24px);
    letter-spacing: .5px;
    color: var(--pr-dark);
    margin: 2rem 0 .6rem;
}

/* Inline images inside content */
.pr-content--editorial img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2rem 0;
}

/* ── Author box ────────────────────────────────────── */

.pr-author-box {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 3rem 0 0;
    padding: 1.4rem 1.6rem;
    background: var(--pr-light);
    border: 1px solid var(--pr-border);
}

.pr-author-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50%;
    flex-shrink: 0;
}

.pr-author-name {
    font-family: var(--pr-font-title);
    font-size: 18px;
    letter-spacing: .5px;
    color: var(--pr-dark);
    margin-bottom: 2px;
}

.pr-author-desc {
    font-family: var(--pr-font-body);
    font-size: 13px;
    color: #777;
    font-style: italic;
}

/* ── Shortcode: [pr_dropcap] ─────────────────────── */

.pr-dropcap::first-letter {
    font-family: var(--pr-font-title);
    font-size: 5rem;
    line-height: .75;
    float: left;
    margin: 4px 10px 0 0;
    color: var(--pr-red);
}

/* ── Responsive ────────────────────────────────────── */

@media (max-width: 680px) {
    .pr-hero-title--editorial { font-size: 36px; }
    .pr-series-bar          { flex-wrap: wrap; }
    .pr-author-box          { flex-direction: column; text-align: center; }
}