/* Ash & Blood Wiki v19 — Archive Restoration & Reader QoL */

:root{
    --wiki-v19-card-max: 430px;
    --wiki-card-art-ratio:1672 / 941;
    --wiki-v19-radius: 7px;
    --wiki-right-rail: 218px;
}

/* ── Archive layout: calm, aligned, deliberate ─────────────────────── */
.wiki-main{
    background:
        radial-gradient(circle at 42% 8%, rgba(212,175,55,.018), transparent 33%),
        linear-gradient(180deg, rgba(255,255,255,.006), transparent 18%);
}

.wiki-listing-tools{
    min-height:52px;
    padding:.72rem .9rem !important;
    border-radius:5px;
    border-color:rgba(212,175,55,.10) !important;
    background:linear-gradient(180deg,rgba(15,15,18,.74),rgba(10,10,13,.68)) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.012);
}

.wiki-sort-btn{
    border-radius:4px;
    min-height:31px;
}

/* The article cards intentionally stay a readable shelf width instead of
   stretching one lonely card across an entire archive row. */
.wiki-cards{
    grid-template-columns:repeat(auto-fill,minmax(340px,var(--wiki-v19-card-max))) !important;
    grid-auto-rows:1fr;
    justify-content:start;
    align-items:stretch;
    gap:1.35rem !important;
}

.wiki-card{
    width:100%;
    max-width:var(--wiki-v19-card-max);
    min-width:0;
    border-radius:var(--wiki-v19-radius) !important;
    border-color:rgba(155,77,54,.19) !important;
    background:
        linear-gradient(180deg,rgba(18,18,21,.98),rgba(10,10,13,.985)) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.012) !important;
}

.wiki-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(212,175,55,.25) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.42),0 0 30px rgba(139,26,26,.055) !important;
}

/* Card artwork is authored at exactly 1672x941. Preserve that native ratio
   so title art, subjects and composition line up exactly as uploaded. */
.wiki-card-media{
    aspect-ratio:var(--wiki-card-art-ratio) !important;
    height:auto !important;
    min-height:0 !important;
    position:relative;
    display:block;
    overflow:hidden;
    isolation:isolate;
    background:#08080a !important;
    background-image:none !important;
    border-bottom-color:rgba(212,175,55,.11) !important;
}

/* No fake blurred backing: the supplied 1672x941 artwork is the frame. */
.wiki-card-media::after{
    content:none !important;
    display:none !important;
}

.wiki-card-media::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    border:1px solid rgba(255,255,255,.025) !important;
    background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.16));
    pointer-events:none;
}

.wiki-card-banner{
    position:absolute !important;
    inset:0 !important;
    z-index:2;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
    filter:saturate(.97) contrast(1.02) brightness(.96) !important;
    transform:none !important;
    transition:filter .3s ease,transform .3s ease !important;
}

.wiki-card:hover .wiki-card-banner{
    transform:scale(1.006) !important;
    filter:saturate(1.02) contrast(1.025) brightness(.99) !important;
}

.wiki-card-likes-overlay{
    z-index:5 !important;
    right:.65rem !important;
    bottom:.55rem !important;
    padding:.3rem .52rem !important;
}

.wiki-card-body{
    min-height:188px;
    padding:1.05rem 1.15rem 1rem !important;
}

.wiki-card-title{
    font-size:1rem !important;
    line-height:1.4 !important;
    margin-bottom:.42rem !important;
}

.wiki-card-excerpt{
    font-size:.82rem !important;
    line-height:1.58 !important;
    -webkit-line-clamp:3 !important;
}

.wiki-card-footer{
    padding-top:.78rem !important;
    margin-top:.78rem !important;
}

/* Category-only cards should remain free to use their inline compact grid. */
.wiki-home .wiki-cards[style*="minmax(200px"] .wiki-card{
    max-width:none;
}

/* ── Sidebar: desktop collapse without sacrificing mobile drawer ───── */
.wiki-sidebar{
    transition:width .24s ease,transform .24s ease,opacity .18s ease,padding .24s ease,border-color .2s ease;
}

.wiki-sidebar-edge-toggle{
    position:fixed;
    left:calc(var(--wiki-sidebar) - 15px);
    top:132px;
    z-index:132;
    width:30px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid rgba(212,175,55,.15);
    border-radius:0 5px 5px 0;
    background:linear-gradient(180deg,rgba(16,16,19,.96),rgba(8,8,11,.96));
    color:rgba(232,220,200,.58);
    box-shadow:6px 10px 28px rgba(0,0,0,.26);
    cursor:pointer;
    transition:left .24s ease,color .18s ease,border-color .18s ease,background .18s ease;
}
.wiki-sidebar-edge-toggle:hover{
    color:#ead9ba;
    border-color:rgba(212,175,55,.34);
    background:linear-gradient(180deg,rgba(29,21,19,.98),rgba(11,10,12,.98));
}
body.wiki-sidebar-collapsed .wiki-sidebar{
    width:0 !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    transform:translateX(-100%);
    opacity:0;
    border-right-color:transparent !important;
    overflow:hidden !important;
}
body.wiki-sidebar-collapsed .wiki-sidebar-edge-toggle{
    left:0;
}
body.wiki-sidebar-collapsed .wiki-sidebar-edge-toggle i{
    transform:rotate(180deg);
}
body.wiki-sidebar-collapsed .wiki-shortcuts{
    left:1rem;
}

/* ── Reader rail: slimmer by default and completely collapsible ───── */
@media(min-width:1351px){
    body:not(.wiki-focus-mode):not(.wiki-reader-collapsed) .wiki-main{
        padding-right:calc(var(--wiki-right-rail) + 2.65rem) !important;
    }
    .wiki-right-rail{
        right:14px !important;
        width:var(--wiki-right-rail) !important;
        gap:.6rem !important;
        transition:opacity .18s ease,transform .22s ease;
    }
    .wiki-right-rail .section-nav{
        max-height:min(43vh,470px) !important;
        padding:.72rem .68rem .76rem .78rem !important;
        box-shadow:0 14px 36px rgba(0,0,0,.28) !important;
    }
    .wiki-utility-dock{
        padding:.58rem !important;
        max-height:calc(51vh - 28px) !important;
        box-shadow:0 14px 36px rgba(0,0,0,.28) !important;
    }
    .wiki-util-btn{
        min-height:32px !important;
        padding:.39rem .48rem !important;
        gap:.52rem !important;
    }
    .wiki-util-btn .wiki-util-label{
        font-size:.56rem !important;
    }
    .wiki-dock-heading{
        display:grid !important;
        grid-template-columns:1fr auto auto;
        align-items:center;
        gap:.42rem !important;
        padding:.08rem .1rem .45rem !important;
    }
    .wiki-reader-collapse{
        width:25px;
        height:25px;
        border:1px solid rgba(212,175,55,.12);
        border-radius:4px;
        background:rgba(255,255,255,.018);
        color:rgba(232,220,200,.5);
        display:grid;
        place-items:center;
        cursor:pointer;
    }
    .wiki-reader-collapse:hover{
        color:#ead9ba;
        border-color:rgba(212,175,55,.3);
        background:rgba(139,26,26,.08);
    }
    body.wiki-reader-collapsed .wiki-right-rail{
        opacity:0;
        transform:translateX(calc(100% + 28px));
        pointer-events:none;
    }
    body.wiki-reader-collapsed:not(.wiki-focus-mode) .wiki-main{
        padding-right:2.5rem !important;
    }
}

.wiki-reader-restore{
    display:none;
    position:fixed;
    right:0;
    top:178px;
    z-index:130;
    align-items:center;
    gap:.42rem;
    padding:.48rem .48rem .48rem .55rem;
    border:1px solid rgba(212,175,55,.15);
    border-right:0;
    border-radius:5px 0 0 5px;
    background:linear-gradient(180deg,rgba(16,16,19,.96),rgba(8,8,11,.96));
    color:rgba(232,220,200,.6);
    box-shadow:-8px 12px 28px rgba(0,0,0,.24);
    font-family:'Cinzel',serif;
    font-size:.52rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
}
.wiki-reader-restore:hover{
    color:#ead9ba;
    border-color:rgba(212,175,55,.34);
}
body.wiki-reader-collapsed .wiki-reader-restore{
    display:flex;
}

/* ── General visual clean-up ───────────────────────────────────────── */
.wiki-category-hero{
    border-radius:7px;
    border-color:rgba(95,151,99,.18) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.018) !important;
}
.wiki-category-stats span{
    border-radius:4px;
}
.wiki-breadcrumb{
    padding-bottom:.8rem;
    border-bottom:1px solid rgba(212,175,55,.07);
}
.wiki-article-banner{
    border-radius:6px;
}
.section-nav,
.wiki-utility-dock{
    border-radius:6px !important;
}

/* Light-mode counterparts */
.wiki-page.light .wiki-card{
    border-color:rgba(100,60,30,.12) !important;
    background:linear-gradient(180deg,#fff,#faf7f1) !important;
}
.wiki-page.light .wiki-card-media{
    background-color:#e8e0d5 !important;
}
.wiki-page.light .wiki-card-media::after{
    background:rgba(244,239,232,.30) !important;
    backdrop-filter:blur(15px) saturate(.7) brightness(1.06) !important;
    -webkit-backdrop-filter:blur(15px) saturate(.7) brightness(1.06) !important;
}
.wiki-page.light .wiki-sidebar-edge-toggle,
body:has(.wiki-page.light) .wiki-reader-restore{
    background:rgba(245,240,232,.96);
    color:#5a4a3a;
    border-color:rgba(100,60,30,.18);
}

/* Mobile keeps the existing drawer + bottom tools; desktop edge controls stay out. */
@media(max-width:768px){
    .wiki-sidebar-edge-toggle{display:none !important}
    .wiki-cards{grid-template-columns:1fr !important}
    .wiki-card{max-width:none !important}
    .wiki-card-media{aspect-ratio:var(--wiki-card-art-ratio) !important}
}
@media(max-width:1350px){
    .wiki-reader-collapse,.wiki-reader-restore{display:none !important}
}

@media(prefers-reduced-motion:reduce){
    .wiki-sidebar,.wiki-sidebar-edge-toggle,.wiki-right-rail{transition:none !important}
}