/* MFR Badge Flottant - styles front-end */
@keyframes mfr_acces_rapide2_float{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@keyframes mfr_acces_rapide2_float_right{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes mfr_acces_rapide2_pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* Conteneur : gère le positionnement et l'ouverture / fermeture */
.mfr_acces_rapide2_widget{position:fixed;bottom:50px;left:0;z-index:9999;transition:transform .55s ease-in-out !important;will-change:transform}
.mfr_acces_rapide2_widget--right{left:auto;right:0}

/* État fermé : le panneau glisse hors de l'écran, la flèche reste visible */
.mfr_acces_rapide2_widget.is-closed{transform:translateX(-100%) !important}
.mfr_acces_rapide2_widget--right.is-closed{transform:translateX(100%) !important}

/* Panneau : fond, ombre et animation flottante */
.mfr_acces_rapide2_panel{display:flex;flex-direction:column;background:#CDAC5F;border-radius:0 10px 10px 0;padding:10px 2px;box-shadow:2px 3px 14px rgba(0,0,0,0.18);animation:mfr_acces_rapide2_float 3s ease-in-out infinite}
.mfr_acces_rapide2_widget--right .mfr_acces_rapide2_panel{border-radius:10px 0 0 10px;animation-name:mfr_acces_rapide2_float_right}

/* --------------------------------------------------------------------
 * Flèche (onglet) : style neutre forcé (!important) pour ne pas hériter
 * du style des boutons du thème (couleur rose, taille, etc.).
 * Petit onglet clair, chevron foncé, sobre - inspiré d'un onglet classique.
 * ------------------------------------------------------------------ */
.mfr_acces_rapide2_toggle{
	position:absolute !important;
	top:50% !important;
	width:17px !important;
	min-width:0 !important;
	max-width:none !important;
	height:34px !important;
	min-height:0 !important;
	max-height:none !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	background:#f3f3f3 !important;
	color:#222 !important;
	box-shadow:0 2px 6px rgba(0,0,0,0.22) !important;
	box-sizing:border-box !important;
	cursor:pointer !important;
	pointer-events:auto !important;
	z-index:2147483647 !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	font-size:0 !important;
	line-height:0 !important;
	text-shadow:none !important;
	text-transform:none !important;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	appearance:none !important;
	transform:translateY(-50%) !important;
	transition:background .2s ease, box-shadow .2s ease !important;
}
.mfr_acces_rapide2_toggle:hover,
.mfr_acces_rapide2_toggle:focus,
.mfr_acces_rapide2_toggle:focus-visible,
.mfr_acces_rapide2_toggle:active{
	background:#fff !important;
	color:#000 !important;
	box-shadow:0 2px 9px rgba(0,0,0,0.3) !important;
	outline:none !important;
}
.mfr_acces_rapide2_widget:not(.mfr_acces_rapide2_widget--right) .mfr_acces_rapide2_toggle{right:-17px !important;border-radius:0 5px 5px 0 !important}
.mfr_acces_rapide2_widget--right .mfr_acces_rapide2_toggle{left:-17px !important;border-radius:5px 0 0 5px !important}
.mfr_acces_rapide2_toggle svg{width:8px !important;height:8px !important;display:block !important;transition:transform .3s ease}
.mfr_acces_rapide2_toggle svg path{stroke:#222 !important;fill:none !important}

/* Sens de la flèche selon la position et l'état (base = pointe vers la droite) */
.mfr_acces_rapide2_widget:not(.mfr_acces_rapide2_widget--right) .mfr_acces_rapide2_toggle svg{transform:rotate(180deg)}
.mfr_acces_rapide2_widget:not(.mfr_acces_rapide2_widget--right).is-closed .mfr_acces_rapide2_toggle svg{transform:rotate(0deg)}
.mfr_acces_rapide2_widget--right .mfr_acces_rapide2_toggle svg{transform:rotate(0deg)}
.mfr_acces_rapide2_widget--right.is-closed .mfr_acces_rapide2_toggle svg{transform:rotate(180deg)}

.mfr_acces_rapide2_btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#1a1a1a;padding:14px 3px;border-radius:6px;transition:background .25s ease;min-width:82px;max-width:82px;position:relative}
.mfr_acces_rapide2_btn:hover{background:rgba(255,255,255,0.18)}
.mfr_acces_rapide2_btn:hover .mfr_acces_rapide2_btn_icon{animation:mfr_acces_rapide2_pulse .6s ease-in-out}
/* Séparateur fin entre les boutons */
.mfr_acces_rapide2_btn + .mfr_acces_rapide2_btn::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:rgba(255,255,255,0.45)}
.mfr_acces_rapide2_btn_icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:7px}
.mfr_acces_rapide2_btn_icon svg{width:100%;height:100%;display:block}
/* Icône importée : redimensionnée pour rester uniforme */
.mfr_acces_rapide2_btn_img{width:100%;height:100%;object-fit:contain;display:block}
.mfr_acces_rapide2_btn_label{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.4px;text-align:center;line-height:1.2;text-shadow:0 1px 1px rgba(0,0,0,0.15);word-break:break-word;hyphens:auto}

/* Tablette */
@media (max-width: 900px){
  .mfr_acces_rapide2_widget{bottom:35px}
}
/* Mobile */
@media (max-width: 640px){
  .mfr_acces_rapide2_widget{bottom:25px}
  .mfr_acces_rapide2_panel{padding:8px 2px;border-radius:0 8px 8px 0}
  .mfr_acces_rapide2_widget--right .mfr_acces_rapide2_panel{border-radius:8px 0 0 8px}
  .mfr_acces_rapide2_btn{min-width:72px;max-width:72px;padding:11px 2px}
  .mfr_acces_rapide2_btn_icon{width:34px;height:34px;margin-bottom:5px}
  .mfr_acces_rapide2_btn_label{font-size:10px;letter-spacing:0.3px}
  .mfr_acces_rapide2_toggle{width:18px !important;height:36px !important}
  .mfr_acces_rapide2_widget:not(.mfr_acces_rapide2_widget--right) .mfr_acces_rapide2_toggle{right:-18px !important}
  .mfr_acces_rapide2_widget--right .mfr_acces_rapide2_toggle{left:-18px !important}
  .mfr_acces_rapide2_toggle svg{width:9px !important;height:9px !important}
}