/* BLICKPUNKT24 — Custom CSS */

/* ── Fuentes ─────────────────────────────────────────────────────────────── */
.font-serif { font-family: 'Newsreader', Georgia, serif; }
.font-sans  { font-family: 'Inter', system-ui, sans-serif; }

/* ── Line clamp ──────────────────────────────────────────────────────────── */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Dark mode base ──────────────────────────────────────────────────────── */
.dark body { background: #1c1b1b; color: #e7e5e4; }

.dark header { border-color: #e7e5e4 !important; }
.dark nav    { border-color: #e7e5e4 !important; }
.dark footer { border-color: #e7e5e4 !important; }

/* ── Grayscale images ────────────────────────────────────────────────────── */
.grayscale { filter: grayscale(100%) contrast(1.05); }

/* ── Reading progress bar ────────────────────────────────────────────────── */
#bp24-progress {
  background: #1c1b1b;
}
.dark #bp24-progress {
  background: #f5f5f4;
}

/* ── Ticker ──────────────────────────────────────────────────────────────── */
#bp24-ticker-inner {
  will-change: transform;
  display: inline-block;
}

/* ── No decoration links ─────────────────────────────────────────────────── */
a { text-decoration: none; }
a:hover { text-decoration: none; }

/* ── Print styles ────────────────────────────────────────────────────────── */
@media print {
  header, footer, #bp24-progress,
  [class*="hover\\:"], button { display: none !important; }
  body { background: white !important; color: black !important; }
  .grayscale { filter: none; }
  img { max-width: 100%; page-break-inside: avoid; }
  h1, h2, h3 { page-break-after: avoid; }
  p { orphans: 3; widows: 3; }
  article { max-width: 100%; padding: 0; }
}

/* ── Animación de entrada sutil ──────────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

#bp24-page > * {
  animation: fadeUp 0.35s ease-out both;
}

/* ── Scrollbar discreta ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 2px; }
.dark ::-webkit-scrollbar-thumb { background: #44403c; }

/* ── Selection ───────────────────────────────────────────────────────────── */
::selection { background: #1c1b1b; color: #fff; }
.dark ::selection { background: #f5f5f4; color: #1c1b1b; }

/* ── Focus visible accesible ─────────────────────────────────────────────── */
:focus-visible {
  outline: 1.5px solid #1c1b1b;
  outline-offset: 3px;
}
.dark :focus-visible {
  outline-color: #f5f5f4;
}

/* ── Tabular numbers en clock ────────────────────────────────────────────── */
.tabular-nums { font-variant-numeric: tabular-nums; }