/*
 * Main dans la Main – Météo : CSS minimal de sécurité.
 * Le design final (couleurs, tailles, icônes, panneau, responsive, place dans
 * le header) appartient au thème. Désactivable :
 *   add_filter( 'mdlm_weather_load_style', '__return_false' );
 */
.mdlm-weather {
	position: relative; /* Ancre pour un futur panneau positionné par le thème. */
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
}

/*
 * Déclencheur : bouton neutralisé (le thème Hello habille tout <button> en
 * rose). Aucune couleur imposée : il hérite du texte qui l'entoure. Le contour
 * de focus natif n'est pas retiré.
 */
.mdlm-weather .mdlm-weather__trigger,
.mdlm-weather .mdlm-weather__trigger:hover,
.mdlm-weather .mdlm-weather__trigger:focus {
	display: inline-flex;
	align-items: center;
	gap: .35em;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}

.mdlm-weather__icon:empty,
.mdlm-weather__panel-icon:empty,
.mdlm-weather__detail-icon:empty {
	display: none; /* Aucune icône tant que le thème n'en fournit pas. */
}

/* Le panneau reste fermé même si une feuille du thème lui donne un display. */
.mdlm-weather__panel[hidden] {
	display: none;
}

.mdlm-weather__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}