/* Swiss TrottiPass — page Communauté v3 (octobre 2026)
   Même style que l'accueil : fond clair, pas de blocs, contenu sur toute la largeur.
   Toutes les règles sont limitées à #theft-page.comm3. */
:root{--c3-red:#E30613;--c3-red-d:#c30511;--c3-navy:#14263f;--c3-text:#33415a;--c3-muted:#5b6780;--c3-bg:#FAFAF8;--c3-line:#e6e4df}
html body:has(#theft-page.comm3:not([hidden])){background:var(--c3-bg)!important}
html body #theft-page.comm3{max-width:none!important;margin:0!important;padding:0 0 40px!important;background:transparent!important}
#theft-page.comm3 *{text-shadow:none!important}
#theft-page.comm3 .c3-kick{margin:0 0 10px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--c3-red)!important}
#theft-page.comm3 h2{margin:0!important;font-size:clamp(28px,2.6vw,40px)!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.015em!important;color:var(--c3-navy)!important;text-align:left!important}
#theft-page.comm3 .c3-btn,#theft-page.comm3 .cm-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:50px!important;padding:0 24px!important;border:0!important;border-radius:12px!important;background:var(--c3-red)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;text-decoration:none!important;box-shadow:0 8px 20px -10px rgba(227,6,19,.7)!important;cursor:pointer;transition:background-color .15s,transform .15s;white-space:nowrap}
#theft-page.comm3 .c3-btn:hover,#theft-page.comm3 .cm-btn:hover{background:var(--c3-red-d)!important;transform:translateY(-1px)}
#theft-page.comm3>section,#theft-page.comm3>.c3-head{padding-left:clamp(20px,4.5vw,72px)!important;padding-right:clamp(20px,4.5vw,72px)!important;margin:0!important;max-width:none!important;background:none!important;border:0!important;box-shadow:none!important}

/* ---------- en-tête ---------- */
#theft-page.comm3 .c3-head{display:grid!important;grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,64px);align-items:center;padding-top:clamp(28px,3vw,48px)!important}
#theft-page.comm3 .c3-head h1{margin:0!important;font-size:clamp(36px,3.6vw,56px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--c3-navy)!important}
#theft-page.comm3 .c3-lead{margin:18px 0 28px!important;font-size:18px!important;line-height:1.55!important;color:var(--c3-muted)!important;max-width:46ch}
#theft-page.comm3 .c3-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
#theft-page.comm3 .c3-link{min-height:44px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--c3-navy)!important;font-size:16px!important;font-weight:600!important;cursor:pointer}
#theft-page.comm3 .c3-link:hover{color:var(--c3-red)!important}
#theft-page.comm3 .c3-head-ph{border-radius:28px;overflow:hidden;aspect-ratio:16/10;background:#e9edf2;animation:c3in .9s ease both}
#theft-page.comm3 .c3-head-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
@keyframes c3in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- carte des cantons ---------- */
#theft-page.comm3 #cmap{display:flex!important;flex-direction:column!important;padding-top:clamp(48px,5vw,80px)!important}
#theft-page.comm3 .cm-kpis{order:-1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 clamp(56px,6vw,96px)!important;border-top:1px solid var(--c3-line);border-bottom:1px solid var(--c3-line)}
#theft-page.comm3 .cm-kpi{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:26px 24px!important;border-left:1px solid var(--c3-line)!important}
#theft-page.comm3 .cm-kpi:first-child{border-left:0!important;padding-left:0!important}
#theft-page.comm3 .cm-kpi b{font-size:clamp(34px,3.2vw,48px)!important;font-weight:800!important;letter-spacing:-.02em;color:var(--c3-navy)!important;line-height:1.05!important}
#theft-page.comm3 .cm-kpi:nth-child(1) b{color:#0f9a7d!important}
#theft-page.comm3 .cm-kpi:nth-child(2) b{color:#2f6be0!important}
#theft-page.comm3 .cm-kpi:nth-child(4) b{color:var(--c3-red)!important}
#theft-page.comm3 .cm-kpi span{display:block;margin-top:6px;font-size:15px!important;color:var(--c3-muted)!important}
#theft-page.comm3 #cmap>h2::before{content:"";display:block}
#theft-page.comm3 .cm-lead{margin:12px 0 22px!important;font-size:18px!important;color:var(--c3-muted)!important;max-width:60ch}
#theft-page.comm3 .cm-tabs{margin:0 0 28px!important;gap:8px!important}
#theft-page.comm3 .cm-tab{min-height:44px;padding:0 20px!important;border:1px solid var(--c3-line)!important;background:#fff!important;color:var(--c3-navy)!important;border-radius:999px!important;font-size:15px!important;font-weight:600!important}
#theft-page.comm3 .cm-tab.on{background:var(--c3-navy)!important;border-color:var(--c3-navy)!important;color:#fff!important}
#theft-page.comm3 .cm-main{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)!important;gap:clamp(28px,4vw,72px)!important;align-items:start!important}
#theft-page.comm3 .cm-card{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
#theft-page.comm3 .cm-svg{filter:drop-shadow(0 18px 24px rgba(20,38,63,.12))}
#theft-page.comm3 .cm-svg .cn{stroke:#fff;stroke-width:2.5;transform-box:fill-box;transform-origin:center;transition:transform .25s ease,filter .2s;animation:c3cn .7s ease backwards}
#theft-page.comm3 .cm-svg .cn:hover,#theft-page.comm3 .cm-svg .cn:focus-visible{transform:translateY(-4px) scale(1.03);filter:brightness(1.06) drop-shadow(0 6px 8px rgba(20,38,63,.25))}
#theft-page.comm3 .cm-svg .cn.sel{stroke:var(--c3-navy);stroke-width:4;transform:translateY(-4px) scale(1.04)}
#theft-page.comm3 .cm-svg .cn:nth-child(3n){animation-delay:.08s}
#theft-page.comm3 .cm-svg .cn:nth-child(3n+1){animation-delay:.16s}
#theft-page.comm3 .cm-svg .cn:nth-child(4n){animation-delay:.24s}
@keyframes c3cn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#theft-page.comm3 .cm-svg .cn{animation:none}}
#theft-page.comm3 .cm-leg{margin-top:18px!important;font-size:14px!important;color:var(--c3-muted)!important}
#theft-page.comm3 .cm-leg i{border-radius:50%!important;width:14px!important;height:14px!important;vertical-align:-2px!important;border:0!important}
#theft-page.comm3 .cm-road{height:36px!important;margin-top:14px!important;background:none!important;border-radius:0!important}
#theft-page.comm3 .cm-road::after{border-top:2px dotted #c9d2de!important;bottom:4px!important}
#theft-page.comm3 .cm-panel{position:sticky;top:110px;padding-top:8px!important}
#theft-page.comm3 .cm-panel h3{font-size:30px!important;font-weight:700!important;color:var(--c3-navy)!important}
#theft-page.comm3 .cm-hint{font-size:18px!important;line-height:1.5!important;color:var(--c3-navy)!important;padding:18px 0 18px 18px!important;border-left:3px solid var(--c3-red)}
#theft-page.comm3 .cm-two{gap:0!important;border-top:1px solid var(--c3-line);margin:8px 0 18px!important}
#theft-page.comm3 .cm-big{background:none!important;border-radius:0!important;padding:16px 0!important;border-bottom:1px solid var(--c3-line)}
#theft-page.comm3 .cm-big b{font-size:32px!important}
#theft-page.comm3 .cm-off{margin-top:22px!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;font-size:14px!important;line-height:1.55!important;color:var(--c3-muted)!important}
#theft-page.comm3 .cm-off b{display:inline!important;margin:0 4px 0 0!important;color:var(--c3-navy)!important}
#theft-page.comm3 .cm-off b::after{content:" :"}
#theft-page.comm3 .cm-foot{margin:28px 0 0!important;font-size:14px!important;color:var(--c3-muted)!important;max-width:100ch!important}

/* ---------- trottinettes volées recherchées ---------- */
#theft-page.comm3 .tp-community{padding-top:clamp(64px,7vw,104px)!important}
#theft-page.comm3 .tp-clarity{margin:12px 0 28px!important;font-size:17px!important;color:var(--c3-muted)!important;max-width:70ch;background:none!important;border:0!important;padding:0!important}
#theft-page.comm3 .tp-community-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:clamp(20px,2.4vw,32px)!important}
#theft-page.comm3 .tp-community-card{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
#theft-page.comm3 .tp-community-card img{display:block;width:100%!important;aspect-ratio:4/3;height:auto!important;object-fit:cover;border-radius:22px!important;background:#eef0f4}
#theft-page.comm3 .tp-community-card-body{padding:16px 2px 0!important;background:none!important}
#theft-page.comm3 .tp-community-card h3{margin:0 0 6px!important;font-size:20px!important;color:var(--c3-navy)!important}
#theft-page.comm3 .tp-community-card .tp-warning{display:inline-block!important;width:auto!important;margin:0 0 8px!important;padding:4px 10px!important;border-radius:999px;background:#fdeceD!important;background:#fdecec!important;color:#b0101a!important;font-size:13px!important;font-weight:600!important;border:0!important}
#theft-page.comm3 .tp-community-card p{margin:0 0 6px!important;font-size:15px!important;color:var(--c3-text)!important}
#theft-page.comm3 .tp-community-card a{font-weight:600;color:var(--c3-red)!important;text-decoration:none}
#theft-page.comm3 .tp-empty{margin:0!important;padding:22px 0 22px 18px!important;border-left:3px solid #1c8a42;font-size:17px;color:var(--c3-navy);background:none!important}

/* ---------- partenaires ---------- */
#theft-page.comm3 .cm-partners{padding-top:clamp(64px,7vw,104px)!important}
#theft-page.comm3 .cm-partners .cm-pcard{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin:24px 0 0!important;padding:26px 0!important;background:none!important;border:0!important;border-top:1px solid var(--c3-line)!important;border-bottom:1px solid var(--c3-line)!important;border-radius:0!important;box-shadow:none!important}
#theft-page.comm3 .cm-partners .cm-pcard p{margin:0!important;font-size:17px!important;line-height:1.55;color:var(--c3-text)!important;max-width:62ch}

/* ---------- liens utiles ---------- */
#theft-page.comm3 .cm-links{padding-top:clamp(64px,7vw,104px)!important}
#theft-page.comm3 .cm-links .cm-pcard{display:grid!important;grid-template-columns:1fr 1fr;column-gap:clamp(32px,6vw,96px);margin:24px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#theft-page.comm3 .cm-lnk{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:20px 0!important;border:0!important;border-top:1px solid var(--c3-line)!important;color:var(--c3-navy)!important;text-decoration:none!important;background:none!important}
#theft-page.comm3 .cm-lnk:nth-last-child(-n+2){border-bottom:1px solid var(--c3-line)!important}
#theft-page.comm3 .cm-lnk b{font-size:17px!important;font-weight:600!important}
#theft-page.comm3 .cm-lnk span{font-size:14px!important;color:var(--c3-red)!important;font-weight:600;white-space:nowrap}
#theft-page.comm3 .cm-lnk:hover b{color:var(--c3-red)!important}

/* ---------- tablette / téléphone ---------- */
@media(max-width:1000px){
 #theft-page.comm3 .c3-head{grid-template-columns:1fr}
 #theft-page.comm3 .c3-head-ph{order:-1;aspect-ratio:16/9}
 #theft-page.comm3 .cm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #theft-page.comm3 .cm-kpi:nth-child(3){border-left:0!important;padding-left:0!important}
 #theft-page.comm3 .cm-kpi:nth-child(n+3){border-top:1px solid var(--c3-line)!important}
 #theft-page.comm3 .cm-main{grid-template-columns:1fr!important}
 #theft-page.comm3 .cm-panel{position:static}
}
@media(max-width:700px){
 #theft-page.comm3 .c3-head-ph{border-radius:22px}
 #theft-page.comm3 .c3-head h1{font-size:34px!important}
 #theft-page.comm3 .c3-ctas .c3-btn{width:100%;justify-content:center}
 #theft-page.comm3 .cm-kpi{padding:18px 12px!important}
 #theft-page.comm3 .cm-links .cm-pcard{grid-template-columns:1fr}
 #theft-page.comm3 .cm-lnk:nth-last-child(2){border-bottom:0!important}
 #theft-page.comm3 .cm-partners .cm-pcard .cm-btn{width:100%;justify-content:center}
}
/* une seule colonne, dans l'ordre du code (l'ancienne grille plaçait les sections dans le désordre sur téléphone) */
html body #theft-page.comm3:not([hidden]){display:block!important}
html body #theft-page.comm3[hidden]{display:none!important}
html body #theft-page.comm3>*{grid-column:auto!important;grid-row:auto!important;order:0!important;position:static}
#theft-page.comm3 .cm-lnk{flex-wrap:nowrap!important;text-align:left!important}
#theft-page.comm3 .cm-lnk b{text-align:left!important}