/* Pages légales (template-legal.php) : politique de confidentialité, conditions de vente */
.legal-hero{position:relative;overflow:hidden;padding:30px 0 26px;border-bottom:1px solid #4b3900;background:#080808}
.legal-hero::before{content:"";position:absolute;inset:0;background:var(--dg-fond,url("../images/fond.webp")) center 60%/cover no-repeat;opacity:.16;pointer-events:none}
.legal-hero .container{position:relative;z-index:1}
.legal-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:11px;font-weight:800;text-transform:uppercase;color:#d7d7d7}
.legal-crumbs a{color:#d7d7d7;text-decoration:none}
.legal-crumbs a:hover{color:var(--yellow)}
.legal-crumbs .current{color:var(--yellow)}
.legal-hero h1{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(38px,5vw,62px);font-weight:400;line-height:.98;text-transform:uppercase;letter-spacing:.5px}
.legal-stroke{width:min(260px,70%);height:6px;margin:14px 0 14px;background:var(--yellow);transform:skewX(-16deg);box-shadow:0 3px 0 #4b3900}
.legal-updated{margin:0;color:#aaa;font-size:13px}

.legal-content{padding:36px 0 60px;background:#070707}
.legal-text{max-width:860px;color:#d0d0d0;font-size:16px;line-height:1.7}
.legal-text h2{margin:38px 0 12px;padding-bottom:8px;border-bottom:1px solid #383000;color:#fff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}
.legal-text h2:first-child{margin-top:0}
.legal-text h3{margin:24px 0 8px;color:var(--yellow);font-size:17px}
.legal-text p{margin:0 0 14px}
.legal-text ul{margin:0 0 16px;padding-left:22px}
.legal-text li{margin-bottom:6px}
.legal-text strong{color:#fff}
.legal-text a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-text .legal-box{margin:0 0 20px;padding:16px 18px;border:1px solid #5b4700;border-left:4px solid var(--yellow);background:#0d0d0d}
.legal-text .legal-box p:last-child{margin-bottom:0}
.legal-table-wrap{margin:0 0 18px;overflow-x:auto}
.legal-text table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.5}
.legal-text th,.legal-text td{padding:10px 12px;border:1px solid #2c2c2c;text-align:left;vertical-align:top}
.legal-text th{background:#111;color:var(--yellow);font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.legal-text td code{color:#fff;font-size:13px}

@media (max-width:680px){
  .legal-content{padding:26px 0 44px}
  .legal-text{font-size:15px}
  .legal-text h2{font-size:23px}
}