/* =========================================================
   KYNOR — Mentions légales
   Page-specific stylesheet for /mentions-legales.html
   ========================================================= */

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

.legal-hero {
    padding: 160px 0 60px;
    border-bottom: 1px solid var(--border-color);
}

.legal-title {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 16px;
}

.legal-updated {
    font-size: 0.8rem;
    color: var(--color-text);
    letter-spacing: 1px;
}

/* ===== CONTENT ===== */

.legal-content {
    padding: 100px 0;
}

.legal-block {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid var(--border-color);
}

.legal-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.legal-text {
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 16px;
}

.legal-text:last-child {
    margin-bottom: 0;
}

.legal-link {
    color: var(--color-silver);
    transition: color 0.3s;
}

.legal-link:hover {
    color: var(--color-heading);
}

.legal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
}

.legal-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legal-label {
    font-size: 0.7rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-text);
}

.legal-value {
    font-size: 0.95rem;
    color: var(--color-silver);
}

@media (max-width: 900px) {
    .legal-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .legal-hero    { padding: 130px 0 40px; }
    .legal-content { padding: 60px 0; }
    .legal-grid    { grid-template-columns: 1fr; }
}