/* Shared styling for every admin link to a related object's change page
   (see api/admin/base.py's admin_link() and the LINK_CLASSES override in
   api/admin/__init__.py). Unfold's own `.text-link` uses the same shade for
   light and dark mode, which reads fine on white but is too close to the
   dark background to be readable — so dark mode gets a lighter shade here. */
.admin-link {
    color: var(--color-primary-600);
    text-decoration: none;
}

.admin-link:hover {
    text-decoration: underline;
}

.dark .admin-link {
    color: var(--color-primary-300);
}

/* Native `<input type="date">`/`<input type="time">` pickers (NativeDateInput/
   NativeTimeInput, and add-booking.js's reschedule-dialog date-range filters)
   render the browser's calendar/clock icon in a fixed dark color -- invisible
   against Unfold's dark-mode input background. `color-scheme` tells the
   browser which palette to draw its own native chrome (the icon, and the
   calendar/time dropdown popup) in, independent of any author CSS on the
   input itself -- unlike a WebKit-only `::-webkit-calendar-picker-indicator`
   filter hack, this is a standard property Firefox honors too. */
.dark input[type="date"],
.dark input[type="time"] {
    color-scheme: dark;
}

/* Django admin's date/time widgets append a "Note: You are N hours ahead/behind
   server time." helptext (contrib/admin/static/admin/js/admin/DateTimeShortcuts.js)
   whenever the browser's timezone offset differs from the server's -- not useful
   here since staff and server aren't expected to share a timezone. */
.timezonewarning {
    display: none !important;
}

/* Unfold's shipped unfold/css/styles.css is a pre-built, pre-purged Tailwind
   bundle -- it only contains rules for utility classes Tailwind's build step
   actually found referenced somewhere in Unfold's own source at build time.
   `lg:hidden!` (used on unfold/helpers/navigation_header.html's mobile-only
   close icon, overridden in liebe_backend/templates to move the sidebar's
   overlay/in-flow breakpoint from `xl` to `lg` -- see admin/nav_sidebar.html's
   own override) was never part of that scan, so no `.lg\:hidden\!` rule was
   ever generated for it and the class silently does nothing, leaving that
   icon visible at every width. `lg:relative` (nav_sidebar.html's own change)
   happens to already exist elsewhere in Unfold's bundle, so it didn't need
   this -- only the `!important` "hidden" variant was missing. Mirrors the
   exact rule shape already shipped for `xl:hidden!` in that same stylesheet. */
@media (min-width: 64rem) {
    .lg\:hidden\! {
        display: none !important;
    }
}