/* Rozložení Blackies pro Bulwark — vkládá nginx bulwark-web (<link> před
   </head>, viz nginx.conf vedle). Sem patří všechno, co validátor tématu
   Bulwarku od 1.11.1 zahazuje: @font-face s url(), pravidla mimo :root/.dark.
   Tokeny (--color-*, --radius-*, --font-sans) drží téma `blackies`
   nahrané přes /api/admin/themes (config/mail/bulwark-theme/theme.css).
   Písmo Inter servíruje Traefik ze stejné domény: /blackies-fonts/* →
   assets/fonts úvodní stránky (CSP font-src 'self'). */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/blackies-fonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/blackies-fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }

/* ── Rozložení „bento“ (od tabletu výš; na telefonu Bulwark nechává
   jeden panel přes celou obrazovku, tam se nic nemění) ─────────────
   Háčky jsou atributy data-tour (stabilní), ne Tailwind třídy.
   POZOR: :has() uvnitř :has() CSS nedovoluje — prohlížeč takové pravidlo
   tiše zahodí (2026-09-15 tak zmizely mezery mezi kartami pošty). */
@media (min-width: 768px) {
  body > div.h-dvh { background: var(--page); }

  /* Lišta a postranní panely leží na podkladu — bez tvrdé svislé čáry */
  .h-dvh .w-14.bg-secondary,
  .h-dvh .bg-secondary.border-e,
  .h-dvh .border-e:has(> .bg-secondary) {
    border-inline-end-color: transparent;
    background: transparent;
  }

  /* Lišta má šedou čáru natvrdo (rgba 128/.3) — přebít jde jen !important */
  .h-dvh .w-14.bg-secondary { border-right-color: transparent !important; border-inline-end-color: transparent !important; }

  /* Pošta: seznam zpráv a čtení jako dvě karty s mezerou. Kotva je seznam
     (je vždy) — čtecí panel bez otevřené zprávy data-tour="email-viewer" nemá. */
  div:has(> div > div > div > [data-tour="email-list"]) {
    gap: 10px;
    padding: 10px 10px 10px 2px;
  }
  /* Kalendář: jedna karta */
  div:has(> [data-tour="calendar-view"]) { margin: 10px 10px 10px 2px; }
  /* Kontakty: seznam a detail jako dvě karty */
  div:has(> [data-tour="contacts-list"]) { gap: 10px; padding: 10px 10px 10px 0; }

  div:has(> div > div > [data-tour="email-list"]),
  div:has(> div > div > [data-tour="email-list"]) ~ .flex-1,
  div:has(> [data-tour="email-viewer"]),
  div:has(> [data-tour="calendar-view"]),
  [data-tour="contacts-list"],
  [data-tour="contacts-list"] ~ .flex-1 {
    background: var(--color-background);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
  }
  /* Tělo zprávy: čistě bílé místo šedého nádechu */
  [data-tour="email-viewer"] .overflow-auto { background: var(--color-background); }

  /* Nastavení: obsah jako karta na podkladu */
  div:has(> [data-tour="settings-tabs"]) ~ .flex-1 > .max-w-3xl {
    background: var(--color-background);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow-card);
    margin-block: 10px;
  }
}

/* Výzvy „Nainstalovat aplikaci“ a „Oznámení na pozadí“ mají natvrdo modrou —
   hlavní tlačítko v barvě Blackies, okno se zaoblením karet */
.fixed.bottom-4.right-4 { border-radius: 16px; border-color: #E2E8F0; }
.fixed.bottom-4.right-4 button[class*="bg-blue"] { background: var(--color-primary); color: #fff; }
.fixed.bottom-4.right-4 button[class*="bg-blue"]:hover { background: #1E293B; }

/* Nikdy tmavě (od 2026-10-06): systémový tmavý režim aplikaci zapírá
   /blackies/bulwark.js. Tady jen mizí přepínače, kterými by šlo tmavé
   zvolit ručně — v Nastavení → Vzhled (řádek „Motiv“, háček je popisek,
   proto česky i anglicky) a nabídka na přihlašovací stránce. Bez nich by
   „Tmavý“ dal černé tělo zprávy s tmavým textem (tokeny jsou vždy světlé). */
[data-search-label="Motiv"],
[data-search-label="Theme"],
button[aria-label^="Theme:"],
[aria-label="Theme selection"] { display: none !important; }