/* css/style-obosnovanie.css — extracted from obosnovanie-ceny.html */

/* ── Stats bar ── */
  .stats-bar { background: #fff; border-bottom: 1px solid #e9ecef; padding: .8rem 0; }
  .stat-item { text-align: center; padding: .4rem 1.2rem; border-right: 1px solid #e9ecef; }
  .stat-item:last-child { border-right: none; }
  .stat-num { font-size: 1.4rem; font-weight: 800; color: #0b3b5c; line-height: 1; }
  .stat-label { font-size: .72rem; color: #6c757d; text-transform: uppercase; letter-spacing: .5px; }

  /* ── Search panel ── */
  .search-panel {
    background: #f8fafc;
    border-bottom: 1px solid #e9ecef;
    padding: 1.2rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
  }
  .search-panel .input-group { box-shadow: 0 2px 10px rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; }
  .search-panel .form-control { border: none; padding: .7rem 1rem; font-size: .95rem; background: #fff; }
  .search-panel .form-control:focus { box-shadow: none; }
  .search-panel .input-group-text { background: #fff; border: none; color: #0b3b5c; font-size: 1.1rem; }

  /* Category pills */
  .cat-pills { display: flex; flex-wrap: wrap; gap: .4rem; }
  .cat-pill {
    padding: .3rem .85rem;
    border-radius: 20px;
    font-size: .8rem;
    font-weight: 600;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
    background: none;
  }
  .cat-pill.active, .cat-pill:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,.12); }
  .cat-pill[data-cat=""]     { background:#0b3b5c; color:#fff; border-color:#0b3b5c; }
  .cat-pill[data-cat="2025"] { background:#e8f4fd; color:#0f6b9a; border-color:#0f6b9a; }
  .cat-pill[data-cat="2025"].active { background:#0f6b9a; color:#fff; }
  .cat-pill[data-cat="2024"] { background:#fef9e7; color:#e67e22; border-color:#e67e22; }
  .cat-pill[data-cat="2024"].active { background:#e67e22; color:#fff; }
  .cat-pill[data-cat="2023"] { background:#fdf0f0; color:#c0392b; border-color:#c0392b; }
  .cat-pill[data-cat="2023"].active { background:#c0392b; color:#fff; }
  .cat-pill[data-cat="2022"] { background:#f3e8ff; color:#8e44ad; border-color:#8e44ad; }
  .cat-pill[data-cat="2022"].active { background:#8e44ad; color:#fff; }
  .cat-pill[data-cat="2021"] { background:#fef5e4; color:#d35400; border-color:#d35400; }
  .cat-pill[data-cat="2021"].active { background:#d35400; color:#fff; }

  /* ── Doc cards ── */
  .docs-grid { padding: 2rem 0; }
  .doc-card-wrap { transition: transform .25s ease, opacity .25s ease; }
  .doc-card-wrap.hidden { display: none; }

  .doc-card {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #e9ecef;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    position: relative;
  }
  .doc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(11,59,92,.14); border-color: #0f6b9a; }

  .doc-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 4px;
    border-radius: 14px 0 0 14px;
  }
  .doc-card[data-cat="2025"]::before { background: #0f6b9a; }
  .doc-card[data-cat="2024"]::before { background: #e67e22; }
  .doc-card[data-cat="2023"]::before { background: #c0392b; }
  .doc-card[data-cat="2022"]::before { background: #8e44ad; }
  .doc-card[data-cat="2021"]::before { background: #d35400; }

  .doc-card-body { padding: 1.2rem 1.2rem 1.2rem 1.5rem; display: flex; flex-direction: column; flex: 1; }

  .doc-icon-wrap {
    width: 40px; height: 40px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-bottom: .75rem;
  }
  .doc-card[data-cat="2025"] .doc-icon-wrap { background: #e8f4fd; }
  .doc-card[data-cat="2024"] .doc-icon-wrap { background: #fef9e7; }
  .doc-card[data-cat="2023"] .doc-icon-wrap { background: #fdf0f0; }
  .doc-card[data-cat="2022"] .doc-icon-wrap { background: #f3e8ff; }
  .doc-card[data-cat="2021"] .doc-icon-wrap { background: #fef5e4; }

  .doc-cat-badge {
    font-size: .68rem; font-weight: 700;
    padding: .2rem .55rem; border-radius: 20px;
    letter-spacing: .3px; text-transform: uppercase;
    display: inline-block; margin-bottom: .5rem;
  }
  .doc-card[data-cat="2025"] .doc-cat-badge { background:#e8f4fd; color:#0f6b9a; }
  .doc-card[data-cat="2024"] .doc-cat-badge { background:#fef9e7; color:#e67e22; }
  .doc-card[data-cat="2023"] .doc-cat-badge { background:#fdf0f0; color:#c0392b; }
  .doc-card[data-cat="2022"] .doc-cat-badge { background:#f3e8ff; color:#8e44ad; }
  .doc-card[data-cat="2021"] .doc-cat-badge { background:#fef5e4; color:#d35400; }

  .doc-title { font-size: .92rem; font-weight: 700; color: #0b3b5c; line-height: 1.4; margin-bottom: .4rem; }
  .doc-desc  { font-size: .8rem; color: #6c757d; line-height: 1.5; flex: 1; }

  .doc-actions { display: flex; gap: .5rem; margin-top: 1rem; padding-top: .75rem; border-top: 1px solid #f0f2f5; }
  .btn-download {
    flex: 1;
    background: linear-gradient(90deg, #0b3b5c, #0f6b9a);
    color: #fff; border: none; border-radius: 8px;
    font-size: .8rem; font-weight: 600;
    padding: .45rem .75rem;
    text-decoration: none;
    display: flex; align-items: center; justify-content: center; gap: 5px;
    transition: opacity .2s;
  }
  .btn-download:hover { opacity: .88; color: #fff; }

  .empty-state { text-align: center; padding: 4rem 1rem; display: none; }
  .empty-state .bi { font-size: 3rem; color: #cbd5e1; }
  .empty-state p { color: #94a3b8; margin-top: .5rem; }
  #result-count { font-size: .82rem; color: #94a3b8; padding: .3rem 0; }