.elementor-3071 .elementor-element.elementor-element-45add55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-14d7fd9 *//* =========================================================
WEB DESIGN CONCEPTS — CSS PAGES LÉGALES
---------------------------------------

CSS commun pour :

* Mentions légales
* Politique de confidentialité
* Conditions générales de vente

Objectif :
garder le même style que les autres pages du site :
hero doux, cartes arrondies, bleu profond, beige,
sections lisibles et responsive.
========================================================= */

.wdc-legal {
--wdc-blue: #2f5f73;
--wdc-blue-dark: #17323d;
--wdc-blue-light: #eef6f8;
--wdc-sand: #f8f4ef;
--wdc-text: #253238;
--wdc-muted: #65737a;
--wdc-soft-text: #526168;
--wdc-white: #ffffff;
--wdc-border: rgba(47, 95, 115, 0.12);
--wdc-shadow: 0 18px 45px rgba(23, 50, 61, 0.10);
--wdc-radius: 24px;

font-family: inherit;
color: var(--wdc-text);
line-height: 1.75;
background: var(--wdc-white);
}

.wdc-legal * {
box-sizing: border-box;
}

.wdc-legal a {
color: var(--wdc-blue);
font-weight: 800;
text-decoration: none;
}

.wdc-legal a:hover {
text-decoration: underline;
}

/* =========================================================
STRUCTURE GÉNÉRALE
========================================================= */

.wdc-legal-container {
max-width: 1120px;
margin: 0 auto;
}

.wdc-legal-section {
padding: 70px 24px;
}

.wdc-legal-section-white {
background: var(--wdc-white);
}

/* =========================================================
HERO
========================================================= */

.wdc-legal-hero {
position: relative;
overflow: hidden;
padding: 92px 24px;
background: linear-gradient(135deg, #f8f4ef 0%, #eef6f8 58%, #ffffff 100%);
}

.wdc-legal-hero::before {
content: "";
position: absolute;
right: -150px;
top: -150px;
width: 420px;
height: 420px;
border-radius: 999px;
background: rgba(47, 95, 115, 0.10);
}

.wdc-legal-hero::after {
content: "";
position: absolute;
left: -140px;
bottom: -180px;
width: 360px;
height: 360px;
border-radius: 999px;
background: rgba(47, 95, 115, 0.08);
}

.wdc-legal-hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
gap: 34px;
align-items: center;
}

.wdc-legal-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 18px;
padding: 8px 15px;
border-radius: 999px;
background: rgba(47, 95, 115, 0.12);
color: var(--wdc-blue-dark);
font-weight: 800;
font-size: 0.92rem;
}

.wdc-legal-hero h1 {
margin: 0 0 20px;
color: var(--wdc-blue-dark);
font-size: clamp(2.3rem, 4.7vw, 4.2rem);
line-height: 1.04;
letter-spacing: -0.045em;
}

.wdc-legal-lead {
max-width: 720px;
margin: 0;
color: var(--wdc-soft-text);
font-size: 1.12rem;
}

.wdc-legal-hero-card {
background: var(--wdc-white);
border: 1px solid var(--wdc-border);
border-radius: 28px;
padding: 26px;
box-shadow: var(--wdc-shadow);
}

.wdc-legal-eyebrow {
margin: 0 0 6px;
color: var(--wdc-blue);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.78rem;
}

.wdc-legal-hero-card h2 {
margin: 0 0 18px;
color: var(--wdc-blue-dark);
font-size: 1.25rem;
line-height: 1.2;
}

.wdc-legal-hero-card p {
margin: 0 0 14px;
color: var(--wdc-muted);
}

/* =========================================================
CARTES DE RÉSUMÉ
========================================================= */

.wdc-legal-summary-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 42px;
}

.wdc-legal-summary-grid-four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wdc-legal-summary-card {
background: var(--wdc-white);
border: 1px solid var(--wdc-border);
border-radius: var(--wdc-radius);
padding: 24px;
box-shadow: 0 14px 34px rgba(23, 50, 61, 0.06);
}

.wdc-legal-summary-card h2 {
margin: 0 0 8px;
color: var(--wdc-blue-dark);
font-size: 1.1rem;
line-height: 1.2;
}

.wdc-legal-summary-card p {
margin: 0;
color: var(--wdc-muted);
}

.wdc-legal-summary-sand {
background: var(--wdc-sand);
}

.wdc-legal-summary-blue {
background: var(--wdc-blue-light);
}

.wdc-legal-summary-dark {
background: var(--wdc-blue-dark);
}

.wdc-legal-summary-dark h2 {
color: var(--wdc-white);
}

.wdc-legal-summary-dark p {
color: rgba(255, 255, 255, 0.78);
}

/* =========================================================
BLOCS DE CONTENU
========================================================= */

.wdc-legal-content-list {
display: grid;
gap: 20px;
}

.wdc-legal-block {
background: var(--wdc-white);
border: 1px solid var(--wdc-border);
border-radius: 28px;
padding: 30px;
box-shadow: 0 18px 45px rgba(23, 50, 61, 0.06);
}

.wdc-legal-block-blue {
background: var(--wdc-blue-light);
}

.wdc-legal-block-sand {
background: var(--wdc-sand);
}

.wdc-legal-block-dark {
background: var(--wdc-blue-dark);
color: var(--wdc-white);
}

.wdc-legal-number {
margin: 0 0 10px;
color: var(--wdc-blue);
font-weight: 900;
font-size: 0.95rem;
}

.wdc-legal-block h2 {
margin: 0 0 14px;
color: var(--wdc-blue-dark);
font-size: 1.55rem;
line-height: 1.16;
}

.wdc-legal-block p {
margin: 0 0 14px;
color: var(--wdc-soft-text);
}

.wdc-legal-block p:last-child {
margin-bottom: 0;
}

.wdc-legal-block-dark h2 {
color: var(--wdc-white);
}

.wdc-legal-block-dark p {
color: rgba(255, 255, 255, 0.84);
}

.wdc-legal-block-dark .wdc-legal-number {
color: #b9d5dd;
}

/* =========================================================
RESPONSIVE TABLETTE
========================================================= */

@media (max-width: 900px) {

.wdc-legal-hero-grid,
.wdc-legal-summary-grid,
.wdc-legal-summary-grid-four {
grid-template-columns: 1fr;
}

.wdc-legal-hero,
.wdc-legal-section {
padding-left: 18px;
padding-right: 18px;
}

.wdc-legal-hero {
padding-top: 72px;
padding-bottom: 72px;
}

.wdc-legal-block,
.wdc-legal-summary-card,
.wdc-legal-hero-card {
padding: 24px;
}
}

/* =========================================================
RESPONSIVE MOBILE
========================================================= */

@media (max-width: 560px) {

.wdc-legal-hero h1 {
font-size: 2.3rem;
}

.wdc-legal-lead {
font-size: 1.02rem;
}

.wdc-legal-block h2 {
font-size: 1.35rem;
}

.wdc-legal-section {
padding-top: 54px;
padding-bottom: 54px;
}
}/* End custom CSS */