/* Cycles Blain — pied de page léger 1.6.7-1.6.8 (maquette validée le 4 nov. 2026) :
   4 colonnes, quartier des magasins en petit, « Toutes nos pages » replié, barre du bas = le légal. */
.cbv-pied-colonnes-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
.cbv-pied-colonnes-4 .cbv-pied-col summary { margin-bottom: 14px; font-size: 16px; }
.cbv-pied-colonnes-4 .cbv-pied-liens { gap: 11px; font-size: 15px; }
/* 1.6.8 : la ligne d'un magasin avec son quartier a la même hauteur que les autres (le thème agrandissait la ligne) */
.cbv-pied .cbv-pied-liens a.cbv-pied-avec-sous { display: inline-flex; align-items: baseline; gap: 10px; }
.cbv-pied .cbv-pied-liens a.cbv-pied-avec-sous > span { display: inline; margin: 0; padding: 0; line-height: 1.4; vertical-align: baseline; }
.cbv-pied .cbv-pied-liens .cbv-pied-sous { font-size: 12px; line-height: 1; color: #a89f91; }
.cbv-pied a:hover .cbv-pied-sous { color: inherit; }

.cbv-pied-tout { margin-top: -8px; border-top: 1px solid #3a352e; }
.cbv-pied-tout > summary { display: inline-flex; align-items: center; gap: 12px; min-height: 56px; list-style: none; cursor: pointer; font-size: 14px; font-weight: 600; color: #a89f91; }
.cbv-pied-tout > summary::-webkit-details-marker { display: none; }
.cbv-pied-tout > summary::after { content: ""; width: 8px; height: 8px; margin-top: -4px; border-right: 2px solid #a89f91; border-bottom: 2px solid #a89f91; transform: rotate(45deg); transition: transform .2s; }
.cbv-pied-tout[open] > summary::after { margin-top: 4px; border-color: #f0b77a; transform: rotate(-135deg); }
.cbv-pied-tout > summary:hover { color: #f0b77a; }
.cbv-pied-tout-liens { display: flex; flex-direction: column; gap: 14px; padding-bottom: 32px; font-size: 13px; line-height: 1.7; color: #a89f91; }
.cbv-pied-tout-liens p { margin: 0; }
.cbv-pied-tout-liens strong { margin-right: 10px; font-weight: 600; color: #d9d0c2; }
.cbv-pied .cbv-pied-tout-liens a { color: #a89f91; }
.cbv-pied .cbv-pied-tout-liens a:hover { color: #f0b77a; }

@media (max-width: 1100px) {
  .cbv-pied-colonnes-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .cbv-pied-tout { margin-top: -28px; border-bottom: 1px solid #3a352e; }
  .cbv-pied-tout > summary { display: flex; justify-content: space-between; width: 100%; }
  .cbv-pied-tout > summary::after { margin-right: 4px; }
  .cbv-pied-tout-liens { padding-bottom: 20px; }
  .cbv-pied-tout-liens strong { display: block; margin: 0 0 2px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #a89f91; }
}
@media (prefers-reduced-motion: reduce) { .cbv-pied-tout > summary::after { transition: none; } }