.usine-legal-entry {
width: 100%;
max-width: 100%;
box-sizing: border-box;
background-color: #ffffff;
} body:not(.home) main#primary .page-content-wrapper .entry-content.usine-legal-entry {
background-color: #ffffff !important;
}
.usine-legal-page {
--usine-legal-max: min(52rem, 100%);
--usine-legal-pad-x: clamp(1.25rem, 4.2vw, 2.75rem);
--usine-legal-pad-y: clamp(2rem, 5vw, 3.5rem);
max-width: var(--usine-legal-max);
margin-left: auto;
margin-right: auto;
padding: var(--usine-legal-pad-y) var(--usine-legal-pad-x);
background: var(--we-surface, #ffffff);
border-radius: var(--we-radius-card, 24px);
box-shadow: var(--we-shadow-soft, 0 18px 44px rgba(9, 22, 66, 0.08));
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.usine-legal-page::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(
90deg,
var(--we-brand-blue, #005cfb) 0%,
rgba(0, 92, 251, 0.35) 55%,
transparent 100%
);
pointer-events: none;
}
.usine-legal-page__meta {
font-family: var(--usine-font-family-ui, inherit);
font-size: clamp(0.8125rem, 2.1vw, 0.875rem);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--we-muted, #4d4f51);
margin: 0 0 0.75rem;
}
.usine-legal-page__title {
font-family: var(--usine-font-family-heading, inherit);
font-size: clamp(1.65rem, 4.5vw, 2.35rem);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.035em;
color: var(--we-ink, #232425);
margin: 0 0 1.25rem;
max-width: 22ch;
}
@media (min-width: 640px) {
.usine-legal-page__title {
max-width: none;
}
}
.usine-legal-page__lead {
font-size: clamp(1.02rem, 2.4vw, 1.125rem);
line-height: 1.62;
color: var(--we-muted, #4d4f51);
margin: 0 0 1.75rem;
max-width: 62ch;
}
.usine-legal-page__intro {
font-size: clamp(0.98rem, 2.2vw, 1.0625rem);
line-height: 1.65;
color: var(--we-ink, #232425);
margin: 0 0 2.25rem;
max-width: 65ch;
}
.usine-legal-page__intro a {
color: var(--we-brand-blue, #005cfb);
text-decoration: underline;
text-underline-offset: 0.18em;
font-weight: 500;
}
.usine-legal-page__intro a:hover {
color: var(--we-brand-blue-hover, #0047c6);
}
.usine-legal__defs-title {
font-family: var(--usine-font-family-heading, inherit);
font-size: clamp(0.75rem, 2vw, 0.8125rem);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--we-brand-blue, #005cfb);
margin: 0 0 1.25rem;
padding-bottom: 0.65rem;
border-bottom: 1px solid var(--we-stroke, #cfd1d2);
}
.usine-legal__defs {
margin: 0 0 2.75rem;
display: grid;
gap: clamp(1rem, 2.5vw, 1.35rem);
}
.usine-legal__defs > div {
display: grid;
gap: 0.35rem;
padding: clamp(0.85rem, 2vw, 1.1rem) 0;
border-bottom: 1px solid rgba(207, 209, 210, 0.65);
}
.usine-legal__defs > div:last-child {
border-bottom: none;
}
.usine-legal__term {
font-weight: 600;
font-size: clamp(0.95rem, 2.1vw, 1rem);
color: var(--we-ink, #232425);
margin: 0;
}
.usine-legal__def {
margin: 0;
font-size: clamp(0.9375rem, 2.1vw, 1rem);
line-height: 1.58;
color: var(--we-muted, #4d4f51);
}
.usine-legal__def a {
color: var(--we-brand-blue, #005cfb);
font-weight: 500;
text-decoration: underline;
text-underline-offset: 0.15em;
word-break: break-word;
}
.usine-legal__section {
margin: 0 0 clamp(1.85rem, 4vw, 2.5rem);
scroll-margin-top: 6rem;
}
.usine-legal__section:last-of-type {
margin-bottom: 0;
}
.usine-legal__section h2 {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 0.85rem;
font-family: var(--usine-font-family-heading, inherit);
font-size: clamp(1.12rem, 2.8vw, 1.28rem);
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.25;
color: var(--we-ink, #232425);
margin: 0 0 1rem;
padding-bottom: 0.65rem;
border-bottom: 1px solid var(--we-stroke, #cfd1d2);
}
.usine-legal__sec-num {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.85rem;
height: 1.85rem;
padding: 0 0.4rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0;
color: #fff;
background: var(--we-brand-blue, #005cfb);
border-radius: 8px;
line-height: 1;
}
.usine-legal__section-body {
font-size: clamp(0.9375rem, 2.1vw, 1.02rem);
line-height: 1.68;
color: var(--we-muted-2, #5a5e60);
}
.usine-legal__section-body > p {
margin: 0 0 1rem;
}
.usine-legal__section-body > p:last-child {
margin-bottom: 0;
}
.usine-legal__kv {
margin: 0;
display: grid;
gap: 0.65rem 1.25rem;
}
@media (min-width: 560px) {
.usine-legal__kv {
grid-template-columns: minmax(0, 11.5rem) 1fr;
align-items: baseline;
}
}
.usine-legal__kv dt {
margin: 0;
font-weight: 600;
font-size: 0.8125rem;
letter-spacing: 0.02em;
color: var(--we-muted, #4d4f51);
text-transform: none;
}
@media (min-width: 560px) {
.usine-legal__kv dt {
padding-top: 0.12rem;
}
}
.usine-legal__kv dd {
margin: 0;
font-size: clamp(0.9375rem, 2.1vw, 1rem);
line-height: 1.55;
color: var(--we-ink, #232425);
}
.usine-legal__kv a {
color: var(--we-brand-blue, #005cfb);
text-decoration: underline;
text-underline-offset: 0.15em;
word-break: break-word;
}
.usine-legal__list {
margin: 0.75rem 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.55rem;
}
.usine-legal__list li {
position: relative;
padding-left: 1.15rem;
line-height: 1.55;
}
.usine-legal__list li::before {
content: '';
position: absolute;
left: 0;
top: 0.55em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--we-brand-blue, #005cfb);
opacity: 0.75;
}
.usine-legal__footnote {
margin-top: clamp(2.5rem, 5vw, 3.25rem);
padding-top: clamp(1.35rem, 3vw, 1.75rem);
border-top: 1px solid var(--we-stroke, #cfd1d2);
}
.usine-legal__footnote h2 {
font-family: var(--usine-font-family-heading, inherit);
font-size: clamp(1.05rem, 2.6vw, 1.2rem);
font-weight: 700;
letter-spacing: -0.02em;
margin: 0 0 0.85rem;
color: var(--we-ink, #232425);
border: none;
padding: 0;
}
.usine-legal__footnote p {
margin: 0 0 0.85rem;
font-size: clamp(0.9rem, 2vw, 0.98rem);
line-height: 1.65;
color: var(--we-muted, #4d4f51);
}
.usine-legal__footnote p:last-child {
margin-bottom: 0;
} .usine-legal-page__extra {
max-width: var(--usine-legal-max);
margin: clamp(2rem, 4vw, 2.75rem) auto 0;
padding: 0 var(--usine-legal-pad-x);
box-sizing: border-box;
}
.usine-legal-page__extra:empty {
display: none;
} .usine-privacy-page .usine-legal__defs-title {
margin-top: 0.35rem;
}
.usine-privacy-page__intro-after-defs {
margin-top: 0;
margin-bottom: 2.25rem;
}
.usine-legal__block-title {
font-family: var(--usine-font-family-heading, inherit);
font-size: clamp(0.98rem, 2.35vw, 1.08rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.3;
color: var(--we-ink, #232425);
margin: 1.35rem 0 0.5rem;
padding: 0;
border: none;
}
.usine-legal__section-body > .usine-legal__block-title:first-of-type {
margin-top: 0.35rem;
}
.usine-legal__list--tight {
gap: 0.45rem;
}
.usine-privacy-page__contact-kv {
margin-top: 0.85rem;
margin-bottom: 1rem;
}