/* ============================================================
   OVERRIDES COULEURS — plugin-page.css
   Objectif : remplacer bleu/vert/violet/orange par les couleurs
   JWL confirmées : terracotta #CC8B72, noir #000, crème #F8F4EE
   À charger APRÈS plugin-page.css dans le <head>
   ============================================================ */

/* Badges du hero (WordPress / Gratuit / GPL v2) */
.badge {
    border-radius: 2px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.badge--blue,
.badge--green,
.badge--purple {
    background-color: #F8F4EE;
    color: #CC8B72;
    border: 1px solid #CC8B72;
}

/* Boutons */
.btn--download {
    background-color: #CC8B72;
    border-color: #CC8B72;
    color: #fff;
}
.btn--download:hover {
    background-color: #b87a63;
    border-color: #b87a63;
    color: #fff;
}
.btn--wp {
    background: transparent;
    color: #000;
    border: 1.5px solid #000;
}
.btn--wp:hover {
    background: #F8F4EE;
}
.btn--outline {
    background: transparent;
    color: #CC8B72;
    border: 1.5px solid #CC8B72;
}
.btn--outline:hover {
    background: #F8F4EE;
}

/* Tabs de navigation (Description / Fonctionnalités / etc.) */
.tab-link--active,
.tab-link:hover {
    color: #CC8B72;
    border-bottom-color: #CC8B72;
}

/* Info boxes (bon à savoir / avertissement) — même teinte terracotta,
   on distingue par l'icône plutôt que par la couleur */
.info-box--blue,
.info-box--orange {
    background-color: #F8F4EE;
    border-left: 3px solid #CC8B72;
}
.info-box--blue strong,
.info-box--orange strong {
    color: #000;
}
.info-box code {
    background: #fff;
    border: 1px solid #e8e2d6;
    color: #CC8B72;
}

/* Compatibilité (✓ WordPress / Elementor / PHP...) */
.compat-item--ok {
    background-color: #F8F4EE;
    color: #000;
    border: 1px solid #e8e2d6;
}
.compat-item--ok::before {
    color: #CC8B72;
}

/* Liens de sous-étapes d'installation */
.inline-dl-link {
    color: #CC8B72;
    font-weight: 600;
}
.inline-dl-link:hover {
    color: #b87a63;
}

/* Numéros de méthode d'installation (A / B) */
.install-num {
    background-color: #CC8B72;
    color: #fff;
}

/* Tags/pills du hero */
.plugin-tag-pill {
    background-color: #F8F4EE;
    color: #000;
    border: 1px solid #e8e2d6;
}

/* Sidebar CTA */
.sidebar-card--cta {
    border-top: 3px solid #CC8B72;
}
.sidebar-card--cta .sidebar-version {
    color: #CC8B72;
}

/* Sidebar bloc marque JWL */
.sidebar-card--brand {
    background-color: #F8F4EE;
    border: 1px solid #e8e2d6;
}
.sidebar-brand-label {
    color: #CC8B72;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
}
.sidebar-brand-cta {
    color: #CC8B72;
    font-weight: 600;
}
.sidebar-brand-cta:hover {
    color: #b87a63;
}

/* Changelog */
.changelog-version {
    color: #CC8B72;
}
.changelog-label {
    background-color: #F8F4EE;
    color: #CC8B72;
    border: 1px solid #CC8B72;
}

/* Liens génériques dans le contenu (auteur, etc.) */
.plugin-main a,
.plugin-hero__info a {
    color: #CC8B72;
}
.plugin-main a:hover,
.plugin-hero__info a:hover {
    color: #b87a63;
}