/* ══ MDLM EVENTS — PAGE ÉVÉNEMENTS, VUE MOIS ═══════════════════════════════ * * Styles PROPRES à la vue Mois du widget Event View. Barre d'outils, menu des * vues, navigation de date (« Ce mois-ci », « septembre 2026 »), datepicker, * messages, prix, navigation bas et abonnement sont communs à toutes les vues * et ne sont PAS réécrits ici : mdlm-events-common.css. * * Visuel UNIQUEMENT : aucun gabarit TEC surchargé, aucun script ajouté ; * Tooltipster, la sélection du jour mobile et le survol des multi-jours * restent ceux de TEC. * * ── SCOPE ───────────────────────────────────────────────────────────────── * * :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--month * * Poids 0,5,0 : au-dessus des sélecteurs TEC de la grille (jusqu'à 0,4,0) et * des styles de tableau du thème Hello (jusqu'à 0,2,3), sans !important. * * EXCEPTION — l'infobulle (§ 6). Tooltipster crée l'infobulle dans , * HORS du widget, et y déplace le contenu désigné par data-tooltip-content * (tooltip.js de TEC, aucune option « parent »). Elle est atteinte par : * * body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme * * — seulement sur une page qui porte le widget marqué. Ses jetons lui sont * posés par mdlm-events-base.css (.tribe-events-tooltip-theme). * * ── LARGEUR ─────────────────────────────────────────────────────────────── * La grille prend 100 % de la vue, elle-même à 100 % de la largeur Elementor * (contraintes TEC levées dans la feuille commune). Aucune largeur fixe. * * ── MARQUAGE ET STYLES TEC — relevés sur la page réelle, pas supposés ───── * - table.tribe-events-calendar-month > thead / tbody ; chaque est une * GRILLE de 7 colonnes (TEC), chaque une case. * - Case : button.__day-cell--mobile (mise en page « mobile ») et * div.__day-cell--desktop (« medium ») — l'une ou l'autre masquée par TEC en * !important selon le point de rupture. Masquages respectés. * - États de case : __day--current, --past, --other-month (+ --past-month / * --next-month). Case mobile choisie : __day-cell--selected (script TEC). * - « medium » : cases de 168 px, bordures droite et basse, overflow VISIBLE — * les barres multi-jours débordent sur les cases voisines. Leur largeur est * calc(n × 100 % + (n − 1) px), calée sur ces bordures de 1 px et sur le bloc * contenu de la case : __events ne reçoit donc AUCUN rembourrage horizontal, * les marges sont portées par chaque événement. * - Multi-jours : __multiday-event-hidden (lien transparent en surimpression, * déclencheur de l'infobulle) + __multiday-event-bar (visuel). Au survol et * au focus du lien, TEC pose __multiday-event-bar-inner--hover / --focus : * c'est là que le focus est rendu visible, le lien étant transparent. * - Thème Hello : tableaux zébrés gris, cellules bordées et rembourrées de * 15 px,