/* ════════════════════════════════════════════════════════════════
   pages.css — stiluri pentru secțiunea /pages/ (index, category, view)
   ════════════════════════════════════════════════════════════════ */

body:not(.dark) .cat-sidebar-link.active .cnt {
    color: #596270;
}
body:not(.dark) .cat-page-header-text h1 {
  color: #475569;
}

/* ── Layout comun ── */
.info-index-wrap { max-width:1060px; margin:2rem auto; padding:0 1rem 3rem; }
.info-page-wrap  { max-width:860px;  margin:2rem auto; padding:0 1.5rem 4rem; }
.cat-page-wrap   { max-width:1060px; margin:2rem auto; padding:0 1rem 3rem; }

/* ── Breadcrumb ── */
.info-breadcrumb { font-size:.82rem; color:var(--c-text3, #667); margin-bottom:1.25rem; }
.info-breadcrumb a { color:var(--c-blue, #4f8ef7); text-decoration:none; }
.info-breadcrumb a:hover { text-decoration:underline; }
.info-breadcrumb span { margin:0 .4rem; }

/* ── Index header ── */
.info-index-header { margin-bottom:2rem; }
.info-index-header h1 { font-size:1.9rem; font-weight:700; margin:0 0 .35rem; }
.info-index-header p  { color:#889; font-size:.95rem; margin:0; }

/* ── Category section (index) ── */
.info-cat-section { margin-bottom:2.5rem; }
.info-cat-title {
    display:flex; align-items:center; gap:.6rem;
    font-size:1.15rem; font-weight:700; margin-bottom:1rem;
    padding-bottom:.6rem; border-bottom:1px solid rgba(255,255,255,.08);
}
.info-cat-title a { color:inherit; text-decoration:none; transition:color .15s; }
.info-cat-title a:hover { color:#7cf; }
.info-cat-title .see-all {
    margin-left:auto; font-size:.8rem; font-weight:400;
    color:#4f8ef7; text-decoration:none; white-space:nowrap;
}
.info-cat-title .see-all:hover { color:#7cf; }

/* ── Pages grid ── */
.pages-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
.page-card {
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    border-radius:12px; text-decoration:none; color:inherit;
    display:flex; flex-direction:column; overflow:hidden;
    min-height: 120px;
    transition:background .2s, border-color .2s, transform .15s, box-shadow .2s;
}
.page-card:hover {
    background:rgba(79,142,247,.09); border-color:rgba(79,142,247,.35);
    transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.3);
}
.page-card-thumb { width:100%; height:140px; object-fit:cover; border-bottom:1px solid rgba(255,255,255,.07); display:block; flex-shrink:0; }
.page-card-thumb-placeholder { width:100%; height:50px; display:flex; align-items:center; justify-content:center; font-size:2rem; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.05); flex-shrink:0; }
.page-card-thumb-title {
    height: 50px;
    font-size: .9rem; font-weight: 700;
    color: #c8d8ea; text-align: left;
    padding: 0 .75rem .6rem;
    align-items: flex-end; justify-content: flex-start;
    line-height: 1.35; word-break: break-word;
    background: linear-gradient(135deg, rgba(42,105,177,.18), rgba(79,142,247,.08));
}
.page-card-body  { padding:.85rem 1rem 1rem; flex:1; display:flex; flex-direction:column; }
.page-card-title { font-weight:700; font-size:.92rem; margin-bottom:.3rem; color:#dde; line-height:1.35; }
.page-card-desc  { font-size:.82rem; color:#889; line-height:1.5; flex:1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.page-card-meta  { font-size:.74rem; color:#556; display:flex; gap:.6rem; align-items:center; border-top:1px solid rgba(255,255,255,.05); padding-top:.6rem; margin-top:auto; flex-wrap:wrap; }

/* ── Category page header ── */
.cat-page-header { margin-bottom:2rem; padding-bottom:1.25rem; border-bottom:1px solid rgba(255,255,255,.08); display:flex; align-items:flex-start; gap:1rem; }
.cat-page-icon   { font-size:3rem; line-height:1; flex-shrink:0; }
.cat-page-header-text h1 { font-size:1.9rem; font-weight:700; margin:0 0 .35rem; }
.cat-page-desc  { color:#99a; font-size:.95rem; margin:0; }
.cat-page-count { font-size:.82rem; color:#556; margin-top:.3rem; }

/* ── Category layout (sidebar + main) ── */
.cat-layout  { display:flex; gap:2rem; align-items:flex-start; }
.cat-main    { flex:1; min-width:0; }
.cat-sidebar {
    width:280px; flex-shrink:0;
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
    border-radius:10px; padding:1rem; position:sticky; top:5rem;
}
.cat-sidebar h3 { font-size:.82rem; color:#556; text-transform:uppercase; letter-spacing:.06em; margin:0 0 .75rem; font-weight:600; }
.cat-sidebar-link { display:flex; align-items:center; justify-content:space-between; padding:.45rem .6rem; border-radius:6px; text-decoration:none; color:#aab; font-size:.88rem; transition:background .15s,color .15s; margin-bottom:2px; }
.cat-sidebar-link:hover  { background:rgba(79,142,247,.12); color:#5b5b5b; }
.cat-sidebar-link.active { background:rgba(79,142,247,.18); color:#3598db; font-weight:600; }
.cat-sidebar-link .cnt   { background:rgba(255,255,255,.08); color:#667; font-size:.72rem; border-radius:10px; padding:1px 7px; min-width:20px; text-align:center; }
.cat-sidebar-link.active .cnt { background:rgba(79,142,247,.3); color:#c1c1c2; }

/* ── View page ── */
.info-page-header { margin-bottom:2rem; padding-bottom:1.25rem; border-bottom:1px solid var(--c-border); }
.info-page-title  { font-size:2rem; font-weight:700; color:var(--c-text); margin:0 0 .5rem; line-height:1.25; }
.info-page-meta   { font-size:.82rem; color:var(--c-text3); }
.info-page-featured { width:100%; max-height:380px; object-fit:cover; border-radius:10px; margin-bottom:2rem; display:block; }

/* ── Page content (rich text) ── */
.info-page-content { font-size:1rem; line-height:1.8; color:var(--c-text); }
.info-page-content h1,.info-page-content h2,.info-page-content h3,.info-page-content h4 { margin-top:2rem; margin-bottom:.75rem; line-height:1.3; color:var(--c-text); }
.info-page-content h2 { font-size:1.5rem; border-bottom:1px solid var(--c-border); padding-bottom:.4rem; }
.info-page-content h3 { font-size:1.2rem; }
.info-page-content img { max-width:100%; height:auto; border-radius:8px; margin:.75rem 0; display:block; }
.info-page-content table { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.9rem; }
.info-page-content table td,.info-page-content table th { border:1px solid var(--c-border); padding:.5rem .75rem; text-align:left; color:var(--c-text2); }
.info-page-content table th { background:var(--c-bg3); font-weight:600; color:var(--c-text); }
.info-page-content pre { background:var(--c-bg); border:1px solid var(--c-border); border-radius:8px; padding:1rem 1.25rem; overflow-x:auto; font-size:.88rem; color:var(--c-text2); }
.info-page-content code { background:var(--c-bg3); padding:2px 6px; border-radius:4px; font-size:.9em; color:var(--c-text2); }
.info-page-content blockquote { border-left:4px solid var(--c-blue); margin:1.25rem 0; padding:.75rem 1.25rem; background:var(--c-bg3); border-radius:0 8px 8px 0; color:var(--c-text2); }
.info-page-content a { color:var(--c-blue); }
.info-page-content a:hover { text-decoration:underline; }
.info-page-content ul,.info-page-content ol { padding-left:1.5rem; margin:.75rem 0; color:var(--c-text2); }
.info-page-content li { margin-bottom:.3rem; }
.info-page-content hr { border:none; border-top:1px solid var(--c-border); margin:2rem 0; }

/* ── Gallery pagină ── */
.info-page-gallery h3 { font-size:1.1rem; color:var(--c-text2); margin-bottom:1rem; }
.gallery-grid-pub { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.75rem; }
.gallery-grid-pub a { display:block; }
.gallery-grid-pub img { width:100%; height:140px; object-fit:cover; border-radius:8px; border:2px solid var(--c-border); transition:border-color .2s,transform .2s; display:block; }
.gallery-grid-pub img:hover { border-color:var(--c-blue); transform:scale(1.02); }

/* ── Related ── */
.info-page-related    { margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--c-border); }
.info-page-related h3 { font-size:1rem; color:var(--c-text3); margin-bottom:.75rem; }
.related-links { display:flex; flex-wrap:wrap; gap:.5rem; }
.related-links a { background:var(--c-bg3); border:1px solid var(--c-border); color:var(--c-text2); padding:.35rem .85rem; border-radius:20px; font-size:.85rem; text-decoration:none; transition:background .15s,color .15s; white-space:nowrap; }
.related-links a:hover { border-color:var(--c-blue); color:var(--c-blue); }

/* ── Empty states ── */
.no-cats,.no-pages { text-align:center; padding:4rem 2rem; color:#556; }
.no-cats-icon,.no-pages-icon { font-size:3rem; margin-bottom:.75rem; display:block; }
.no-pages { background:rgba(255,255,255,.02); border-radius:12px; border:1px dashed rgba(255,255,255,.07); padding:3rem; }

/* ════════════════════════════════════════════════════════════════
   LIGHT MODE overrides
   ════════════════════════════════════════════════════════════════ */
body:not(.dark) .page-card {
    background: #ffffff;
    border-color: #d0dcea;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
body:not(.dark) .page-card:hover {
    background: #edf4ff;
    border-color: #3b82f6;
    box-shadow: 0 6px 20px rgba(59,130,246,.15);
}
body:not(.dark) .page-card-title { color: #1e293b; }
body:not(.dark) .page-card-desc  { color: #475569; }
body:not(.dark) .page-card-meta  { color: #64748b; border-top-color: #e2e8f0; }
body:not(.dark) .page-card-thumb { border-bottom-color: #e2e8f0; }
body:not(.dark) .page-card-thumb-placeholder { background: #f1f5f9; border-bottom-color: #e2e8f0; }
body:not(.dark) .page-card-thumb-title { color: #2a69b1; background: linear-gradient(135deg, rgba(32, 136, 255, 0.3), rgba(79,142,247,.04));; }

body:not(.dark) .info-cat-title { border-bottom-color: #c8d8ea; color: #1e293b; }
body:not(.dark) .info-cat-title a:hover { color: #2a69b1; }
body:not(.dark) .info-cat-title .see-all { color: #2a69b1; }
body:not(.dark) .info-cat-title .see-all:hover { color: #1e4d8c; }

body:not(.dark) .cat-page-header { border-bottom-color: #c8d8ea; }
body:not(.dark) .cat-page-desc   { color: #475569; }
body:not(.dark) .cat-page-count  { color: #64748b; }

body:not(.dark) .cat-sidebar {
    background: #f8fafc;
    border-color: #c8d8ea;
}
body:not(.dark) .cat-sidebar h3        { color: #64748b; }
body:not(.dark) .cat-sidebar-link      { color: #475569; }
body:not(.dark) .cat-sidebar-link:hover { background: rgba(59,130,246,.08); color: #1e293b; }
body:not(.dark) .cat-sidebar-link.active { background: rgba(59,130,246,.12); color: #2a69b1; }
body:not(.dark) .cat-sidebar-link .cnt  { background: #e2e8f0; color: #475569; }

body:not(.dark) .no-cats,
body:not(.dark) .no-pages { color: #64748b; }
body:not(.dark) .no-pages { background: #f8fafc; border-color: #c8d8ea; }

body:not(.dark) .info-index-header p { color: #475569; }
body:not(.dark) .info-index-header h1 { color: #1e293b; }

/* ── Responsive ── */
@media (max-width:700px) {
    .cat-layout { flex-direction:column; }
    .cat-sidebar { width:100%; position:static; }
    .pages-grid  { grid-template-columns:1fr 1fr; }
}
@media (max-width:400px) { .pages-grid { grid-template-columns:1fr; } }