/**
 * Custom Gutenberg blocks styles
 * Overrides per blocchi nativi WordPress per allinearli alla palette V7
 */

/* ==========================================================================
   GUTENBERG OVERRIDES — blocchi nativi
   ========================================================================== */

/* Button block */
.wp-block-button__link {
    border-radius: var(--rei-radius-md) !important;
    font-weight: 700;
    padding: 14px 28px;
    transition: var(--rei-transition);
}
.wp-block-button.is-style-outline .wp-block-button__link {
    border-width: 2px;
}

/* Cover block: titoli leggibili */
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3 {
    color: var(--rei-white);
}

/* Image block: bordi morbidi */
.wp-block-image img {
    border-radius: var(--rei-radius-lg);
}

/* Pull quote */
.wp-block-pullquote {
    border-top: 4px solid var(--rei-yellow);
    border-bottom: 4px solid var(--rei-yellow);
    padding: 32px 0;
}
.wp-block-pullquote p {
    font-size: 1.5rem;
    font-style: italic;
    color: var(--rei-ink);
}

/* Quote */
.wp-block-quote {
    border-left: 4px solid var(--rei-green);
    padding-left: 24px;
    margin: 32px 0;
}

/* Tables */
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    border-radius: var(--rei-radius-md);
    overflow: hidden;
    box-shadow: var(--rei-shadow-sm);
}
.wp-block-table th {
    background: var(--rei-ink);
    color: var(--rei-white);
    text-align: left;
    padding: 12px 16px;
    font-weight: 700;
}
.wp-block-table td {
    padding: 12px 16px;
    border-top: 1px solid var(--rei-gray-vlight);
}
.wp-block-table tr:hover td {
    background: var(--rei-offwhite);
}

/* List */
.wp-block-list { padding-left: 1.5rem; }
.wp-block-list li { margin-bottom: 8px; }

/* Separator */
.wp-block-separator {
    border-top: 2px solid var(--rei-gray-vlight);
    margin: 48px auto;
    max-width: 120px;
}
.wp-block-separator.is-style-wide {
    max-width: 100%;
}

/* ==========================================================================
   CUSTOM BLOCKS (futuri - placeholder per fase 2)
   ========================================================================== */

/* .rei-block-offerta-card (futuro custom block) */
.rei-block-offerta-card {
    background: white;
    border-radius: var(--rei-radius-xl);
    padding: 32px;
    box-shadow: var(--rei-shadow-md);
}

/* .rei-block-cta-fascia (futuro custom block) */
.rei-block-cta-fascia {
    background: var(--rei-cream-dark);
    padding: 64px 0;
    text-align: center;
}
.rei-block-cta-fascia h2 {
    margin-bottom: 24px;
}

/* .rei-block-trust-badges (futuro custom block) */
.rei-block-trust-badges {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    padding: 32px 0;
}
.rei-block-trust-badges img {
    max-height: 60px;
    width: auto;
    opacity: 0.7;
    transition: var(--rei-transition);
}
.rei-block-trust-badges img:hover {
    opacity: 1;
}

/* ==========================================================================
   COMMENTS (single magazine)
   ========================================================================== */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 48px 0;
}
.comment {
    background: var(--rei-offwhite);
    border-radius: var(--rei-radius-lg);
    padding: 24px;
    margin-bottom: 24px;
}
.comment-author {
    font-weight: 700;
    color: var(--rei-ink);
}
.comment-meta { font-size: 12px; color: var(--rei-gray); margin-bottom: 12px; }