/* ══ MDLM EVENTS — PAGE ÉVÉNEMENTS, VUE SEMAINE ════════════════════════════ * * Styles PROPRES à la vue Semaine (The Events Calendar Pro) du widget Event * View. Barre d'outils, menu des vues, navigation de date (précédent / suivant * / « Cette Semaine » / « 7 septembre - 13 septembre »), datepicker, prix, * navigation bas (« Précédent / Cette Semaine / Suivant ») et abonnement sont * communs à toutes les vues et ne sont PAS réécrits ici : mdlm-events-common.css. * * DESIGN UNIQUEMENT. La grille horaire est calculée par TEC Pro et n'est pas * touchée : heures affichées, début de la grille, défilement interne (hauteur * fixe de 638 px et barre de défilement scriptée), position et hauteur des * événements (classes --t-N / --h-N), largeur des événements superposés * (--seq-N), largeur des multi-jours (--width-N), largeur des colonnes. Aucune * règle de cette feuille ne déclare top, height, width ou position sur ces * éléments. Aucun gabarit surchargé, aucun script ajouté. * * ── 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--week * * Poids 0,5,0 et plus : au-dessus des sélecteurs TEC Pro de la vue Semaine * (jusqu'à 0,5,0 pour les survols d'événements mis en avant), sans !important. * * EXCEPTION — l'infobulle (§ 6) : Tooltipster la crée dans . Son CADRE * (.tooltipster-base.tribe-events-tooltip-theme : largeur, bordure, rayon, * ombre) est commun à toutes les infobulles de TEC et déjà habillé par * mdlm-events-month.css, chargée avec cette feuille. Seul le CONTENU propre à * la semaine (.tribe-events-pro-week-grid__event-tooltip) est stylé ici : les * infobulles du mois ne sont pas touchées. * * ── MARQUAGE ET STYLES TEC PRO — relevés sur la page réelle, pas supposés ─ * (/events/semaine/2026-09-07/ : un multi-jours, un événement horaire mis en * avant ; /events/semaine/2026-09-14/ : semaine vide, aujourd'hui) * * - « medium » : div.tribe-events-pro-week-grid * > __header > __header-row > __header-column(--empty | --current) > … * __header-column-weekday + __header-column-daynum (> a si des événements) * > __body > __multiday-events-row-outer-wrapper > … __multiday-events-day * > __multiday-event-wrapper > article.__multiday-event * > __multiday-event-hidden (lien transparent) * > __multiday-event-bar[tabindex=0][data-js=tooltip] > __bar-inner > __bar-title * > __events-scroll-wrapper > … __events-row * > __events-row-header (time-tag « 1h00 »… avec un tiret en ::after) * > __events-day > ul.__events-list > li > article.__event (--t-N --h-N --featured --past) * > a.__event-link[data-js=tooltip] > __event-link-inner * > __event-featured-image-wrapper > .tribe-common-c-image--bg (fond en ligne) * > __event-datetime, __event-title * - Aujourd'hui : __header-column--current (fourni par TEC). * - Colonnes : calc(1/7 − 64 px / 7), bordure gauche ; gouttière des heures de * 64 px (16 de marge + 48). Bordures droites sur la rangée d'en-tête, le * bloc des multi-jours et le bloc défilant : retirées ensemble — chaque * rangée garde la même largeur de référence, les colonnes restent alignées, * et le cadre de la grille ferme le bord droit. * - Événement : bordure BLANCHE de 2 px sur le lien (écart entre événements * superposés), fond teinté sur la partie intérieure, trait de 2 px à gauche * des mis en avant (::before) — remplacé par un liseré ambre. * - « Mobile » : section.tribe-events-pro-week-day-selector (onglets * role=tablist, jour actif __day--active) + section.tribe-events-pro-week-mobile-events * (panneaux role=tabpanel, séparateurs de type et d'heure, cartes, messages * « Aucun évènements planifié pour … », navigation bas). Rendu natif employé ; * la grille « medium » n'est jamais forcée sur téléphone. * - Semaine vide : un message dans l'en-tête de la vue (medium seulement chez * TEC), grille complète conservée. * * ── SOMMAIRE ────────────────────────────────────────────────────────────── * 1. Cadre de la grille * 2. En-tête des 7 jours * 3. Heures, colonnes, lignes * 4. Événements horaires * 5. Multi-jours * 6. Contenu de l'infobulle * 7. Semaine vide * 8. Mobile : sélecteur des jours * 9. Mobile : événements du jour * 10. Mouvement réduit */ /* ══ 1. CADRE DE LA GRILLE ═════════════════════════════════════════════════ * Un vrai conteneur (div) : bordure bleu pâle, rayon 16, overflow: hidden — * fiable ici, à la différence d'un tableau. Les infobulles vivent dans , * elles ne sont jamais rognées. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid { box-sizing: border-box; margin: 0 0 1.25rem; overflow: hidden; border: 1px solid var(--mdlm-el-line); border-radius: 16px; background: var(--mdlm-ev-white); } /* Bords droits intérieurs retirés ensemble (alignement conservé) ; bord bas du bloc défilant retiré (le cadre le porte). */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week :is(.tribe-events-pro-week-grid__header-row, .tribe-events-pro-week-grid__multiday-events-row-outer-wrapper, .tribe-events-pro-week-grid__events-scroll-wrapper) { border-right: 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__events-row-outer-wrapper { border-bottom: 0; } /* ══ 2. EN-TÊTE DES 7 JOURS ════════════════════════════════════════════════ * * ░ LUN MAR MER JEU VEN SAM DIM ░ * ░ 7 8 9 10 11 12 13 ░ * * Même idée que l'en-tête du mois : une BANDE bleu très pâle, portée par la * rangée (continue, gouttière des heures comprise), filet bas bleu pâle. Les * séparations verticales de TEC y deviennent transparentes — leur largeur est * gardée, les colonnes restent alignées sur celles du corps. * TEC tirait le contenu vers le haut (padding-top de la rangée, marge négative * du contenu) : les deux sont remplacés par un rembourrage direct. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-row { padding-top: 0; border-bottom: 1px solid var(--mdlm-el-line); background: var(--mdlm-ev-panel); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column { border-bottom-width: 0; border-left-color: transparent; background: transparent; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column--border-bottom { border-bottom: 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column-title { margin: 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column-datetime { gap: .25rem; margin: 0; padding: .6875rem 0 .625rem; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column-weekday { margin: 0; color: var(--mdlm-ev-muted); font-family: var(--mdlm-ev-font-text); font-size: .71875rem; font-weight: 700; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; } /* Numéro : pastille ronde de 36 px ; le lien (jours à événements) la remplit. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column-daynum { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 2.25rem; height: 2.25rem; margin: 0; padding: 0 .25rem; border-radius: var(--mdlm-ev-radius-pill); color: var(--mdlm-ev-navy); font-family: var(--mdlm-ev-font-title); font-size: 1.375rem; font-weight: 800; line-height: 1; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column-daynum:has(> a) { padding: 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__header-column-daynum-link { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; padding: 0 .25rem; border: 0; border-radius: inherit; background: transparent; box-shadow: none; color: inherit; font: inherit; text-decoration: none; transition: background-color var(--mdlm-ev-transition), color var(--mdlm-ev-transition); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__header-column-daynum-link:is(:hover, :focus) { background: var(--mdlm-ev-white); color: var(--mdlm-ev-blue-ink); text-decoration: none; outline: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__header-column-daynum-link:focus-visible { outline: 2px solid var(--mdlm-ev-blue); outline-offset: 2px; box-shadow: none; } /* Aujourd'hui (__header-column--current, fourni par TEC) : pastille bleu clair à anneau doux, jour de semaine bleu — jamais la colonne entière. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-weekday { color: var(--mdlm-ev-blue-ink); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum { background: var(--mdlm-ev-tint-strong); box-shadow: inset 0 0 0 1px rgba(23, 143, 230, .45); color: var(--mdlm-ev-blue-ink); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__header-column--current a.tribe-events-pro-week-grid__header-column-daynum-link:is(:hover, :focus) { background: var(--mdlm-ev-tint); color: var(--mdlm-ev-blue-ink); } /* ══ 3. HEURES, COLONNES, LIGNES ═══════════════════════════════════════════ * Colonne des heures compacte (largeur TEC inchangée), libellés bleu-gris * 11 px, tirets horaires et séparations de jours bleu très pâle, cellules * blanches. Aucune teinte de week-end : TEC ne marque pas ces colonnes, et un * repérage par position dépendrait du premier jour de la semaine réglé. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week :is(.tribe-events-pro-week-grid__events-day, .tribe-events-pro-week-grid__multiday-events-day) { border-left-color: var(--mdlm-el-line-soft); background: transparent; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-events-row-outer-wrapper { border-bottom: 1px solid var(--mdlm-el-line); } /* Ombre grise de TEC sous la rangée des multi-jours : retirée, le filet suffit. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-events-row-wrapper { box-shadow: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__events-time-tag { color: var(--mdlm-ev-muted); font-family: var(--mdlm-ev-font-text); font-size: .6875rem; font-weight: 600; line-height: 1.2; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__events-time-tag::after { background-color: var(--mdlm-el-line); } /* Barre de défilement scriptée de TEC : teintes de la charte. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__events-row-scroll-pane { background-color: var(--mdlm-ev-tint); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__events-row-scroll-slider { background: var(--mdlm-ev-line-strong); } /* ══ 4. ÉVÉNEMENTS HORAIRES ════════════════════════════════════════════════ * * ┃ ╭──────────────╮ * ┃ │ image (bg) │ liseré gauche 3 px : bleu, ambre si mis en avant * ┃ ╰──────────────╯ * ┃ (🔖) 14h00 - 20h00 * ┃ Fête du Jeu 2026 * * Seul l'INTÉRIEUR est dessiné : position, hauteur et largeur restent celles de * TEC. Le lien garde sa bordure blanche de 2 px (écart entre événements * superposés) ; la partie intérieure devient la carte. Image masquée sous * 3 heures (--h-0 → --h-2-5) et tant que la vue n'est pas « full » : un * événement court ou une colonne étroite ne sacrifient jamais le titre. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__event-link { box-sizing: border-box; border: 2px solid var(--mdlm-ev-white); border-radius: 10px; background: var(--mdlm-ev-white); box-shadow: none; color: var(--mdlm-ev-navy); text-decoration: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__event-link:is(:hover, :focus) { outline: none; text-decoration: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-link-inner { display: flex; flex-direction: column; gap: .125rem; box-sizing: border-box; overflow: hidden; padding: .3125rem .4375rem .3125rem .5rem; border: 1px solid var(--mdlm-el-line); border-left: 3px solid var(--mdlm-ev-blue); border-radius: 8px; background-color: var(--mdlm-ev-hover); transition: background-color var(--mdlm-ev-transition), border-color var(--mdlm-ev-transition), box-shadow var(--mdlm-ev-transition); } /* Passé : fond blanc, liseré adouci. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-link-inner { border-left-color: var(--mdlm-ev-line-strong); background-color: var(--mdlm-ev-white); } /* Mis en avant : liseré ambre ; le trait bleu de TEC (::before) est retiré. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event--featured .tribe-events-pro-week-grid__event-link-inner { border-left-color: var(--mdlm-ev-amber); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event--featured .tribe-events-pro-week-grid__event-link-inner::before { content: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__event-link:is(:hover, :focus) .tribe-events-pro-week-grid__event-link-inner { border-color: var(--mdlm-ev-line-strong); background-color: var(--mdlm-ev-tint); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event--featured a.tribe-events-pro-week-grid__event-link:is(:hover, :focus) .tribe-events-pro-week-grid__event-link-inner { border-left-color: var(--mdlm-ev-amber); } /* Focus clavier : le lien rogne son contenu et la grille défile — l'anneau est donc INTÉRIEUR, sur la carte. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-pro-week-grid__event-link:focus-visible .tribe-events-pro-week-grid__event-link-inner { box-shadow: inset 0 0 0 2px var(--mdlm-ev-blue-strong); } /* ── Image ─────────────────────────────────────────────────────────────── */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-featured-image-wrapper { flex: none; margin: 0 0 .1875rem; overflow: hidden; border-radius: 6px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-featured-image .tribe-common-c-image__bg { background-position: center; background-size: cover; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week:not(.tribe-common--breakpoint-full) .tribe-events-pro-week-grid__event-featured-image-wrapper, :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week :is(.tribe-events-pro-week-grid__event--h-0, .tribe-events-pro-week-grid__event--h-1, .tribe-events-pro-week-grid__event--h-1-5, .tribe-events-pro-week-grid__event--h-2, .tribe-events-pro-week-grid__event--h-2-5) .tribe-events-pro-week-grid__event-featured-image-wrapper { display: none; } /* ── Heure et titre ────────────────────────────────────────────────────── */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime { flex: none; min-width: 0; overflow: hidden; color: var(--mdlm-ev-muted); font-family: var(--mdlm-ev-font-text); font-size: .6875rem; font-weight: 600; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime :is(time, span) { color: inherit; font: inherit; } /* Signet « Mis en avant » : petit, ambre ; texte masqué pour les yeux (TEC). */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime-featured-icon { display: inline-block; margin: 0 .1875rem 0 0; color: var(--mdlm-ev-amber-ink); line-height: 0; vertical-align: -1px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime-featured-icon-svg { width: 6px; height: 8px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime-featured-icon-svg path { fill: currentColor; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event-title { display: -webkit-box; flex: 0 1 auto; min-width: 0; margin: 0; overflow: hidden; color: var(--mdlm-ev-navy); font-family: var(--mdlm-ev-font-title); font-size: .78125rem; font-weight: 700; line-height: 1.25; overflow-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week.tribe-common--breakpoint-full .tribe-events-pro-week-grid__event-title { font-size: .8125rem; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-title { color: var(--mdlm-ev-ink); } /* ══ 5. MULTI-JOURS ════════════════════════════════════════════════════════ * Largeur (--width-N) et hauteur de rangée (18 px) : celles de TEC, intactes — * la hauteur sert à empiler les rangées et au bouton « plus ». La barre garde * overflow: hidden ; la partie intérieure porte le fond bleu très pâle, la * bordure et les arrondis, rentrée de 4 px à ses extrémités. La barre est * elle-même focalisable (tabindex="0", déclencheur de l'infobulle). */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar { box-sizing: border-box; border-radius: 0; background: transparent; outline: none; } /* Hauteur : 16 px de titre + 2 px de bordure = les 18 px de la rangée TEC. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar-inner { box-sizing: border-box; padding: 0 .625rem; border-top: 1px solid var(--mdlm-el-line); border-bottom: 1px solid var(--mdlm-el-line); background-color: var(--mdlm-ev-tint); color: var(--mdlm-ev-navy); transition: background-color var(--mdlm-ev-transition), box-shadow var(--mdlm-ev-transition); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event--start .tribe-events-pro-week-grid__multiday-event-bar-inner { margin-left: .25rem; border-left: 1px solid var(--mdlm-el-line); border-top-left-radius: 8px; border-bottom-left-radius: 8px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event--end .tribe-events-pro-week-grid__multiday-event-bar-inner { margin-right: .25rem; border-right: 1px solid var(--mdlm-el-line); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner { background-color: var(--mdlm-ev-hover); } /* Survol et focus : TEC pose --hover / --focus sur la partie intérieure. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar-inner:is(:hover, :focus, .tribe-events-pro-week-grid__multiday-event-bar-inner--hover, .tribe-events-pro-week-grid__multiday-event-bar-inner--focus), :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner:is(:hover, :focus, .tribe-events-pro-week-grid__multiday-event-bar-inner--hover, .tribe-events-pro-week-grid__multiday-event-bar-inner--focus) { background-color: var(--mdlm-ev-tint-strong); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar:focus-visible .tribe-events-pro-week-grid__multiday-event-bar-inner { box-shadow: inset 0 0 0 2px var(--mdlm-ev-blue-strong); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar-title { margin: 0; overflow: hidden; color: var(--mdlm-ev-navy); font-family: var(--mdlm-ev-font-title); font-size: .6875rem; font-weight: 700; line-height: 1rem; text-overflow: ellipsis; white-space: nowrap; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-title { color: var(--mdlm-ev-muted); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar-featured-icon { color: var(--mdlm-ev-amber-ink); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-event-bar-featured-icon path { fill: currentColor; } /* Bouton « afficher plus de multi-jours » (TEC) : jamais le bouton du thème. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week button.tribe-events-pro-week-grid__multiday-toggle-button { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--mdlm-ev-muted); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week button.tribe-events-pro-week-grid__multiday-toggle-button:is(:hover, :focus) { background: var(--mdlm-ev-tint); color: var(--mdlm-ev-navy); outline: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week button.tribe-events-pro-week-grid__multiday-toggle-button:focus-visible { outline: 2px solid var(--mdlm-ev-blue); outline-offset: 1px; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-grid__multiday-toggle-button-icon-svg path { fill: currentColor; } /* ══ 6. CONTENU DE L'INFOBULLE ═════════════════════════════════════════════ * Cadre : mdlm-events-month.css (commun à toutes les infobulles TEC de la * page). Contenu propre à la semaine, même qualité que le mois : image 16:9 * rayon 10, date bleue avec signet ambre, titre Nunito 800 17 px, description * limitée à quatre lignes, prix vert commun. */ body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip { display: flex; flex-direction: column; min-width: 0; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-featured-image-wrapper { width: 100%; margin: 0 0 .75rem; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme :is(a.tribe-events-pro-week-grid__event-tooltip-featured-image-link, img.tribe-events-pro-week-grid__event-tooltip-featured-image) { display: block; border: 0; border-radius: 10px; box-shadow: none; opacity: 1; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme a.tribe-events-pro-week-grid__event-tooltip-featured-image-link:focus-visible { outline: 2px solid var(--mdlm-ev-blue); outline-offset: 2px; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme img.tribe-events-pro-week-grid__event-tooltip-featured-image { box-sizing: border-box; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; margin: 0; object-fit: cover; background: var(--mdlm-ev-map-placeholder); } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-datetime { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .375rem; margin: 0 0 .25rem; color: var(--mdlm-ev-blue-ink); font-family: var(--mdlm-ev-font-text); font-size: .8125rem; font-weight: 700; line-height: 1.4; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-datetime :is(time, span) { color: inherit; font: inherit; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-datetime-featured-icon { display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 1.25rem; height: 1.25rem; margin: 0; border: 1px solid var(--mdlm-ev-amber-line); border-radius: 50%; background: var(--mdlm-ev-amber-tint); color: var(--mdlm-ev-amber-ink); line-height: 1; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-datetime-featured-icon-svg { display: block; width: 7px; height: 9px; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-datetime-featured-icon-svg path { fill: currentColor; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-title { margin: 0 0 .375rem; color: var(--mdlm-ev-navy); font-family: var(--mdlm-ev-font-title); font-size: 1.0625rem; font-weight: 800; line-height: 1.3; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme a.tribe-events-pro-week-grid__event-tooltip-title-link, body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme a.tribe-events-pro-week-grid__event-tooltip-title-link:visited { border: 0; background: transparent; box-shadow: none; color: var(--mdlm-ev-navy); font: inherit; text-decoration: none; overflow-wrap: break-word; transition: color var(--mdlm-ev-transition); } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme a.tribe-events-pro-week-grid__event-tooltip-title-link:is(:hover, :focus, :active) { border: 0; background: transparent; color: var(--mdlm-ev-blue-ink); font: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; outline: none; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme a.tribe-events-pro-week-grid__event-tooltip-title-link:focus-visible { border-radius: 3px; outline: 2px solid var(--mdlm-ev-blue); outline-offset: 2px; box-shadow: none; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-description { max-height: calc(1.55em * 4); margin: 0; overflow: hidden; color: var(--mdlm-ev-ink); font-family: var(--mdlm-ev-font-text); font-size: .8125rem; font-weight: 400; line-height: 1.55; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-pro-week-grid__event-tooltip-description > p { display: -webkit-box; margin: 0; overflow: hidden; color: inherit; font: inherit; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-c-small-cta.tribe-events-pro-week-grid__event-tooltip-cost { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .5rem; margin: .75rem 0 0; padding: 0; } body:is(.mdlm-events-category, .mdlm-events-tag-view, :has(:is(.mdlm-events-view, .mdlm-events-list))) .tooltipster-base.tribe-events-tooltip-theme .tribe-events-c-small-cta.tribe-events-pro-week-grid__event-tooltip-cost > * { margin: 0; } /* ══ 7. SEMAINE VIDE ═══════════════════════════════════════════════════════ * « Aucun résultat trouvé pour cette semaine. Passer aux évènements * suivants. » — dans l'en-tête de la vue (medium) ; et, sur téléphone, * « Aucun évènements planifié pour … » dans chaque panneau de jour. Même * finition que la journée vide de la vue Jour : carte bleu très pâle, * pictogramme en pastille portée par le SVG, lien souligné, focus bleu. * Texte TEC inchangé ; grille complète conservée sous le message. * * Espacement : une seule source, la marge haute du message d'en-tête (22 px) ; * TEC place déjà ce message après la navigation de date en « medium » * (order: 1). Le message de semaine vide n'existe pas en version « mobile » * dans le DOM de TEC : aucune règle mobile n'est posée pour lui. * * Messages des panneaux de jour mobiles : TEC ne leur donne pas la classe * --mobile, et sa règle « .tribe-events-header__messages:not(--mobile) » * les masque en mise en page « mobile ». Aucun display n'est forcé ici : s'ils * sont affichés, ils ont cet habillage. */ :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-header > .tribe-events-header__messages { margin: 1.375rem 0 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-pro-week-mobile-events__day .tribe-events-header__messages { margin: 0; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message.tribe-events-c-messages__message--notice { display: flex; align-items: center; justify-content: flex-start; gap: .8125rem; box-sizing: border-box; width: 100%; margin: 0; padding: 1rem 1.125rem; border: 1px solid var(--mdlm-el-line); border-radius: 16px; background: var(--mdlm-ev-hover); box-shadow: none; color: var(--mdlm-ev-ink); font-family: var(--mdlm-ev-font-text); font-size: .9375rem; font-weight: 400; line-height: 1.55; text-align: left; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week:not(.tribe-common--breakpoint-medium) .tribe-events-c-messages__message.tribe-events-c-messages__message--notice { gap: .75rem; padding: .875rem 1rem; font-size: .875rem; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message.tribe-events-c-messages__message--notice:focus { outline: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message.tribe-events-c-messages__message--notice:focus-visible { outline: 2px solid var(--mdlm-ev-blue); outline-offset: 2px; box-shadow: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg { display: block; flex: none; box-sizing: content-box; width: 1.375rem; height: 1.375rem; margin: 0; padding: .5rem; overflow: visible; border-radius: 50%; background: var(--mdlm-ev-tint-strong); color: var(--mdlm-ev-blue-strong); } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg :is(g, path) { fill: none; stroke: currentColor; stroke-width: 1.4; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week .tribe-events-c-messages__message--notice > div { flex: 1 1 auto; min-width: 0; margin: 0; color: inherit; font: inherit; overflow-wrap: break-word; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-c-messages__message-list-item-link, :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-c-messages__message-list-item-link:visited { border: 0; background: transparent; box-shadow: none; color: var(--mdlm-ev-blue-ink); font-family: inherit; font-size: inherit; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-c-messages__message-list-item-link:is(:hover, :focus, :active) { border: 0; color: var(--mdlm-ev-navy); font-family: inherit; text-decoration: underline; text-decoration-thickness: 2px; outline: none; } :is(.mdlm-events-view, .mdlm-events-list, .mdlm-events-category, .mdlm-events-tag-view) .tribe-common.tribe-events.tribe-events-view.tribe-events-view--week a.tribe-events-c-messages__message-list-item-link:focus-visible { border-radius: 3px; outline: 2px solid var(--mdlm-ev-blue); outline-offset: 2px; box-shadow: none; } /* ══ 8. MOBILE : SÉLECTEUR DES JOURS ═══════════════════════════════════════ * * ‹ ( LUN ) MAR MER JEU VEN• SAM• DIM › * ( 7 ) 8 9 10 11 12 13 * * Onglets natifs de TEC (role=tablist, aria-selected, aria-controls) — seul * l'aspect change. Jour choisi : plein bleu, texte blanc. Point bleu au-dessus * des jours à événements (blanc sur le jour choisi). Le thème Hello donne aux *