/*
 * Compatibilité avec le contenu créé sous Twenty Twenty-Four (site actuel).
 * Les pages existantes utilisent les couleurs, tailles et espacements de l'ancien thème :
 * ce fichier les redéfinit pour qu'elles gardent leur apparence. Il pourra être retiré
 * quand tout le contenu aura été refait avec les sections Magello (phase 2).
 */

:root {
	--wp--preset--color--base: #ffffff;
	--wp--preset--color--base-2: #f8fafc;
	--wp--preset--color--contrast: #0f172a;
	--wp--preset--color--contrast-2: #1e293b;
	--wp--preset--color--contrast-3: #64748b;
	--wp--preset--color--accent: #4f46e5;
	--wp--preset--color--accent-2: #4338ca;
	--wp--preset--color--accent-3: #eef2ff;
	--wp--preset--color--accent-4: #059669;
	--wp--preset--color--accent-5: #e0e7ff;
	--wp--preset--color--custom-warning: #d97706;
	--wp--preset--color--custom-error: #dc2626;
	--wp--preset--color--custom-success: #059669;
	--wp--preset--font-family--body: var(--wp--preset--font-family--inter);
	--wp--preset--font-family--heading: var(--wp--preset--font-family--inter);
	--wp--preset--font-size--normal: var(--wp--preset--font-size--medium);
	--wp--preset--spacing--10: 1rem;
}

.has-base-color { color: var(--wp--preset--color--base) !important; }
.has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.has-base-border-color { border-color: var(--wp--preset--color--base) !important; }
.has-base-2-color { color: var(--wp--preset--color--base-2) !important; }
.has-base-2-background-color { background-color: var(--wp--preset--color--base-2) !important; }
.has-base-2-border-color { border-color: var(--wp--preset--color--base-2) !important; }
.has-contrast-color { color: var(--wp--preset--color--contrast) !important; }
.has-contrast-background-color { background-color: var(--wp--preset--color--contrast) !important; }
.has-contrast-border-color { border-color: var(--wp--preset--color--contrast) !important; }
.has-contrast-2-color { color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-2-background-color { background-color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-2-border-color { border-color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-3-color { color: var(--wp--preset--color--contrast-3) !important; }
.has-contrast-3-background-color { background-color: var(--wp--preset--color--contrast-3) !important; }
.has-contrast-3-border-color { border-color: var(--wp--preset--color--contrast-3) !important; }
.has-accent-color { color: var(--wp--preset--color--accent) !important; }
.has-accent-background-color { background-color: var(--wp--preset--color--accent) !important; }
.has-accent-border-color { border-color: var(--wp--preset--color--accent) !important; }
.has-accent-2-color { color: var(--wp--preset--color--accent-2) !important; }
.has-accent-2-background-color { background-color: var(--wp--preset--color--accent-2) !important; }
.has-accent-2-border-color { border-color: var(--wp--preset--color--accent-2) !important; }
.has-accent-3-color { color: var(--wp--preset--color--accent-3) !important; }
.has-accent-3-background-color { background-color: var(--wp--preset--color--accent-3) !important; }
.has-accent-3-border-color { border-color: var(--wp--preset--color--accent-3) !important; }
.has-accent-4-color { color: var(--wp--preset--color--accent-4) !important; }
.has-accent-4-background-color { background-color: var(--wp--preset--color--accent-4) !important; }
.has-accent-4-border-color { border-color: var(--wp--preset--color--accent-4) !important; }
.has-accent-5-color { color: var(--wp--preset--color--accent-5) !important; }
.has-accent-5-background-color { background-color: var(--wp--preset--color--accent-5) !important; }
.has-accent-5-border-color { border-color: var(--wp--preset--color--accent-5) !important; }
.has-custom-warning-color { color: var(--wp--preset--color--custom-warning) !important; }
.has-custom-warning-background-color { background-color: var(--wp--preset--color--custom-warning) !important; }
.has-custom-warning-border-color { border-color: var(--wp--preset--color--custom-warning) !important; }
.has-custom-error-color { color: var(--wp--preset--color--custom-error) !important; }
.has-custom-error-background-color { background-color: var(--wp--preset--color--custom-error) !important; }
.has-custom-error-border-color { border-color: var(--wp--preset--color--custom-error) !important; }
.has-custom-success-color { color: var(--wp--preset--color--custom-success) !important; }
.has-custom-success-background-color { background-color: var(--wp--preset--color--custom-success) !important; }
.has-custom-success-border-color { border-color: var(--wp--preset--color--custom-success) !important; }

.has-normal-font-size { font-size: var(--wp--preset--font-size--normal) !important; }
.has-body-font-family, .has-heading-font-family { font-family: var(--wp--preset--font-family--inter) !important; }

/* Styles personnalisés de l'ancien thème (pastilles et badges) */
/* Pills serve as tags in Site Post template */

.is-style-pill a,
.is-style-pill span:not([class], [data-rich-text-placeholder]) {
    background-color: #EEF2FF;
    color: #4F46E5;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    border: 0.5px solid #E2E8F0;
    margin: 0 8px 8px 0;
}

/* Badges on feature cards */

.is-badge-dark-background,
.is-badge-light-background {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.375rem 0.875rem;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}
.is-badge-dark-background {
    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
}
.is-badge-light-background {
    background: #EEF2FF;
    color: #4F46E5;
}