/*
Theme Name:   Hello Elementor DCM
Theme URI:    https://codeine.ch
Description:  Thème enfant de Hello Elementor pour Dupasquier Concept Métal. Intègre l'en-tête et le pied de page Elementor (version gratuite), les gabarits des réalisations et des replis propres si Elementor ou le plugin compagnon sont désactivés.
Author:       CODEINE Studio
Author URI:   https://codeine.ch
Template:     hello-elementor
Version:      1.0.0
License:      GPL-2.0-or-later
Text Domain:  hello-elementor-dcm
*/

/* Les styles du design system sont fournis par le plugin « CODEINE — DCM Studio Engine ».
   Ce fichier ne contient que les fondations indispensables si le plugin est inactif. */

body{margin:0;background:#080B0E;color:#E7E9E8;font-family:Inter,"Segoe UI",system-ui,sans-serif;line-height:1.65}
a{color:inherit}
#dcm-main{display:block;min-height:60vh}
#dcm-main:focus{outline:none}

/* Page non construite avec Elementor (texte simple) */
.dcm-plain{max-width:72ch;margin:0 auto;padding:calc(84px + 8vw) 20px 8vw}
.dcm-plain h1{font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase;letter-spacing:-.02em}

/* Repli d'en-tête / pied de page (sans Elementor) */
.dcm-fb-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(20px,5vw,72px);border-bottom:1px solid rgba(181,190,197,.16);background:#080B0E;position:relative;z-index:10}
.dcm-fb-header .dcm-fb-name{font-weight:600;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}
.dcm-fb-header ul,.dcm-fb-footer ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0}
.dcm-fb-header a,.dcm-fb-footer a{text-decoration:none;padding:8px 0;display:inline-block}
.dcm-fb-footer{padding:56px clamp(20px,5vw,72px) 32px;border-top:1px solid rgba(181,190,197,.16);background:#080B0E;color:#B5BEC5;font-size:15px}
.dcm-fb-footer p{margin:0 0 .6em}

/* 404 */
.dcm-404{position:relative;display:grid;place-items:center;min-height:100vh;padding:120px 20px 60px;text-align:center;overflow:hidden;background:#080B0E}
.dcm-404__num{font-family:"Space Grotesk",system-ui,sans-serif;font-size:clamp(7rem,28vw,22rem);line-height:.85;font-weight:600;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(181,190,197,.5);margin:0}
.dcm-404__line{width:min(520px,70vw);height:1px;background:#E67E32;margin:24px auto;transform-origin:left;animation:dcm404 1.2s cubic-bezier(.77,0,.175,1) both}
.dcm-404 h1{font-size:clamp(1.3rem,3vw,2rem);text-transform:uppercase;margin:0 0 12px}
.dcm-404 p{color:#B5BEC5;max-width:48ch;margin:0 auto 28px}
@keyframes dcm404{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.dcm-404__line{animation:none}}

/* Liste de réalisations (archives de catégorie) */
.dcm-archive{padding:0 0 clamp(60px,8vw,120px)}