/* ============================================================================
   minecraft.fr · « État des services » — durcissement compat thème hôte
   ----------------------------------------------------------------------------
   Certains thèmes (Divi / Extra…) appliquent un reset agressif à TOUS les
   <button> (padding, min-height, border, box-shadow, display…). Les cellules
   d'historique `.mcfr-uptime-cell` sont des <button> : ce reset écrase leur
   largeur (padding + box-sizing:border-box) et fait tomber l'enfant `.bar` à
   width:0 → barres invisibles (on ne voit que le fond gris).

   On re-neutralise le box-model, scopé sous `.mcfr-status` (spécificité (0,2,0),
   supérieure à `.button`) et en `!important` car le thème peut lui-même utiliser
   `!important`. Rien hors du widget n'est touché.

   `min-width` n'est volontairement PAS redéclaré ici : il reste géré par
   statut.css (4px, et 5px en mobile) — le bug venait du padding, pas de la largeur mini.
   ============================================================================ */

.mcfr-status .mcfr-uptime-cell {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box !important;
	flex: 1 1 0 !important;        /* répartition égale des 90 cellules */
	min-width: 0 !important;       /* indispensable : laisse flex compresser sous 4px → tient dans la carte */
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 0 !important;
	font: inherit !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-align: left !important;
	white-space: normal !important;
	transform: none; /* le hover/focus de statut.css garde la main (plus spécifique) */
}

.mcfr-status .mcfr-uptime-cell .bar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
}

/* ----------------------------------------------------------------------------
   Largeur du strip 90 jours sur cartes étroites.
   Avec min-width:0 ci-dessus, flex:1 1 0 fait tenir les 90 cellules + 89 gaps
   dans la largeur réelle de la carte, largeur uniforme, sans débordement —
   sur toutes les colonnes (desktop ET mobile).

   NB : volontairement PAS d'`overflow:hidden` ici. Les info-bulles (.mcfr-uptime-tip)
   débordent le strip (au-dessus et sur les côtés des cellules de ~3 px) ; un
   overflow:hidden/clip les rognerait. min-width:0 supprime déjà tout débordement
   horizontal par construction, le garde-fou est donc inutile.
---------------------------------------------------------------------------- */
.mcfr-status .mcfr-uptime-strip {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 1px !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* ----------------------------------------------------------------------------
   Responsive des onglets du panneau « Temps de réponse ».
   statut.css / mcfr-panel.css n'avaient AUCUNE media query : la rangée d'onglets
   de service (display:flex, full width) laissait une zone vide bordée à droite
   sur desktop (onglets non étirés) et s'empilait sur mobile.
---------------------------------------------------------------------------- */

/* Desktop : les onglets de service remplissent la boîte → elle se ferme proprement. */
.mcfr-status .mcfr-svc-tabs {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	box-sizing: border-box !important;
}
.mcfr-status .mcfr-svc-tab {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Garde-fou anti-débordement horizontal du widget (scopé au composant).
   NB : PAS d'overflow-x:hidden sur .mcfr-status — cela forcerait overflow-y:auto
   (conteneur scrollable parasite + info-bulles rognées). On corrige la source :
   les info-bulles sont sorties du flux au repos (display:none, cf. plus bas), donc
   elles n'ajoutent plus rien au scrollWidth. overflow-x reste « visible ». */
.mcfr-status {
	max-width: 100% !important;
	box-sizing: border-box;
}
.mcfr-status .mcfr-metrics-panel,
.mcfr-status svg,
.mcfr-status canvas {
	max-width: 100% !important;
}

/* Info-bulles de la bande 90 j : retirées du flux au repos (display:none) pour
   qu'elles n'inflatent plus le scrollWidth du widget (elles sont position:absolute
   et débordaient le bord droit ~46–61px même sans survol). Affichées au survol /
   focus ; un clamp JS (mcfr-status.js) les borne ensuite dans la carte. */
.mcfr-status .mcfr-uptime-tip {
	display: none !important;
	transition: none !important;
}
.mcfr-status .mcfr-uptime-cell:hover .mcfr-uptime-tip,
.mcfr-status .mcfr-uptime-cell:focus .mcfr-uptime-tip,
.mcfr-status .mcfr-uptime-cell:focus-visible .mcfr-uptime-tip {
	display: block !important;
}

/* Mobile : onglets sur une seule ligne défilable, jamais empilés. */
@media (max-width: 600px) {
	.mcfr-status .mcfr-svc-tabs,
	.mcfr-status .mcfr-gran-tabs {
		display: flex !important;
		flex-wrap: nowrap !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.mcfr-status .mcfr-svc-tabs::-webkit-scrollbar,
	.mcfr-status .mcfr-gran-tabs::-webkit-scrollbar {
		display: none;
	}
	.mcfr-status .mcfr-svc-tab {
		flex: 0 0 auto !important;
		text-align: center !important;
		font-size: 12px !important;
		padding: 7px 10px !important;
	}
	.mcfr-status .mcfr-gran-tabs label {
		flex: 0 0 auto !important;
		font-size: 12px !important;
		padding: 7px 12px !important;
	}
}