/**
 * Styles globaux Sifrance
 */

:root {
    --sifrance-navy: #0f2a43;
    --sifrance-navy-dark: #091a2a;
    --sifrance-cream: #f7f3ed;
    --sifrance-beige: #ded2c3;
    --sifrance-text: #20252a;
    --sifrance-muted: #69727a;
    --sifrance-white: #ffffff;
    --sifrance-border: #e6e1da;
    --sifrance-radius: 8px;
    --sifrance-shadow: 0 12px 35px rgba(15, 42, 67, 0.08);
}

html {
    scroll-behavior: smooth;
}

body.sifrance-site {
    color: var(--sifrance-text);
    background: var(--sifrance-white);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.sifrance-site h1,
body.sifrance-site h2,
body.sifrance-site h3,
body.sifrance-site h4,
body.sifrance-site h5,
body.sifrance-site h6 {
    color: var(--sifrance-navy);
    line-height: 1.15;
}

body.sifrance-site a {
    color: var(--sifrance-navy);
    transition: color 0.2s ease, opacity 0.2s ease;
}

body.sifrance-site a:hover {
    color: var(--sifrance-navy-dark);
}

::selection {
    color: var(--sifrance-white);
    background: var(--sifrance-navy);
}

/* Classe utilitaire à ajouter dans Elementor */
.sifrance-section-soft {
    background-color: var(--sifrance-cream);
}

.sifrance-card {
    border: 1px solid var(--sifrance-border);
    border-radius: var(--sifrance-radius);
    background: var(--sifrance-white);
    box-shadow: var(--sifrance-shadow);
}

.sifrance-button .elementor-button,
.elementor-button.sifrance-button {
    border-radius: 4px;
    background: var(--sifrance-navy);
    color: var(--sifrance-white);
    font-weight: 600;
}

.sifrance-button .elementor-button:hover,
.elementor-button.sifrance-button:hover {
    background: var(--sifrance-navy-dark);
    color: var(--sifrance-white);
}

@media (max-width: 767px) {
    body.sifrance-site {
        overflow-x: hidden;
    }
}