@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap"); /* ========================================================================== SudBed theme custom overrides (loaded AFTER dist/output.css) - Dark mode corrections - Header/footer separation - Content contrast (articles, cards) - Testimonial arrows spacing ========================================================================== */ /* Light mode body baseline matches Next.js site (gris très clair) */ :root { --sudbed-body-bg-light: #f7f7f8; } html, body { background-color: var(--background); } /* In light mode, give the body a subtle tint so sections don't all look pure white */ body { background-color: var(--sudbed-body-bg-light); } /* Dark mode supprimé : la classe .dark sur est ignorée */ html.dark { color-scheme: light; } .sudbed-mobile-bar { display: none; } @media (max-width: 767px) { .sudbed-mobile-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #ffffff; border-top: 1px solid #e5e7eb; box-shadow: 0 -2px 12px rgba(0,0,0,0.08); padding-bottom: env(safe-area-inset-bottom, 0px); } .sudbed-mobile-bar__item { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 60px; padding: 8px 4px; font-size: 11px; font-weight: 600; line-height: 1; color: #374151; text-decoration: none; border-left: 1px solid #f3f4f6; } .sudbed-mobile-bar__item:first-child { border-left: 0; } .sudbed-mobile-bar__item svg { width: 22px; height: 22px; } .sudbed-mobile-bar__item:active { background: #f9fafb; } .sudbed-mobile-bar__item--cta { background: #009ABF; color: #fff; border-left: 0; } .sudbed-mobile-bar__item--cta:active { background: #007a9a; } body:not(.home) { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); } } /* ========================================================================== Dark mode header / navigation detachment ========================================================================== */ html.dark nav[role="navigation"], html.dark .site-header { background-color: #1a2340; /* slightly lighter than body #243358 */ box-shadow: 0 2px 12px rgba(0, 0, 0, .35); position: relative; z-index: 40; } html.dark nav[role="navigation"] a, html.dark nav[role="navigation"] button { color: #e6ecf7; } /* Dropdown menu panel - ensure readable background in dark mode */ html.dark nav[role="navigation"] [role="menu"], html.dark nav[role="navigation"] .mobile-submenu { background-color: #1f2b50 !important; color: #e6ecf7 !important; } html.dark nav[role="navigation"] [role="menu"] a, html.dark nav[role="navigation"] .mobile-submenu a { color: #e6ecf7 !important; } /* ========================================================================== Remove the visible blue band before the footer in dark mode Root cause: