/*
Theme Name: JanganHub
Theme URI: https://janganhub.com/
Author: JangAnHub
Description: A Silkroad-inspired editorial WordPress theme for news, guides, and community updates.
Version: 1.0.8
Text Domain: janganhub
*/

:root { --jh-ink:#100c09; --jh-ink-soft:#1d1510; --jh-panel:#21180f; --jh-panel-light:#312316; --jh-paper:#f4e8c9; --jh-muted:#bba987; --jh-gold:#c79d4f; --jh-gold-bright:#f0d184; --jh-red:#9c3228; --jh-red-bright:#d75242; --jh-line:rgba(222,181,98,.28); --jh-shadow:rgba(0,0,0,.4); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--jh-paper); font-family:Georgia,"Times New Roman",serif; background-color:#d8c9a9 !important; background-image:linear-gradient(rgba(245,236,213,.91),rgba(230,216,184,.94)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(119,91,45,.07) 32px),radial-gradient(circle at 15% 10%,rgba(255,255,255,.8),transparent 28%) !important; background-attachment:fixed !important; }
body::before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; opacity:.24; background-image:repeating-linear-gradient(90deg,transparent 0 119px,rgba(142,105,43,.13) 120px),repeating-linear-gradient(0deg,transparent 0 119px,rgba(142,105,43,.1) 120px); }
.wp-site-blocks,.site,#page { background:transparent !important; }
a { color:var(--jh-gold-bright); text-decoration:none; transition:color .2s ease,transform .2s ease; }
a:hover { color:#fff0ba; }
img { max-width:100%; height:auto; }
button,input,textarea,select { font:inherit; }
.jh-shell { width:min(1180px,calc(100% - 2rem)); margin-inline:auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.screen-reader-text:focus { z-index:99999; top:5px; left:5px; width:auto; height:auto; padding:.75rem 1rem; clip:auto; color:#111; background:#fff; }

/* Header */
.jh-topline { height:3px; background:linear-gradient(90deg,transparent,var(--jh-red),var(--jh-gold-bright),var(--jh-red),transparent); }
.jh-site-header { position:relative; z-index:10; border-bottom:1px solid #9e7838; background:linear-gradient(180deg,rgba(65,48,34,.98),rgba(42,31,22,.98)); box-shadow:0 8px 22px rgba(0,0,0,.24); }
.jh-header-row { display:flex; align-items:center; gap:2.2rem; min-height:78px; }
.jh-brand { display:flex; align-items:center; gap:.75rem; flex-shrink:0; color:#fff2c7; font-family:Georgia,serif; font-size:1.35rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.jh-brand:hover { color:#fff2c7; }
.jh-brand-mark { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--jh-gold); color:var(--jh-gold-bright); font-size:1.2rem; transform:rotate(45deg); }
.jh-brand-mark span { transform:rotate(-45deg); }
.jh-brand img {
    display:block;
    width:min(290px,42vw);
    max-height:60px;
    height:auto;
}
.jh-menu-toggle { display:none; margin-left:auto; padding:.5rem .7rem; border:1px solid var(--jh-gold); color:var(--jh-gold-bright); background:transparent; cursor:pointer; }
.jh-primary-menu { margin-left:auto; }
.jh-primary-menu ul { display:flex; align-items:center; gap:.15rem; padding:0; margin:0; list-style:none; }
.jh-primary-menu a { display:block; padding:1.7rem .8rem; color:#d5c39d; font-family:Arial,sans-serif; font-size:.73rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.jh-primary-menu a:hover,.jh-primary-menu .current-menu-item>a,.jh-primary-menu .current-post-ancestor>a { color:#fff0bd; background:linear-gradient(180deg,rgba(199,157,79,.1),transparent); }
.jh-primary-menu .sub-menu { position:absolute; display:block; min-width:190px; padding:.35rem 0; border:1px solid var(--jh-line); background:#1a120c; box-shadow:0 14px 24px var(--jh-shadow); opacity:0; visibility:hidden; transform:translateY(6px); transition:.18s ease; }
.jh-primary-menu li { position:relative; }.jh-primary-menu li:hover>.sub-menu,.jh-primary-menu li:focus-within>.sub-menu { opacity:1; visibility:visible; transform:none; }
.jh-primary-menu .sub-menu a { padding:.75rem 1rem; }
.jh-header-search { display:flex; align-items:stretch; flex-shrink:0; height:32px; border:1px solid #91703a; background:#22170f; }.jh-header-search input { width:112px; min-width:0; border:0; outline:0; color:#f6e5bb; background:transparent; padding:.35rem .55rem; font-family:Arial,sans-serif; font-size:.68rem; }.jh-header-search input::placeholder { color:#b8a17a; }.jh-header-search button { border:0; border-left:1px solid #9e7939; color:#261609; background:linear-gradient(#e9c96f,#bd8733); padding:.35rem .55rem; font-family:Arial,sans-serif; font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }.jh-header-search button:hover { background:linear-gradient(#ffe39a,#d6a54d); }

/* Layout */
.jh-page-hero { position:relative; isolation:isolate; padding:5.3rem 0 4.8rem; border-bottom:1px solid #a87b35; background-image:linear-gradient(90deg,rgba(20,13,8,.88) 0%,rgba(32,20,11,.6) 51%,rgba(21,13,8,.8) 100%),linear-gradient(0deg,rgba(8,5,3,.28),rgba(8,5,3,.08)),url('assets/images/jangan-harbor.jpg'); background-position:center 47%; background-size:cover; box-shadow:inset 0 -22px 32px rgba(9,5,2,.42); }
.jh-page-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.32; background-image:repeating-linear-gradient(90deg,transparent 0 136px,rgba(255,226,154,.12) 137px),radial-gradient(ellipse at center,transparent 40%,rgba(8,5,3,.34)); mix-blend-mode:soft-light; }
.jh-eyebrow { margin:0 0 .6rem; color:var(--jh-gold); font-family:Arial,sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.jh-page-title { max-width:750px; margin:0; color:#fff0bd; font-size:clamp(2rem,5vw,4rem); line-height:1.05; text-shadow:0 3px 12px #000; }
.jh-page-description { max-width:620px; margin:1rem 0 0; color:#d1bd94; font-size:1.07rem; line-height:1.7; }
.jh-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:2rem; padding:3.2rem 0 4rem; }
.jh-main-content { min-width:0; }

/* Cards and posts */
.jh-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; padding-bottom:.85rem; border-bottom:1px solid var(--jh-line); }
.jh-section-heading h2 { margin:0; color:#4a3318; font-size:1.35rem; letter-spacing:.04em; text-shadow:0 1px rgba(255,255,255,.65); }
.jh-section-heading a { color:#694619; font-family:Arial,sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.jh-post-list { display:grid; gap:1rem; }
.jh-post-card { position:relative; overflow:hidden; border:1px solid #ad8643; outline:1px solid rgba(117,77,23,.25); outline-offset:-6px; background-color:#eddaaa; background-image:linear-gradient(rgba(255,245,211,.78),rgba(224,193,123,.84)),repeating-linear-gradient(0deg,transparent 0 29px,rgba(113,71,19,.075) 30px),radial-gradient(circle at 95% 10%,rgba(255,255,255,.76),transparent 30%); box-shadow:inset 0 0 38px rgba(104,67,17,.12),0 8px 17px rgba(56,36,11,.15); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.jh-post-card::before { content:"✦"; position:absolute; top:1.45rem; left:1.4rem; color:#9a6b25; font-size:1.05rem; }.jh-post-card:hover { border-color:#6e421b; box-shadow:inset 0 0 38px rgba(104,67,17,.16),0 13px 22px rgba(56,36,11,.22); transform:translateY(-3px); }
.jh-post-card-image { display:none; }
.jh-post-card-body { padding:1.45rem 1.6rem 1.5rem 3.1rem; }.jh-post-meta { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:.6rem; color:#77542a; font-family:Arial,sans-serif; font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.jh-post-meta a { color:#7b421b; }
.jh-post-card h2,.jh-article-title { margin:0; color:#4d2e15; font-size:1.45rem; line-height:1.2; }.jh-post-card h2 a { color:inherit; }.jh-post-card p { margin:.7rem 0 0; color:#5c4022; line-height:1.65; }
.jh-read-more { display:inline-block; margin-top:1rem; color:#6e3d18; font-family:Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.jh-read-more::after { content:' →'; margin-left:.2rem; }.jh-post-thumbnail-placeholder { display:grid; width:100%; height:100%; min-height:170px; place-items:center; color:var(--jh-gold); font-size:2.2rem; background:linear-gradient(135deg,#40241a,#17100b); }

/* Sidebar */
.jh-sidebar { display:grid; align-content:start; gap:1rem; }.jh-widget { position:relative; padding:1.3rem; border:1px solid #a98242; outline:1px solid rgba(116,76,21,.22); outline-offset:-5px; background-color:#e7cf96; background-image:linear-gradient(rgba(253,242,207,.74),rgba(218,183,112,.84)),repeating-linear-gradient(0deg,transparent 0 26px,rgba(113,71,19,.06) 27px); box-shadow:inset 0 0 26px rgba(98,62,15,.12),0 6px 13px rgba(52,34,9,.12); }.jh-widget-title,.jh-widget h1,.jh-widget h2,.jh-widget h3,.jh-widget h4,.jh-widget h5,.jh-widget h6,.jh-widget .wp-block-heading { margin:0 0 1rem; padding-bottom:.7rem; border-bottom:1px solid rgba(104,66,18,.38); color:#513116 !important; font-size:1.08rem; letter-spacing:.04em; text-shadow:0 1px rgba(255,255,255,.58); }.jh-widget-title::before,.jh-widget .wp-block-heading::before { content:"✦"; margin-right:.45rem; color:#986b25; font-size:.8em; }.jh-widget ul { padding:0; margin:0; list-style:none; }.jh-widget li { padding:.68rem 0; border-bottom:1px dashed rgba(106,68,20,.32); color:#5b3f20 !important; }.jh-widget li:last-child { border:0; padding-bottom:0; }.jh-widget li a,.jh-widget .wp-block-latest-posts__post-title,.jh-widget .wp-block-latest-comments__comment-author,.jh-widget .wp-block-latest-comments__comment-link,.jh-widget .wp-block-latest-comments__comment-meta,.jh-widget .wp-block-latest-comments__comment-excerpt { color:#613819 !important; }.jh-widget li a:hover,.jh-widget .wp-block-latest-posts__post-title:hover,.jh-widget .wp-block-latest-comments__comment-link:hover { color:#a33b28 !important; }.jh-widget .wp-block-latest-posts__post-date,.jh-widget .wp-block-latest-comments__comment-date,.jh-widget .wp-block-latest-comments__comment-excerpt p { color:#73542d !important; }.jh-widget .children { padding-left:.8rem; margin-top:.4rem; }.jh-widget select,.jh-widget input[type="search"] { width:100%; padding:.7rem .75rem; border:1px solid #8e672c; outline:0; color:#412817; background:#fff4d5; box-shadow:inset 0 1px 5px rgba(72,43,11,.13); }.jh-widget select:focus,.jh-widget input[type="search"]:focus { border-color:#643b18; box-shadow:0 0 0 3px rgba(155,106,33,.16); }.jh-widget input[type="submit"] { margin-top:.55rem; padding:.68rem .85rem; border:1px solid #714719; color:#251509; background:linear-gradient(#f0d27a,#bd8733); font-family:Arial,sans-serif; font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }.jh-widget input[type="submit"]:hover { background:linear-gradient(#ffe49c,#d7a84f); }
.jh-sidebar .widget_search,.jh-sidebar .wp-block-search { display:none; }
.jh-discord-card { position:relative; padding:1.5rem; border:1px solid #9a6b29; outline:1px solid rgba(247,220,148,.23); outline-offset:-6px; background:linear-gradient(135deg,#4e211d,#2b180e); text-align:center; box-shadow:inset 0 0 28px rgba(0,0,0,.22); }.jh-discord-card h3 { margin:.4rem 0 .65rem; color:#ffe6a1; }.jh-discord-card p { color:#e1c8a0; font-size:.9rem; line-height:1.6; }.jh-button { display:inline-block; padding:.75rem 1rem; border:1px solid #f0d184; color:#1a1008; background:linear-gradient(#f2d486,#bd8d3b); font-family:Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.jh-button:hover { color:#160d07; background:linear-gradient(#ffe4a0,#d6a650); transform:translateY(-1px); }

/* Single post */
.jh-article { position:relative; padding:clamp(1.8rem,4vw,3.2rem); border:1px solid #af8742; outline:1px solid rgba(116,79,25,.32); outline-offset:-8px; color:#49311a; background-color:#ecdaa8; background-image:linear-gradient(rgba(252,240,201,.78),rgba(224,194,126,.82)),repeating-linear-gradient(0deg,transparent 0 30px,rgba(117,75,23,.08) 31px),radial-gradient(circle at 10% 8%,rgba(255,255,255,.8),transparent 31%); box-shadow:inset 0 0 60px rgba(109,72,19,.16),0 12px 26px rgba(43,29,12,.16); }.jh-article::before { content:"JangAn Chronicle"; position:absolute; top:0; left:50%; padding:.42rem 1.1rem; color:#f3d98e; border-inline:1px solid #81602d; background:#2b1a0d; font-family:Arial,sans-serif; font-size:.62rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; transform:translateX(-50%); }.jh-article-title { font-size:clamp(1.8rem,4vw,3rem); }.jh-article-thumbnail { margin:1.7rem 0; border:1px solid #8e692e; box-shadow:0 8px 20px rgba(69,42,10,.22); }.jh-article-thumbnail img { display:block; width:100%; }.jh-entry-content { color:#49321c; font-size:1.06rem; line-height:1.9; }.jh-entry-content > :first-child { margin-top:1.2rem; }.jh-entry-content h2,.jh-entry-content h3,.jh-entry-content h4 { margin-top:2rem; color:#5a3215; }.jh-entry-content a { color:#87421d; text-decoration:underline; text-decoration-color:rgba(111,57,17,.48); }.jh-entry-content blockquote { margin:1.5rem 0; padding:1rem 1.2rem; border-block:1px solid rgba(122,80,24,.38); border-left:3px solid #9d6b22; color:#62401c; background:rgba(255,247,215,.32); }.jh-entry-content pre { overflow:auto; padding:1rem; color:#f1dfb1; border:1px solid #6f552d; background:#23170d; }.jh-entry-content img { border:1px solid #9b7539; }.jh-article-footer { margin-top:2.5rem; padding-top:1rem; border-top:1px solid rgba(110,73,22,.34); color:#6d4a24; font-size:.9rem; }
.jh-article .sharedaddy,.jh-article .sd-sharing,.jh-article .jp-relatedposts,.jh-article .heateor_sss_sharing_container,.jh-article .heateor_sss_sharing_ul,.jh-article .addtoany_share_save_container,.jh-article .a2a_kit,.jh-article .sassy-social-share,.jh-article .shared-counts-wrap,.jh-article .essb_links { display:none !important; }
.comments-area { margin-top:1.5rem; padding:clamp(1.3rem,3vw,2.2rem); border:1px solid #a58242; background:linear-gradient(145deg,#e9d7a9,#d8bd80); box-shadow:0 10px 20px rgba(56,38,14,.14),inset 0 0 0 5px rgba(255,247,215,.28); color:#342414; }.comments-title,.comment-reply-title { margin:0 0 1.2rem; padding-bottom:.75rem; border-bottom:1px solid rgba(103,72,26,.38); color:#4a2d14; font-size:1.35rem; text-shadow:0 1px rgba(255,255,255,.55); }.comments-title::before,.comment-reply-title::before { content:"✦"; margin-right:.55rem; color:#9b6f29; }.comment-list { padding:0; margin:0; list-style:none; }.comment-list .children { padding-left:1.25rem; margin:1rem 0 0; list-style:none; }.comment-body { position:relative; margin:0 0 1rem; padding:1.2rem 1.25rem; border:1px solid rgba(100,68,25,.44); background:rgba(255,248,223,.52); box-shadow:inset 0 0 18px rgba(117,81,28,.08); }.comment-author { display:flex; align-items:center; gap:.65rem; color:#482c13; font-weight:700; }.comment-author .avatar { width:38px; height:38px; padding:2px; border:1px solid #9d7431; background:#f8e7b8; }.comment-metadata { margin:.15rem 0 .8rem 46px; font-family:Arial,sans-serif; font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; }.comment-metadata a,.comment-reply-link { color:#80541c; }.comment-content { color:#4b341d; line-height:1.7; }.comment-content p { margin:.6rem 0; }.reply { margin-top:.8rem; }.comment-reply-link { display:inline-block; padding:.35rem .55rem; border:1px solid rgba(111,76,25,.46); font-family:Arial,sans-serif; font-size:.67rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.comment-reply-link:hover { color:#fff1c3; background:#6e421b; }.comment-respond { margin-top:1.5rem; padding-top:1.3rem; border-top:1px solid rgba(103,72,26,.4); }.comment-notes,.logged-in-as,.comment-form-cookies-consent { color:#654928; font-size:.88rem; line-height:1.55; }.comment-form p { margin:0 0 1rem; }.comment-form label { display:block; margin-bottom:.4rem; color:#533516; font-family:Arial,sans-serif; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea { width:100%; padding:.75rem .85rem; border:1px solid #96703b; outline:0; color:#382414; background:#fff6dd; box-shadow:inset 0 1px 5px rgba(67,40,11,.12); }.comment-form textarea { min-height:160px; resize:vertical; }.comment-form input:focus,.comment-form textarea:focus { border-color:#6d421b; box-shadow:0 0 0 3px rgba(165,113,35,.18); }.comment-form .submit { padding:.75rem 1.1rem; border:1px solid #694014; color:#211207; background:linear-gradient(#f4d77e,#bd8731); font-family:Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }.comment-form .submit:hover { background:linear-gradient(#ffe79c,#d8a64e); }.comment-form-cookies-consent { display:flex; gap:.5rem; align-items:flex-start; }.comment-form-cookies-consent input { margin-top:.2rem; accent-color:#79501c; }.jh-comments-pagination { margin-top:1rem; }
.jh-pagination { display:flex; gap:.4rem; margin-top:2rem; }.jh-pagination .page-numbers { padding:.55rem .75rem; border:1px solid var(--jh-line); color:#e7ce8f; }.jh-pagination .current,.jh-pagination a:hover { color:#190f08; background:var(--jh-gold); }

/* Footer */
.jh-site-footer { border-top:1px solid var(--jh-line); background:#0c0906; }.jh-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2rem; padding:3rem 0; }.jh-footer-title { margin:0 0 .85rem; color:#f1d58c; font-size:1rem; }.jh-site-footer p,.jh-site-footer li { color:#a99776; font-size:.88rem; line-height:1.65; }.jh-site-footer ul { padding:0; margin:0; list-style:none; }.jh-site-footer li { padding:.25rem 0; }.jh-footer-bottom { padding:1rem 0; border-top:1px solid rgba(222,181,98,.14); color:#8d7c5e; font-family:Arial,sans-serif; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }

@media (max-width:820px) { .jh-header-row { flex-wrap:wrap; gap:.5rem; min-height:66px; }.jh-menu-toggle { display:block; }.jh-primary-menu { display:none; width:100%; margin:0; }.jh-primary-menu.is-open { display:block; }.jh-primary-menu ul { display:block; padding:.4rem 0 1rem; }.jh-primary-menu a { padding:.7rem 0; }.jh-primary-menu .sub-menu { position:static; display:none; margin-left:1rem; opacity:1; visibility:visible; transform:none; box-shadow:none; }.jh-primary-menu li:hover>.sub-menu { display:block; }.jh-content-grid { grid-template-columns:1fr; }.jh-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }.jh-footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .jh-shell { width:min(100% - 1.25rem,1180px); }.jh-page-hero { padding:3.4rem 0; }.jh-header-search { order:4; width:100%; }.jh-header-search input { width:100%; }.jh-post-card { grid-template-columns:1fr; }.jh-post-card-image { min-height:190px; }.jh-sidebar,.jh-footer-grid { grid-template-columns:1fr; }.jh-post-card-body,.jh-article { padding:1.2rem; } }

/* Logged-in comment links */
.comments-area .logged-in-as {
    color: #654928;
    font-size: .9rem;
}

.comments-area .logged-in-as a {
    color: #7a3819 !important;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #ba8134;
    text-underline-offset: 3px;
}

.comments-area .logged-in-as a:hover {
    color: #a33b28 !important;
    text-decoration-color: #a33b28;
}

/* Post tags */
.jh-article-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.jh-tags-label {
    color: #5b3517;
    font-family: Arial, sans-serif;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.jh-article-footer a {
    padding: .28rem .5rem;
    border: 1px solid #a77b37;
    color: #683718 !important;
    background: rgba(255, 247, 218, .4);
    font-family: Arial, sans-serif;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.jh-article-footer a:hover {
    color: #fff1c3 !important;
    background: #75431b;
    border-color: #75431b;
}