/* Simple Calendar (adapted for dark mode) */ .simple-calendar table { -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.1); border-collapse: collapse; box-sizing: border-box; max-width: 100%; width: 100%; } .simple-calendar tr { border-collapse: collapse; } .simple-calendar th { padding: 6px; border-bottom: 2px solid rgba(255, 255, 255, 0.1); border-collapse: collapse; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); border-top: 0px none; box-sizing: border-box; text-align: left; color: #94a3b8; } .simple-calendar td { padding: 6px; vertical-align: top; width: 14%; border: 1px solid rgba(255, 255, 255, 0.1); color: #cbd5e1; } .simple-calendar .day { height: 80px; } .simple-calendar .today { background: rgba(99, 102, 241, 0.15); } .simple-calendar .prev-month { background: rgba(255, 255, 255, 0.03); } .simple-calendar .next-month { background: rgba(255, 255, 255, 0.03); } /* ─── Marketing pages: bilingual data-lang spans ───────────────────── Marketing pages currently inline FR + EN content side by side via / instead of going through I18n.t. The footer's language selector reloads the page under a locale-prefixed URL (Rails sets I18n.locale + the layout sets ). These rules then hide the off-locale span. French is shown only on French URLs; every other locale falls back to the English copy until the marketing content is fully translated. */ html[lang="fr"] [data-lang="en"] { display: none; } html:not([lang="fr"]) [data-lang="fr"] { display: none; }