/* CB Systems · extras : zones cliquables étendues */

/* Cartes auto-item : toute la carte est cliquable (lien étiré depuis le titre) */
.auto-item{position:relative}
.auto-item h3 a{text-decoration:none}
.auto-item h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.auto-item:hover{transform:translateY(-2px)}
.auto-item{transition:transform .18s ease}

/* Grille de cartes métiers compacte (landing) */
.metier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-width:920px}
.metier-grid a{position:relative;display:block;padding:12px 16px;border:1px solid rgba(0,0,0,.14);border-radius:10px;text-decoration:none;color:inherit;font-weight:600;line-height:1.3;background:rgba(255,255,255,.55);transition:transform .18s ease,border-color .18s ease}
.metier-grid a:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.35)}
.metier-grid a .arr{float:right;opacity:.45}

/* Filtres du blog */
.blogfil{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.blogfil button{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border:1.5px solid rgba(0,0,0,.25);border-radius:99px;background:transparent;color:inherit;cursor:pointer;transition:all .15s ease}
.blogfil button:hover{border-color:var(--brick);color:var(--brick)}
.blogfil button.on{background:var(--brick);border-color:var(--brick);color:#fff}