/* ══ PODSTRONA POJEDYNCZEJ REALIZACJI ══ */
.nav-active { color:var(--gold) !important; }
.nav-active::after { transform:scaleX(1) !important; }

.rl-main {
    max-width:1200px;
    margin:0 auto;
    padding:96px 6% 80px;
    min-height:80vh;
}

/* Breadcrumb */
.rl-breadcrumb {
    display:flex; align-items:center; gap:.5rem;
    font-size:.8rem; color:var(--muted);
    margin-bottom:2.5rem;
}
.rl-breadcrumb a {
    color:var(--gold); text-decoration:none; font-weight:600;
    transition:color .18s;
}
.rl-breadcrumb a:hover { color:var(--gold-lt); }
.rl-breadcrumb span:last-child { color:var(--text2); }

/* Główny układ: galeria + treść obok siebie */
.rl-wrap {
    display:grid;
    grid-template-columns:1fr 420px;
    gap:4rem;
    align-items:start;
}

/* ── Galeria ── */
.rl-gallery { position:sticky; top:84px; }

.rl-main-img {
    position:relative;
    border-radius:12px; overflow:hidden;
    background:var(--card);
    border:1px solid var(--border);
    aspect-ratio:4/3;
    cursor:zoom-in;
}
.rl-main-img img {
    width:100%; height:100%; object-fit:cover;
    display:block; transition:opacity .18s;
}

/* Strzałki galerii */
.rl-arr {
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border-radius:50%;
    background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.15);
    color:#fff; font-size:1.5rem; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:background .18s; backdrop-filter:blur(4px);
    padding-bottom:2px; line-height:1;
}
.rl-arr-l { left:.75rem; }
.rl-arr-r { right:.75rem; }
.rl-arr:hover { background:rgba(0,0,0,.85); }

.rl-img-counter {
    position:absolute; bottom:.75rem; right:.75rem;
    background:rgba(0,0,0,.65); color:var(--text2);
    font-size:.72rem; font-weight:700;
    padding:.25rem .6rem; border-radius:20px;
    backdrop-filter:blur(4px);
}

/* Miniatury */
.rl-thumbs {
    display:flex; gap:.5rem; margin-top:.75rem;
    flex-wrap:wrap;
}
.rl-thumb {
    width:72px; height:55px; border-radius:6px; overflow:hidden;
    cursor:pointer; border:2px solid var(--border); opacity:.55;
    transition:border-color .15s, opacity .15s; flex-shrink:0;
}
.rl-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.rl-thumb.active { border-color:var(--gold); opacity:1; }
.rl-thumb:hover { opacity:.85; }

/* Placeholder bez zdjęcia */
.rl-no-img {
    display:flex; align-items:center; justify-content:center;
    font-size:5rem; color:var(--border2);
    background:var(--card); border:1px solid var(--border);
    border-radius:12px; aspect-ratio:4/3;
}

/* ── Treść ── */
.rl-content { padding-top:.5rem; }

.rl-meta { margin-bottom:.75rem; }
.rl-date {
    font-size:.7rem; font-weight:700; color:var(--muted);
    letter-spacing:.1em; text-transform:uppercase;
}

.rl-title {
    font-family:'Barlow Condensed',sans-serif; font-weight:900;
    font-size:clamp(2rem,4vw,2.8rem); color:var(--text);
    text-transform:uppercase; line-height:1.05;
    letter-spacing:-.01em; margin-bottom:1.5rem;
}

.rl-desc {
    font-size:.95rem; color:var(--text2); line-height:1.8;
    margin-bottom:2rem;
}
.rl-desc p    { margin-bottom:.75rem; }
.rl-desc p:last-child { margin-bottom:0; }
.rl-desc strong,.rl-desc b { color:var(--text); font-weight:600; }
.rl-desc em,.rl-desc i { color:var(--gold-lt); font-style:italic; }
.rl-desc ul,.rl-desc ol { padding-left:1.35rem; margin-bottom:.75rem; }
.rl-desc li { margin-bottom:.35rem; color:var(--text2); }
.rl-desc h3,.rl-desc h4 {
    font-family:'Barlow Condensed',sans-serif; font-weight:700;
    color:var(--text); margin-bottom:.4rem; text-transform:uppercase;
    font-size:1.15rem;
}

.rl-cta { display:inline-flex; margin-top:.5rem; }

/* Nawigacja poprzednia/następna */
.rl-nav-posts {
    display:grid; grid-template-columns:1fr 1fr;
    gap:1rem; margin-top:4rem;
    padding-top:2rem; border-top:1px solid var(--border);
}
.rl-nav-post { display:flex; }
.rl-nav-post:last-child { justify-content:flex-end; }
.rl-post-link {
    display:flex; flex-direction:column; gap:.3rem;
    text-decoration:none; padding:.9rem 1.1rem;
    border:1px solid var(--border); border-radius:8px;
    background:var(--card); transition:border-color .2s,background .2s;
    max-width:360px;
}
.rl-post-link:hover { border-color:rgba(240,165,0,.35); background:var(--card2); }
.rl-post-next { text-align:right; }
.rl-post-dir { font-size:.68rem; font-weight:700; color:var(--gold); text-transform:uppercase; letter-spacing:.1em; }
.rl-post-title { font-size:.88rem; font-weight:600; color:var(--text2); line-height:1.3; }

/* ══ MOBILE ══ */
@media (max-width:900px) {
    .rl-wrap { grid-template-columns:1fr; gap:2rem; }
    .rl-gallery { position:static; }
    .rl-main { padding:88px 5% 60px; }
    .rl-nav-posts { grid-template-columns:1fr; }
    .rl-nav-post:last-child { justify-content:flex-start; }
    .rl-post-link { max-width:100%; width:100%; }
}
@media (max-width:500px) {
    .rl-main { padding:80px 4% 50px; }
    .rl-title { font-size:1.8rem; }
    .rl-thumbs { gap:.35rem; }
    .rl-thumb { width:58px; height:44px; }
}