/**
 * Power4U — Singolo articolo (Blog / Comunicazioni)
 * Stile pop coerente con la home: hero bianco con titolo display GRADIENTE
 * arancio→fucsia (background-clip: text), chip categoria nera hover fucsia,
 * link e correlati con accenti fucsia. Enqueued da single.php: sovrascrive
 * le regole base .rei-single__* di templates.css.
 */

/* ===== HERO ===== */
.rei-single__hero {
    background: transparent;
}
.rei-single__cat {
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 999px;
    padding: 7px 18px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 20px;
    transition: background 0.2s ease, transform 0.2s ease;
}
.rei-single__cat:hover,
.rei-single__cat:focus-visible {
    background: #E60B70;
    color: #fff;
    transform: scale(1.04);
    text-decoration: none;
}
/* Titolo display col GRADIENTE firma arancio→fucsia */
.rei-single__title {
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.08;
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    color: #E60B70; /* fallback */
    background-image: linear-gradient(90deg, #EB541D 0%, #E60B70 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.rei-single__lead {
    color: #000;
    font-weight: 700;
}
.rei-single__meta { color: #3C3C3B; }
.rei-single__author { font-weight: 800; color: #000; }

/* ===== IMMAGINE IN EVIDENZA ===== */
.rei-single__feature-img {
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}

/* ===== CONTENUTO ===== */
.rei-single__content a {
    color: #E60B70;
    text-decoration-color: #E60B70;
}
.rei-single__content a:hover,
.rei-single__content a:focus-visible {
    color: #EB541D;
}
.rei-single__content blockquote {
    border-left: 4px solid #E60B70;
}

/* ===== TAG ===== */
.rei-single__tags a {
    color: #E60B70;
    font-weight: 700;
    text-decoration: none;
}
.rei-single__tags a:hover,
.rei-single__tags a:focus-visible {
    color: #EB541D;
    text-decoration: underline;
}

/* ===== ARTICOLI CORRELATI ===== */
.rei-single__related {
    background: transparent;
}
.rei-single__related-title {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    color: #E60B70; /* fallback */
    background-image: linear-gradient(90deg, #EB541D 0%, #E60B70 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.rei-single__related-card {
    background: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #EB541D, #E60B70);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rei-single__related-card:hover,
.rei-single__related-card:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(230, 11, 112, 0.16);
    text-decoration: none;
}
.rei-single__related-card h3 {
    color: #000;
    font-weight: 800;
    transition: color 0.2s ease;
}
.rei-single__related-card:hover h3 {
    color: #E60B70;
}
.rei-single__related-card time {
    color: #3C3C3B;
}