/* Vzhled Blackies pro Mealie (recepty.blackies.cz) — stejný jako blackies.cz
   a webmail: slate podklad, bílá lišta se značkou, Inter, zaoblené karty,
   jemná tlačítka. Vkládá ho nginx (config/mealie/nginx.conf). Mealie je
   Vuetify 3: barvy jdou přes proměnné --v-theme-*, zbytek přes třídy v-*.
   Ikony jsou SVG, takže přepsání písma je nerozbije. Při upgradu Mealie
   zkontrolovat screenshotem (třídy se můžou změnit). */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@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; }

:root {
  --bk-bg: #F8FAFC;
  --bk-card: #FFFFFF;
  --bk-soft: #F1F5F9;
  --bk-line: rgb(226 232 240 / .8);
  --bk-ink: #0F172A;
  --bk-ink-2: #334155;
  --bk-muted: #64748B;
  --bk-accent: #C0894F;
  --bk-shadow: 0 1px 2px 0 rgb(15 23 42 / .05);
}
.v-theme--light {
  --v-theme-background: 248, 250, 252;   /* slate-50 */
  --v-theme-surface: 255, 255, 255;
}

/* Písmo */
.v-application, .v-application *:not(svg):not(path) {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
.v-application { -webkit-font-smoothing: antialiased; }

/* ── Lišta: bílá se značkou BLACKIES místo oranžové „Mealie“ ─── */
.v-app-bar.v-toolbar {
  background: var(--bk-card) !important;
  color: var(--bk-ink) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--bk-line) !important;
}
.v-app-bar .v-btn, .v-app-bar .text-white { color: var(--bk-ink) !important; }
.v-app-bar .v-toolbar__content > a { display: none; }          /* logo vidlička + nůž */
.v-app-bar .v-toolbar-title__placeholder { font-size: 0 !important; display: flex; align-items: center; }
.v-app-bar .v-toolbar-title__placeholder::before {
  content: ""; width: 26px; height: 11px; margin-right: 10px;
  background:
    radial-gradient(circle at 5.5px 5.5px, var(--bk-ink) 5.5px, transparent 6px),
    radial-gradient(circle at 20.5px 5.5px, var(--bk-ink) 5.5px, transparent 6px);
}
.v-app-bar .v-toolbar-title__placeholder::after {
  content: "BLACKIES";
  font-family: "Archivo Black", "Inter", sans-serif !important;
  font-size: 19px; letter-spacing: .02em; line-height: 1; color: var(--bk-ink);
}
.v-app-bar .v-toolbar-title::after {
  content: "recepty"; margin-left: 10px; font-size: 14px; font-weight: 500; color: var(--bk-muted);
}
.v-app-bar .v-toolbar-title { display: flex; align-items: center; }
/* hledání v liště: světlé pole místo tmavé pilulky */
.v-app-bar .v-field {
  background: var(--bk-soft) !important; color: var(--bk-ink) !important;
  border-radius: 12px !important; box-shadow: none !important;
}
.v-app-bar .v-field input::placeholder { color: var(--bk-muted) !important; opacity: 1; }

/* ── Postranní menu na podkladu, aktivní položka jako bílá karta ─ */
.v-navigation-drawer {
  background: var(--bk-bg) !important;
  border-right: 0 !important;
}
.v-navigation-drawer .v-list { background: transparent !important; }
.v-navigation-drawer .v-list-item { border-radius: 12px !important; margin-inline: 8px; }
.v-navigation-drawer .v-list-item--active {
  background: var(--bk-card) !important; color: var(--bk-ink) !important; box-shadow: var(--bk-shadow);
}
.v-navigation-drawer .v-list-item--active > .v-list-item__overlay { opacity: 0 !important; }
.v-navigation-drawer .v-list-item-title { font-size: 14px !important; font-weight: 500 !important; }
.v-navigation-drawer .v-divider { border-color: #E2E8F0 !important; opacity: 1 !important; }
/* „Vytvořit“: bílé tlačítko s jemným rámečkem místo šedé pilulky se stínem */
.v-navigation-drawer .v-btn--elevated {
  background: var(--bk-card) !important; color: var(--bk-ink) !important;
  border: 1px solid #E2E8F0 !important; box-shadow: var(--bk-shadow) !important;
}
.v-navigation-drawer .v-btn--elevated:hover { background: var(--bk-soft) !important; }

/* ── Tlačítka: bez verzálek, zaoblená; filtry jemně šedé ───────── */
.v-btn {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
}
.v-btn--icon { border-radius: 999px !important; }
.v-main .v-btn.bg-accent, .v-main .v-btn.bg-info {
  background: var(--bk-soft) !important; color: var(--bk-ink-2) !important; box-shadow: none !important;
}
.v-main .v-btn.bg-accent:hover, .v-main .v-btn.bg-info:hover { background: #E2E8F0 !important; }

/* ── Karty receptů a panely ────────────────────────────────── */
.v-main .v-card {
  border-radius: 16px !important;
  border: 1px solid var(--bk-line) !important;
  box-shadow: var(--bk-shadow) !important;
}
.v-main .v-card:hover { box-shadow: 0 4px 12px rgb(15 23 42 / .08) !important; }
.v-main .v-card .v-img, .v-main .v-card img { border-radius: 0; }

/* ── Pole formulářů ────────────────────────────────────────── */
.v-field { border-radius: 12px !important; }
.v-main .v-field--variant-outlined .v-field__outline { color: #CBD5E1; }
.v-main .v-field { background: var(--bk-card); }

/* Nadpisy stránek */
.v-main .text-h4, .v-main .text-h5, .v-main .text-h6 { color: var(--bk-ink); font-weight: 600 !important; letter-spacing: -.01em !important; }