/* ═══════════════════════════════════════════════════════
   fizjo-archive-przepis.css — archiwum przepisów
═══════════════════════════════════════════════════════ */

.przar-page { font-family: 'Inter', sans-serif; color: var(--ink, #1e2d3a); }
.przar-wrap { max-width: 1100px; margin: 0 auto; padding: 0 32px; }

/* ── HERO ── */
.przar-hero { background: var(--pain-bg, #1b3a52); padding: 48px 0 52px; position: relative; overflow: hidden; }
.przar-hero::before {
    content: ''; position: absolute; right: -120px; top: -120px;
    width: 500px; height: 500px; border-radius: 50%;
    background: radial-gradient(circle, rgba(47,174,218,.1) 0%, transparent 70%);
    pointer-events: none;
}
.przar-hero-inner { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; }
.przar-hero-tag {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(47,174,218,.15); color: var(--blue, #24abd6);
    border: 1px solid rgba(47,174,218,.3); padding: 5px 14px; border-radius: 100px;
    font-size: .7rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; margin-bottom: 16px;
}
.przar-hero-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue, #24abd6); }
.przar-hero h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 700;
    color: #fff; line-height: 1.25; margin: 0 0 10px;
}
.przar-hero-desc { font-size: .88rem; color: rgba(255,255,255,.65); line-height: 1.7; max-width: 520px; }
.przar-count-badge {
    background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15);
    padding: 8px 20px; border-radius: 24px;
    font-size: .85rem; color: rgba(255,255,255,.8); font-weight: 600;
    white-space: nowrap; flex-shrink: 0;
}

/* ── CONTENT ── */
.przar-content { padding: 28px 0 60px; }

/* ── FILTRY ── */
.przar-filter-bar {
    background: #fff; border-radius: 12px;
    border: 1px solid rgba(30,45,58,.08); padding: 18px 22px;
    margin-bottom: 16px;
}
.przar-filter-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.przar-filter-row:last-child { margin-bottom: 0; }
.przar-filter-label {
    font-size: .68rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .8px; color: rgba(30,45,58,.45); min-width: 52px;
}
.przar-select {
    padding: 7px 14px; border-radius: 8px;
    border: 1px solid rgba(30,45,58,.1); font-size: .82rem;
    color: var(--ink, #1e2d3a); background: #fff;
    cursor: pointer; min-width: 120px;
}
.przar-search {
    flex: 1; padding: 9px 16px; border-radius: 8px;
    border: 1px solid rgba(30,45,58,.1); font-size: .85rem;
    min-width: 200px;
}
.przar-search-btn {
    padding: 9px 22px; border-radius: 8px;
    background: var(--blue, #24abd6); color: #fff;
    border: none; font-size: .82rem; font-weight: 600;
    cursor: pointer; transition: background .2s;
}
.przar-search-btn:hover { background: #1a8ab0; }

/* ── SORTOWANIE ── */
.przar-sort-bar { display: flex; align-items: center; gap: 6px; margin-bottom: 20px; flex-wrap: wrap; }
.przar-sort-label { font-size: .72rem; font-weight: 700; color: rgba(30,45,58,.4); text-transform: uppercase; letter-spacing: .5px; margin-right: 4px; }
.przar-sort-opt {
    font-size: .82rem; padding: 5px 14px; border-radius: 6px;
    color: rgba(30,45,58,.5); text-decoration: none;
    transition: all .15s;
}
.przar-sort-opt:hover { background: rgba(30,45,58,.04); }
.przar-sort-opt.active { background: var(--ink, #1e2d3a); color: #fff; font-weight: 600; }

/* ── GRID ── */
.przar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }

.przar-card {
    border-radius: 12px; overflow: hidden;
    border: 1px solid rgba(30,45,58,.08); background: #fff;
    text-decoration: none; display: block;
    transition: box-shadow .2s, transform .15s;
}
.przar-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.przar-card-img { height: 180px; position: relative; overflow: hidden; background: rgba(30,45,58,.04); }
.przar-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.przar-card-cat {
    position: absolute; top: 10px; left: 10px;
    background: rgba(255,255,255,.92); padding: 3px 12px;
    border-radius: 6px; font-size: .72rem; font-weight: 600;
    color: var(--ink, #1e2d3a);
}
.przar-card-time {
    position: absolute; top: 10px; right: 10px;
    background: rgba(0,0,0,.5); color: #fff; padding: 3px 10px;
    border-radius: 6px; font-size: .72rem; font-weight: 600;
    display: flex; align-items: center; gap: 3px;
}
.przar-card-body { padding: 16px 18px; }
.przar-card-title {
    font-size: .92rem; font-weight: 600; line-height: 1.35;
    margin: 0 0 8px; color: var(--ink, #1e2d3a);
}
.przar-card-macros {
    display: flex; gap: 12px; font-size: .76rem;
    color: rgba(30,45,58,.5); margin-bottom: 8px;
}
.przar-card-macros strong { color: var(--ink, #1e2d3a); font-weight: 600; }
.przar-card-diets { display: flex; flex-wrap: wrap; gap: 4px; }
.przar-card-diet {
    font-size: .68rem; padding: 3px 10px; border-radius: 5px;
    background: rgba(30,45,58,.04); color: rgba(30,45,58,.5);
}

/* ── CTA ── */
.przar-cta {
    background: var(--pain-bg, #1b3a52); border-radius: 12px;
    padding: 24px 28px; display: flex; align-items: center;
    justify-content: space-between; gap: 20px; margin-bottom: 24px;
}
.przar-cta h3 { font-size: .92rem; font-weight: 600; color: #fff; margin: 0 0 2px; }
.przar-cta p { font-size: .78rem; color: rgba(255,255,255,.6); margin: 0; }
.przar-cta-btn {
    display: inline-block; padding: 12px 24px; border-radius: 10px;
    background: var(--orange, #fd9b32); color: #fff;
    font-size: .85rem; font-weight: 600; text-decoration: none;
    white-space: nowrap; transition: background .2s;
}
.przar-cta-btn:hover { background: #e8841a; }

/* ── PAGINACJA ── */
.przar-pagination {
    display: flex; justify-content: center; gap: 6px;
    margin: 32px 0; flex-wrap: wrap;
}
.przar-pagination a, .przar-pagination span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 38px; height: 38px; padding: 0 12px;
    border-radius: 8px; font-size: .85rem; font-weight: 500;
    text-decoration: none; transition: all .15s;
}
.przar-pagination a {
    background: #fff; color: var(--ink, #1e2d3a);
    border: 1px solid rgba(30,45,58,.1);
}
.przar-pagination a:hover { background: rgba(30,45,58,.04); }
.przar-pagination .current {
    background: var(--blue, #24abd6); color: #fff; border: none;
}

/* ── EMPTY ── */
.przar-empty {
    text-align: center; padding: 60px 20px;
    font-size: .92rem; color: rgba(30,45,58,.5);
}
.przar-empty a { color: var(--blue, #24abd6); font-weight: 600; text-decoration: none; }

/* ── MOBILE ── */
@media (max-width: 768px) {
    .przar-wrap { padding: 0 20px; }
    .przar-hero-inner { flex-direction: column; gap: 16px; align-items: flex-start; }
    .przar-filter-row { flex-direction: column; align-items: stretch; }
    .przar-select { width: 100%; }
    .przar-cta { flex-direction: column; text-align: center; }
}
@media (max-width: 580px) {
    .przar-grid { grid-template-columns: 1fr; }
    .przar-hero { padding: 32px 0 36px; }
}