body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
  display: none;
}

.cover .badge {
  position: absolute;
  top: 0;
  left: 0;
  color: #cad3f5;
  background-color: #f5a97f;
  border-radius: 0;
  padding: 0 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  line-height: 24px;
}

.cover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.cover .read {
  padding: 0 0;
  line-height: 15px;
}

input.datepicker {color: transparent}
input.datepicker:focus {color: transparent}
input.datepicker:focus + input {color: #6e738d}

.col-sm-3.col-lg-2.col-xs-6.book.session {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
        .row-fluid > .col-sm-2 {
        visibility: hidden;
    }
}
/* ── Catppuccin Macchiato over caliBlur ─────────────────────────────────────
   Appended to calibre-web's caliBlur_override.css, which layout.html loads
   LAST when the "caliBlur! Dark Theme" is active.

   The bulk of the re-skin is a palette rewrite of caliBlur.css (see
   catppuccin-macchiato.py). This file covers the two things a blind swap
   cannot reason about: (1) the accent landing as a *background*, where the
   inherited light text would become unreadable, and (2) surfacing the accent
   at all — CaliBlur barely used its own.

   Palette  base #24273a · mantle #1e2030 · crust #181926
            surface0 #363a4f · surface1 #494d64 · text #cad3f5
            accent (pink) #f5bde6
   ─────────────────────────────────────────────────────────────────────────── */

/* 1. Accent as a BACKGROUND → forced dark text.
      The swap turns these backgrounds light pink; without this the inherited
      light text disappears into them. */
.btn-danger:hover, .btn-danger:focus, .btn-danger:active,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
#remove-from-shelves > .btn:hover,
[data-target="#DeleteShelfDialog"]:hover,
.text-center > #delete:hover,
.discover > .btn-danger:hover {
  color: #24273a !important;
}

/* 2. Links. CaliBlur renders these near-white so nothing reads as a link. */
a { color: #f5bde6; }
a:hover, a:focus { color: #f5bde6; text-decoration: underline; }

/* 3. Accent on primary actions. */
.btn-primary {
  background-color: #f5bde6;
  border-color: #f5bde6;
  color: #24273a;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #f5bde6;
  border-color: #f5bde6;
  color: #24273a;
  filter: brightness(1.08);
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  background-color: #f5bde6;
  border-color: #f5bde6;
  color: #24273a;
}
.label-primary, .badge-primary { background-color: #f5bde6; color: #24273a; }

/* 4. Form controls sit on the surface stack, and focus rings use the accent. */
.form-control {
  background-color: #1e2030;
  border-color: #363a4f;
  color: #cad3f5;
}
.form-control:focus {
  background-color: #1e2030;
  border-color: #f5bde6;
  color: #cad3f5;
  box-shadow: 0 0 0 0.2rem rgba(245, 189, 230, 0.25);
}
.form-control::placeholder { color: #6e738d; }

/* 5. Selection, so the accent carries through. */
::selection { background: rgba(245, 189, 230, 0.3); color: #cad3f5; }

/* 6. Page backdrop. CaliBlur paints it with blur-*.png textures (blur-noise
      layered over blur-light) and leaves body text at 45% white — dim. Those
      textures are now flat Macchiato pixels (see the `images` step in
      catppuccin-macchiato.py); pin the colour and the text here too so no
      stray `background:` shorthand can reintroduce a grey. */
body:not(.read-frame) {
  background: #24273a !important;
  color: #cad3f5 !important;
}