.cvnav,.cvnav *{box-sizing:border-box}
.cvnav{
  width:100%;
  max-width:1180px;
  margin:24px auto;
  padding:10px;
  border:1px solid rgba(207,162,62,.45);
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 15%,rgba(202,151,49,.10),transparent 28%),
    radial-gradient(circle at 85% 85%,rgba(126,12,20,.18),transparent 30%),
    linear-gradient(135deg,#160d0d 0%,#26100f 48%,#100a09 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025);
}
.cvnav-band{
  position:relative;
  padding:14px;
  border:1px solid rgba(207,162,62,.28);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(62,15,16,.55),rgba(16,10,9,.82));
  overflow:hidden;
}
.cvnav-band:before,.cvnav-band:after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,178,84,.65),transparent);
  pointer-events:none;
}
.cvnav-band:before{top:6px}.cvnav-band:after{bottom:6px}
.cvnav-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.cvnav-item{
  position:relative;
  display:flex!important;
  min-width:0!important;
  min-height:68px!important;
  margin:0!important;
  padding:9px 10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  gap:9px!important;
  color:#f5e6c7!important;
  text-decoration:none!important;
  text-align:left!important;
  background:linear-gradient(180deg,#2c1714 0%,#1b0e0c 100%)!important;
  background-image:linear-gradient(180deg,#2c1714 0%,#1b0e0c 100%)!important;
  border:1px solid rgba(207,162,62,.58)!important;
  border-radius:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 3px 9px rgba(0,0,0,.12)!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.cvnav-logo{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(224,187,94,.75);
  border-radius:50%;
  background:#f7efdf;
  box-shadow:0 3px 8px rgba(0,0,0,.20);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cvnav-logo img{display:block;width:82%;height:82%;object-fit:contain;object-position:center}
.cvnav-fallback-icon{font-size:22px;line-height:1}
.cvnav-label{
  display:block;
  min-width:0;
  color:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.035em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.cvnav-item:hover,.cvnav-item:focus,.cvnav-item:focus-visible{
  color:#fff1cf!important;
  background:linear-gradient(180deg,#421c1c 0%,#24100f 100%)!important;
  background-image:linear-gradient(180deg,#421c1c 0%,#24100f 100%)!important;
  border-color:#e0b95a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.18)!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  outline:none!important;
}
.cvnav-item:hover .cvnav-logo,.cvnav-item:focus .cvnav-logo,.cvnav-item:focus-visible .cvnav-logo{
  transform:translateY(-2px) scale(1.04);
  border-color:#f0cd75;
  box-shadow:0 5px 10px rgba(0,0,0,.26)
}
.cvnav-volunteer,.cvnav-volunteer:hover,.cvnav-volunteer:focus,.cvnav-volunteer:focus-visible,.cvnav-volunteer:active{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:auto!important;
  min-width:0!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
}
.cvnav-volunteer:focus-visible .cvnav-logo{outline:2px solid rgba(240,205,117,.65);outline-offset:2px}
.cvnav-pending{
  cursor:default!important;
  opacity:.52;
  background:linear-gradient(180deg,#211716 0%,#17100f 100%)!important;
  background-image:linear-gradient(180deg,#211716 0%,#17100f 100%)!important;
  border-style:dashed!important;
}
.cvnav-pending .cvnav-logo{filter:grayscale(.55);opacity:.78}
.cvnav-pending:hover{
  color:#f5e6c7!important;
  background:linear-gradient(180deg,#211716 0%,#17100f 100%)!important;
  background-image:linear-gradient(180deg,#211716 0%,#17100f 100%)!important;
  border-color:rgba(207,162,62,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 3px 9px rgba(0,0,0,.12)!important;
}
.cvnav-pending:hover .cvnav-logo{transform:none!important;box-shadow:0 3px 8px rgba(0,0,0,.20)!important}
#cvnav-benevoles,#concours-carcavintage,#scene-ouverte-carcavintage,#vehicules-carcavintage{scroll-margin-top:110px}

@media(max-width:1050px){
  .cvnav{max-width:940px}
  .cvnav-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cvnav-label{font-size:10.5px}
}
@media(max-width:760px){
  .cvnav{margin:18px auto;padding:7px;border-radius:15px}
  .cvnav-band{padding:11px 9px;border-radius:10px}
  .cvnav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cvnav-item{min-height:62px!important;padding:8px 9px!important;gap:8px!important}
  .cvnav-logo{flex-basis:38px;width:38px;height:38px}
  .cvnav-label{font-size:10px}
}
@media(max-width:380px){
  .cvnav-item{min-height:58px!important;padding:7px!important}
  .cvnav-logo{flex-basis:34px;width:34px;height:34px}
  .cvnav-fallback-icon{font-size:18px}
  .cvnav-label{font-size:9.4px}
}