/* ===== Roue « Accords mets-vins » — libelles autour de la table ===== */
/* Les libelles ne sont plus centres sur leur point : ils sont ancres par leur
   bord interieur, juste a l'exterieur du cercle, pour ne plus chevaucher le dessin. */
.mmv-gb .mmv-gb-roue{overflow:visible}

/* Haut - Aperitif */
.mmv-gb .mmv-gb-roue button:nth-of-type(1){left:50% !important;top:-8% !important;transform:translate(-50%,-100%) !important}
/* Haut-droite - Charcuterie */
.mmv-gb .mmv-gb-roue button:nth-of-type(2){left:88% !important;top:9% !important;transform:translate(0,-50%) !important;text-align:left}
/* Droite - Viande rouge */
.mmv-gb .mmv-gb-roue button:nth-of-type(3){left:108% !important;top:50% !important;transform:translate(0,-50%) !important;text-align:left}
/* Bas-droite - Volaille */
.mmv-gb .mmv-gb-roue button:nth-of-type(4){left:50% !important;top:107% !important;transform:translate(-50%,0) !important;text-align:center}
/* Bas - Barbecue */
.mmv-gb .mmv-gb-roue button:nth-of-type(5){left:88% !important;top:91% !important;transform:translate(0,-50%) !important;text-align:left}
/* Bas-gauche - Poisson */
.mmv-gb .mmv-gb-roue button:nth-of-type(6){left:12% !important;top:91% !important;transform:translate(-100%,-50%) !important;text-align:right}
/* Gauche - Fromages */
.mmv-gb .mmv-gb-roue button:nth-of-type(7){left:-8% !important;top:50% !important;transform:translate(-100%,-50%) !important;text-align:right}
/* Haut-gauche - Desserts */
.mmv-gb .mmv-gb-roue button:nth-of-type(8){left:12% !important;top:9% !important;transform:translate(-100%,-50%) !important;text-align:right}

/* Mobile : deux colonnes de part et d'autre de la table */
@media (max-width:700px){
  .mmv-gb .mmv-gb-roue.mmv-gb-roue{width:min(305px,42vw) !important}
  .mmv-gb .mmv-gb-roue button{font-size:11px !important;letter-spacing:.04em !important;white-space:normal !important;max-width:26vw !important;line-height:1.25 !important;padding:3px 5px !important}
  .mmv-gb .mmv-gb-roue button:nth-of-type(1),.mmv-gb .mmv-gb-roue button:nth-of-type(4){max-width:70vw !important}
  .mmv-gb .mmv-gb-roue button:nth-of-type(2),.mmv-gb .mmv-gb-roue button:nth-of-type(5){left:101% !important;text-align:left}
  .mmv-gb .mmv-gb-roue button:nth-of-type(6),.mmv-gb .mmv-gb-roue button:nth-of-type(8){left:-1% !important;text-align:right}
  .mmv-gb .mmv-gb-roue button:nth-of-type(2),.mmv-gb .mmv-gb-roue button:nth-of-type(8){top:12% !important}
  .mmv-gb .mmv-gb-roue button:nth-of-type(5),.mmv-gb .mmv-gb-roue button:nth-of-type(6){top:88% !important}
}

/* ===== Ordre d'apparition : depart a droite, puis sens des aiguilles ===== */
.mmv-gb .mmv-gb-roue button:nth-of-type(3){--d:300ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(5){--d:380ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(4){--d:460ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(6){--d:540ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(7){--d:620ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(8){--d:700ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(1){--d:780ms !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(2){--d:860ms !important}


/* ===== Survol : le libelle s'ecarte de la table + passe au brun ===== */
.mmv-gb .mmv-gb-roue button{
  transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),translate 1.1s cubic-bezier(.22,.61,.36,1),color .25s ease,transform .38s cubic-bezier(.22,.61,.36,1) !important;
  transition-delay:var(--d,0ms),var(--d,0ms),0s,0s !important;
}
.mmv-gb .mmv-gb-roue button:hover{color:#402E15 !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(1):hover{transform:translate(-50%,calc(-100% - 8px)) !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(2):hover,
.mmv-gb .mmv-gb-roue button:nth-of-type(3):hover,
.mmv-gb .mmv-gb-roue button:nth-of-type(5):hover{transform:translate(8px,-50%) !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(4):hover{transform:translate(-50%,8px) !important}
.mmv-gb .mmv-gb-roue button:nth-of-type(6):hover,
.mmv-gb .mmv-gb-roue button:nth-of-type(7):hover,
.mmv-gb .mmv-gb-roue button:nth-of-type(8):hover{transform:translate(calc(-100% - 8px),-50%) !important}

/* Onglet actif : trait droit (le theme arrondit les angles des boutons) */
.mmv-gb .mmv-gb-roue button{border-radius:0 !important}