/* Bhutaneseliterature.com site design.
   Loaded last, after Faith and all plugins (where "Additional CSS" used to be).
   After editing: clear the cache (Delete Cache in the top bar). */

/* Fonts (Gilda Display, Biryani, Noto Serif Devanagari) are loaded in the page head by the
   snippet "SEO basics...", not here, so pages appear sooner. Rubik comes with Elementor. */

/* ========================================================
   BHUTANESE LITERATURE — FAITH THEME
   Complete Additional CSS (replaces everything in the box)
   ======================================================== */


/* ========================================================
   0. SITE PALETTE, FONTS AND LOGO SIZE
   Change values here only.
   ======================================================== */
:root {
    --faith-link-color-hover: #5b0005;   /* theme accent: maroon, not orange */

    --bl-text:      #181818;             /* page text */
    --bl-post-text: #493829;             /* post text on notebook paper */
    --bl-maroon:    #5b0005;
    --bl-red:       #bb0606;
    --bl-link:      #1e74a9;

    --bl-serif: 'Gilda Display', 'Noto Serif Devanagari', serif;
    --bl-sans:  'Rubik', 'Biryani', sans-serif;

    --bl-logo:        80px;              /* logo height, desktop */
    --bl-logo-mobile: 60px;              /* logo height, phones */
    --bl-logo-post:   55px;              /* logo height on posts */
}


/* ========================================================
   1. FOOTER
   ======================================================== */
.site-footer {
    background-color: #dddddd !important;
}
.site-footer,
.site-footer :is(p, h1, h2, h3, h4, h5, h6, li, label, span) {
    color: #000000 !important;
}
.site-footer a {
    color: #000000 !important;
}
.site-footer a:hover {
    color: #2e7db5 !important;
}


/* ========================================================
   2. HEADER: LOGO, MENU, SEARCH
   ======================================================== */

/* Remove the black hero stripe everywhere */
#ilovewp-hero {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}
body.single-post #ilovewp-hero {
    background: #f2f0e4 !important;
}

/* One logo size on every page */
html body #site-branding .custom-logo-link img,
html body #site-branding img.custom-logo {
    max-height: var(--bl-logo) !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Posts keep their small logo */
html body.single-post #site-branding .custom-logo-link img,
html body.single-post #site-branding img.custom-logo {
    max-height: var(--bl-logo-post) !important;
}

/* Compact header spacing */
body.single-post .site-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
@media (min-width: 769px) {
    body.home .site-header .wrapper-header {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }
    body.home #site-main {
        padding-top: 15px !important;
    }
}

/* No header search on posts */
body.single-post #site-header-search {
    display: none !important;
}

/* Desktop menu: smaller, dark text, maroon for hover and current page */
.sf-menu > li > a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #181818;
}
.sf-menu ul a {
    font-size: 13px !important;
    font-weight: 400 !important;
}
.sf-menu .current-menu-item > a,
.sf-menu .current-menu-ancestor > a,
.sf-menu a:hover,
.sf-menu a:focus {
    color: var(--bl-maroon) !important;
}

/* Search box: maroon button */
#site-header-search .search-form .search-submit {
    background: var(--bl-maroon) !important;
    border-color: var(--bl-maroon) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    padding: 6px 14px !important;
}
#site-header-search .search-form .search-field {
    font-size: 14px !important;
    padding: 6px 10px !important;
}

/* Phones */
@media (max-width: 767px) {
    html body #site-branding .custom-logo-link img,
    html body #site-branding img.custom-logo {
        max-height: var(--bl-logo-mobile) !important;
    }
    html body.single-post #site-branding .custom-logo-link img,
    html body.single-post #site-branding img.custom-logo {
        max-height: var(--bl-logo-post) !important;
    }

    /* Maroon Menu button (posts) */
    #site-mobile-menu-toggle .site-toggle-anchor {
        background: var(--bl-maroon) !important;
        border: 2px solid var(--bl-maroon) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        padding: 7px 14px !important;
        border-radius: 6px;
    }
    #site-mobile-menu-toggle .site-toggle-anchor:hover,
    #site-mobile-menu-toggle .site-toggle-anchor:focus {
        background: #3d0003 !important;
        border-color: #3d0003 !important;
    }

    /* Smaller Menu button on all other pages */
    body.home #site-mobile-menu-toggle .site-toggle-anchor,
    body.page #site-mobile-menu-toggle .site-toggle-anchor,
    body.archive #site-mobile-menu-toggle .site-toggle-anchor,
    body.search #site-mobile-menu-toggle .site-toggle-anchor {
        font-size: 12px !important;
        padding: 5px 11px !important;
        border-width: 1px !important;
        border-radius: 5px;
    }

    /* Tighter header spacing (not on posts) */
    body.home .site-header,
    body.page .site-header,
    body.archive .site-header,
    body.search .site-header {
        padding-top: 12px !important;
        padding-bottom: 6px !important;
    }
    body.home #site-header-navigation,
    body.page #site-header-navigation,
    body.archive #site-header-navigation,
    body.search #site-header-navigation {
        margin-top: 10px !important;
    }
    body.home #site-main,
    body.page #site-main,
    body.archive #site-main,
    body.search #site-main {
        padding-top: 16px !important;
    }

    /* Compact search bar */
    #site-header-search {
        margin: 8px 0 10px !important;
        gap: 0 !important;
        justify-content: center !important;
    }
    #site-header-search .widget_search {
        flex: 0 0 auto !important;
        width: 240px !important;
        max-width: 100% !important;
        align-self: center !important;
    }
    #site-header-search .search-form .search-field {
        font-size: 13px !important;
        padding: 4px 8px !important;
        height: 30px !important;
        min-height: 0 !important;
    }
    #site-header-search .search-form .search-submit {
        font-size: 11px !important;
        padding: 4px 10px !important;
        height: 30px !important;
        min-height: 0 !important;
    }

    /* Opened mobile menu */
    #site-mobile-menu .menu > li > a {
        font-size: 17px !important;
        font-weight: 500 !important;
        color: #181818 !important;
    }
    #site-mobile-menu .sub-menu a {
        font-size: 15px !important;
        font-weight: 400 !important;
    }
    #site-mobile-menu .current-menu-item > a,
    #site-mobile-menu .current-menu-parent > a {
        color: var(--bl-maroon) !important;
    }
}


/* ========================================================
   3. SINGLE POSTS: AGED-PAPER SPIRAL NOTEBOOK
   ======================================================== */
body.single-post main#site-content.site-main {
    position: relative;
    box-sizing: border-box;
    overflow: visible;
    background-color: #f8e9c8 !important;
    background-image:
        linear-gradient(90deg, rgba(143, 88, 32, 0.12), transparent 65px),
        repeating-linear-gradient(to bottom,
            transparent 0, transparent 44px,
            rgba(145, 110, 68, 0.035) 45px, transparent 46px),
        linear-gradient(115deg, #fff9e8, #f3dfb9) !important;
    padding: 24px 24px 32px 70px !important;
    border: 2px solid #d6a867 !important;
    border-left: 9px solid #b88d55 !important;
    border-radius: 10px 22px 18px 10px;
    box-shadow:
        inset 0 0 40px rgba(125, 78, 29, 0.08),
        0 12px 28px rgba(54, 42, 25, 0.18) !important;
}

/* Less empty space above the notebook */
body.single-post #site-main {
    padding-top: 20px !important;
}

/* Spiral rings */
body.single-post main#site-content::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: -18px;
    width: 62px;
    background-image: radial-gradient(ellipse 25px 15px at 31px 23px,
        transparent 47%, #30383a 54%, #85847b 65%, transparent 72%);
    background-size: 62px 58px;
    background-repeat: repeat-y;
    pointer-events: none;
    z-index: 2;
}

/* Binding holes */
body.single-post main#site-content::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 27px;
    width: 14px;
    background-image: radial-gradient(circle 6px at center 23px,
        #9a794c 0 70%, #ead1a3 85%, transparent 100%);
    background-size: 14px 58px;
    background-repeat: repeat-y;
    pointer-events: none;
    z-index: 1;
}

/* Let the parchment show through */
body.single-post #site-content .site-content-wrapper,
body.single-post #site-content article,
body.single-post #site-content .post-single {
    background: transparent !important;
}

/* Post fonts: Gilda Display, Nepali in Noto Serif Devanagari */
body.single-post #site-content,
body.single-post #site-content .title-page,
body.single-post #site-content .post-meta,
body.single-post #site-content .post-single,
body.single-post #site-content .post-single p,
body.single-post #site-content .post-single li,
body.single-post #site-content .post-single h1,
body.single-post #site-content .post-single h2,
body.single-post #site-content .post-single h3,
body.single-post #site-content .post-single h4,
body.single-post #site-content .post-single h5,
body.single-post #site-content .post-single h6,
body.single-post #site-content .post-single blockquote {
    font-family: var(--bl-serif) !important;
}

/* Old posts written without paragraphs also get the brown text */
body.single-post #site-content .post-single,
body.single-post #site-content .post-single :is(div, li, td, blockquote) {
    color: var(--bl-post-text);
}

/* Article body */
body.single-post #site-content .post-single p {
    font-size: 18px !important;
    line-height: 1.85 !important;
    color: var(--bl-post-text) !important;
    text-align: left !important;
    text-indent: 0 !important;
    margin: 0 0 0.65em !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ---- Even spacing in all posts ---- */

/* Posts written without paragraphs (text in divs or line breaks)
   get the same size and line spacing as normal paragraphs */
body.single-post #site-content .post-single {
    font-size: 18px;
    line-height: 1.85;
}
body.single-post #site-content .post-single > div:not([class]) {
    font-size: 18px;
    line-height: 1.85;
    margin: 0 0 0.65em;
}

/* Remove pasted-in line spacing, margins and padding */
body.single-post #site-content .post-single [style*="line-height"] {
    line-height: inherit !important;
}
body.single-post #site-content .post-single :is(div, span, p)[style*="margin"] {
    margin: 0 0 0.65em !important;
}
body.single-post #site-content .post-single span[style*="margin"] {
    margin: 0 !important;
}
body.single-post #site-content .post-single :is(div, span, p)[style*="padding"] {
    padding: 0 !important;
}

/* Truly empty paragraphs take no space */
body.single-post #site-content .post-single p:empty {
    display: none !important;
}

/* Blank lines (from the optional PHP snippet): one small, even gap */
body.single-post #site-content .post-single p.bl-gap {
    display: block !important;
    height: 0.6em;
    margin: 0 !important;
}

@media (max-width: 767px) {
    body.single-post #site-content .post-single,
    body.single-post #site-content .post-single > div:not([class]) {
        font-size: 16px;
        line-height: 1.8;
    }
}

/* Headings inside a post: Heading 2 = section, Heading 3 = sub-section.
   (Heading 1 inside the text is shown like Heading 2; the title is the real Heading 1.) */
body.single-post #site-content .post-single :is(h1, h2):not(.bl-read-also-title) {
    margin: 1.4em 0 0.5em !important;
    font-size: 23px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content .post-single :is(h3, h4, h5, h6):not(.bl-read-also-title) {
    margin: 1.2em 0 0.4em !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #7a2f2f !important;
}
@media (max-width: 767px) {
    body.single-post #site-content .post-single :is(h1, h2):not(.bl-read-also-title) {
        font-size: 20px !important;
    }
    body.single-post #site-content .post-single :is(h3, h4, h5, h6):not(.bl-read-also-title) {
        font-size: 17px !important;
    }
}

/* Videos saved by the old theme: full width, 16:9 */
.bl-video {
    margin: 0 0 1.5em;
}
.bl-video iframe {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 6px;
}

/* Post title */
body.single-post #site-content .title-page {
    color: #30251c !important;
    line-height: 1.4 !important;
}
body.single-post #site-content h1.title-page {
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}
body.single-post #site-content .post-meta {
    background: transparent !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
}

@media (max-width: 767px) {
    body.single-post main#site-content.site-main {
        padding: 18px 12px 26px 46px !important;
        border-left-width: 6px !important;
        border-radius: 6px 12px 12px 6px;
    }
    body.single-post main#site-content::before {
        top: 12px;
        bottom: 12px;
        left: -11px;
        width: 42px;
        background-image: radial-gradient(ellipse 16px 11px at 20px 19px,
            transparent 47%, #30383a 54%, #85847b 65%, transparent 72%);
        background-size: 42px 48px;
    }
    body.single-post main#site-content::after {
        top: 12px;
        bottom: 12px;
        left: 20px;
        width: 12px;
        background-image: radial-gradient(circle 5px at center 19px,
            #9a794c 0 70%, #ead1a3 85%, transparent 100%);
        background-size: 12px 48px;
    }
    body.single-post #site-content .post-single p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    body.single-post #site-content h1.title-page {
        font-size: 22px !important;
    }
}


/* ========================================================
   4. KEY TAKEAWAYS (SummarAIze)
   ======================================================== */
body.single-post #site-content .bl-vg-takeaways {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid #7a2f2f !important;
    box-shadow: none !important;
    border-radius: 24px !important;
    padding: 18px 24px 12px !important;
    margin: 24px 0 !important;
    min-height: 0 !important;
    color: #7a2f2f !important;
    font-family: var(--bl-serif) !important;
}

/* Hidden checkbox (keeps toggle working) */
body.single-post #site-content .bl-vg-toggle-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
}

body.single-post #site-content .bl-vg-header {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.single-post #site-content .bl-vg-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: var(--bl-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content .bl-vg-title::before {
    content: "✧";
    color: #b45a3c;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-1px);
}

/* Remove the plugin's own box */
body.single-post #site-content .bl-vg-content,
body.single-post #site-content .bl-vg-content div,
body.single-post #site-content .bl-vg-content section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

/* Hide duplicate plugin heading */
body.single-post #site-content .bl-vg-content :is(h1, h2, h3, h4),
body.single-post #site-content .bl-vg-content [class*="title" i],
body.single-post #site-content .bl-vg-content [class*="heading" i],
body.single-post #site-content .bl-vg-content p:has(~ ul) {
    display: none !important;
}

body.single-post #site-content .bl-vg-content ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-post #site-content .bl-vg-content li {
    position: relative !important;
    list-style: none !important;
    padding-left: 20px !important;
    margin: 0 0 9px !important;
    font-family: var(--bl-serif) !important;
    font-size: 19px !important;
    line-height: 1.55 !important;
    color: #7a2f2f !important;
}
body.single-post #site-content .bl-vg-content li:last-child {
    margin-bottom: 0 !important;
}

/* Red square bullets */
body.single-post #site-content .bl-vg-content li::before {
    content: "" !important;
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 8px;
    height: 8px;
    background: #dd1e1e;
    border-radius: 2px;
}

/* Closed: first point only. Open: all points */
body.single-post #site-content .bl-vg-takeaways .bl-vg-content li {
    display: none !important;
}
body.single-post #site-content .bl-vg-takeaways .bl-vg-content li:first-child {
    display: list-item !important;
}
body.single-post #site-content .bl-vg-takeaways:has(.bl-vg-toggle-input:checked) .bl-vg-content li {
    display: list-item !important;
}

/* Button */
body.single-post #site-content .bl-vg-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bl-maroon) !important;
    color: #ffffff !important;
    font-family: var(--bl-serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 5px 10px !important;
    margin: 8px 0 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}
body.single-post #site-content .bl-vg-button-closed {
    display: inline !important;
}
body.single-post #site-content .bl-vg-button-open {
    display: none !important;
}
body.single-post #site-content .bl-vg-takeaways:has(.bl-vg-toggle-input:checked) .bl-vg-button-closed {
    display: none !important;
}
body.single-post #site-content .bl-vg-takeaways:has(.bl-vg-toggle-input:checked) .bl-vg-button-open {
    display: inline !important;
}

@media (max-width: 767px) {
    body.single-post #site-content .bl-vg-takeaways {
        padding: 16px 18px 12px !important;
        border-radius: 18px !important;
    }
    body.single-post #site-content .bl-vg-title {
        font-size: 22px !important;
    }
    body.single-post #site-content .bl-vg-content li {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }
}


/* ========================================================
   5. WRITER NAME AND PHOTO ON POSTS (no box)
   ======================================================== */
body.single-post #site-content .bl-writer-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 16px 0 22px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.single-post #site-content .bl-writer-card-photo {
    position: static !important;
    flex: 0 0 98px;
    width: 98px;
    height: 98px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    background: #eee0cb;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
body.single-post #site-content .bl-writer-card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
body.single-post #site-content .bl-writer-card-photo span {
    font-size: 35px;
    color: #922b19;
}

body.single-post #site-content .bl-writer-card-name {
    position: static !important;
    flex: 1;
    font-family: var(--bl-serif);
    font-size: 23px !important;
    line-height: 1.4 !important;
    font-weight: 700;
    text-align: left !important;
}
body.single-post #site-content .bl-writer-card-name a {
    color: var(--bl-maroon) !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    body.single-post #site-content .bl-writer-card {
        gap: 10px !important;
    }
    body.single-post #site-content .bl-writer-card-photo {
        flex-basis: 76px;
        width: 76px;
        height: 76px;
        border-width: 3px;
    }
    body.single-post #site-content .bl-writer-card-name {
        font-size: 18px !important;
    }
}


/* ========================================================
   6. COMMENT FORM (vintage paper)
   ======================================================== */
body.single-post #site-content #comments,
body.single-post #site-content #respond,
body.single-post #site-content #commentform {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
body.single-post #site-content #respond {
    border: 1px solid #7a2f2f !important;
    border-radius: 24px !important;
    padding: 18px 24px !important;
    margin: 24px 0 !important;
}
body.single-post #commentform textarea,
body.single-post #commentform input:not([type="submit"]) {
    background: transparent !important;
    background-image: none !important;
    border: 1px solid #b9998e !important;
    box-shadow: none !important;
    color: var(--bl-post-text) !important;
    box-sizing: border-box;
}
body.single-post #commentform textarea {
    width: 100% !important;
    height: 100px !important;
    min-height: 100px !important;
    padding: 12px !important;
}
body.single-post #commentform input[type="submit"] {
    background: var(--bl-maroon) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
    cursor: pointer;
}
@media (max-width: 767px) {
    body.single-post #site-content #respond {
        padding: 14px !important;
        border-radius: 18px !important;
    }
}


/* ========================================================
   6d. WORDPRESS COMMENT FORM AND COMMENTS (used when Jetpack
   Comments is switched off) — matches the notebook paper
   ======================================================== */

/* Heading "Leave a Reply" */
body.single-post #site-content #reply-title {
    margin: 0 0 6px !important;
    font-family: var(--bl-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content #reply-title small a {
    font-size: 13px;
    color: var(--bl-link) !important;
}

/* Small grey notes ("Your email address will not be published") */
body.single-post #site-content #commentform .comment-notes,
body.single-post #site-content #commentform .logged-in-as {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    color: #8b7360 !important;
}

/* Layout: comment on top, name and email side by side */
body.single-post #site-content #commentform {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px 14px;
}
body.single-post #site-content #commentform > * {
    grid-column: 1 / -1;
    margin: 0 !important;
}
body.single-post #site-content #commentform > .comment-form-author {
    grid-column: 1;
}
body.single-post #site-content #commentform > .comment-form-email {
    grid-column: 2;
}
/* Website field is rarely used and attracts spam */
body.single-post #site-content #commentform > .comment-form-url {
    display: none !important;
}

/* Labels */
body.single-post #site-content #commentform label {
    display: block;
    margin: 0 0 4px;
    font-family: var(--bl-serif);
    font-size: 15px;
    color: var(--bl-maroon);
}

/* Fields */
body.single-post #commentform input[type="text"],
body.single-post #commentform input[type="email"] {
    width: 100% !important;
    height: 38px !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
}
body.single-post #commentform textarea {
    border-radius: 8px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}
body.single-post #commentform input:focus,
body.single-post #commentform textarea:focus {
    outline: none !important;
    border-color: var(--bl-maroon) !important;
}

/* Normal-case labels (the theme writes them in CAPITALS) */
body.single-post #site-content #commentform label {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Minimal form: only the Comment box and the Post Comment button
   (plus Name and Email for visitors, which WordPress requires). */
body.single-post #site-content #respond > #reply-title,
body.single-post #site-content #commentform .logged-in-as,
body.single-post #site-content #commentform .comment-notes,
body.single-post #site-content #commentform .comment-subscription-form,
body.single-post #site-content #commentform .comment-form-cookies-consent {
    display: none !important;
}
/* When replying to a specific comment, show "Cancel reply" again */
body.single-post #site-content .comment-list #reply-title {
    display: block !important;
    font-size: 15px !important;
}

/* Published comments */
body.single-post #site-content .comments-title {
    font-family: var(--bl-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content .comment-list,
body.single-post #site-content .comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-post #site-content .comment-list .children {
    margin-left: 28px !important;
}
body.single-post #site-content .comment-body {
    padding: 14px 0 !important;
    border-bottom: 1px solid #e3cfa5 !important;
    background: transparent !important;
}
body.single-post #site-content .comment-author img.avatar {
    border-radius: 50%;
}
body.single-post #site-content .comment-author .fn,
body.single-post #site-content .comment-author .fn a {
    font-family: var(--bl-serif);
    font-style: normal;
    font-size: 17px;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content .comment-metadata a,
body.single-post #site-content .comment-meta a {
    font-size: 12px;
    color: #8b7360 !important;
}
body.single-post #site-content .comment-content {
    color: var(--bl-post-text);
}
body.single-post #site-content .reply a {
    font-size: 13px;
    color: var(--bl-link) !important;
}

/* Phones: name and email stacked */
@media (max-width: 600px) {
    body.single-post #site-content #commentform > .comment-form-author,
    body.single-post #site-content #commentform > .comment-form-email {
        grid-column: 1 / -1;
    }
}


/* ========================================================
   7. OUR WRITERS DIRECTORY
   ======================================================== */
.bl-writers-list .bl-writer-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #d6c39d;
    border-radius: 12px;
    background: transparent;
    text-decoration: none !important;
    transition: border-color 0.2s;
}
.bl-writers-list .bl-writer-link:hover {
    border-color: #7a2f2f;
}
.bl-writers-list .bl-writer-avatar {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    border-radius: 50%;
    overflow: hidden;
    background: #e8dec9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bl-writers-list .bl-writer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bl-writers-list .bl-writer-placeholder {
    color: #7a2f2f;
    font-size: 26px;
}
.bl-writers-list .bl-writer-name {
    font-family: var(--bl-serif);
    color: var(--bl-maroon);
    font-size: 17px;
    line-height: 1.4;
}

/* Writers' Profile page: name with a short intro under it */
.bl-profiles .bl-writer-link {
    align-items: flex-start;
}
.bl-profiles .bl-profile-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.bl-profiles .bl-profile-intro {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--bl-post-text);
}

/* Books page: show the whole cover, not a cropped strip */
.bl-books .lh-image img {
    width: auto !important;
    max-width: 100% !important;
    height: 240px !important;
    margin: 0 auto;
    object-fit: contain !important;
    border-radius: 4px !important;
}

/* Special Issues page: directory of every special issue */
body.bl-special-issues-layout .bl-writer-page-title {
    margin: 0 0 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: var(--bl-serif);
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 400;
    color: var(--bl-maroon);
}
.bl-special-archive {
    padding: 0 0 24px;
}
/* Homepage: the same white box as English, Nepali and the other pages */
body.home .literature-home {
    box-sizing: border-box;
    margin-top: 24px;
    padding: 54px 60px 60px;
    background: #ffffff;
}
/* Phones: every page (not posts) has the same white box with a little space inside;
   the homepage box sits exactly where the boxes of the other pages are. */
@media (max-width: 767px) {
    body.home .literature-home {
        width: auto !important;
        max-width: none !important;
        margin: 12px 30px 0 !important;
        padding: 22px 16px 26px !important;
    }
    body:not(.single-post):not(.home) main#site-content.site-main {
        padding: 22px 16px 26px !important;
    }
}

/* No banner above these pages (Special Issues, writers, English, Nepali), so the framed box
   is not pulled up into the header */
body.bl-special-issues-layout main#site-content.site-main,
body.bl-writer-category-layout main#site-content.site-main {
    margin-top: 0 !important;
}
.bl-special-archive .bl-special-heading {
    margin: 26px 0 14px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dcc8ab;
    font-family: var(--bl-serif);
    font-size: 22px;
    font-weight: 400;
    color: var(--bl-red);
}
.bl-special-archive .bl-writer-link {
    min-height: 64px;
}
.bl-special-archive .bl-special-group {
    grid-column: 1 / -1;
}
.bl-special-group a.bl-writer-name {
    text-decoration: none;
}
.bl-special-group .bl-special-kids {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 8px;
    font-size: 14px;
}
.bl-special-group .bl-special-kids a {
    color: var(--bl-link);
    text-decoration: none;
}
.bl-special-group .bl-special-kids a:hover {
    color: var(--bl-maroon);
}
.bl-special-group .bl-special-kids small {
    color: #8b7360;
}

/* Category pages with sub-categories: strip at the top of the list */
body.archive #recent-posts > li.bl-subcats {
    grid-column: 1 / -1;
    margin: 0 0 6px !important;
    padding: 12px 16px !important;
    list-style: none !important;
    border: 1px solid #d6c39d !important;
    border-radius: 12px;
}
body.archive #recent-posts > li.bl-subcats::before,
body.archive #recent-posts > li.bl-subcats::marker {
    content: none !important;
}
.bl-subcats .bl-writer-name {
    font-family: var(--bl-serif);
    font-size: 17px;
    color: var(--bl-maroon);
}

/* Pages with sub-pages: "In this section" */
.bl-subpages {
    margin-top: 30px;
}
.bl-subpages .bl-special-heading {
    margin: 0 0 14px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dcc8ab;
    font-family: var(--bl-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--bl-red) !important;
}
.bl-subpages .bl-writer-link {
    min-height: 54px;
}

/* Our Writers: sort buttons and article count under each name */
.bl-writers-sort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 6px 0 16px;
    font-size: 14px;
    color: #8b7360;
}
.bl-writers-sort button {
    padding: 5px 12px;
    border: 1px solid #7a2f2f;
    border-radius: 6px;
    background: transparent;
    color: var(--bl-maroon);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}
.bl-writers-sort button[aria-pressed="true"],
.bl-writers-sort button:hover {
    background: var(--bl-maroon);
    color: #ffffff;
}
.bl-writers-directory .bl-profile-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.bl-writers-directory .bl-writer-count {
    margin-top: 2px;
    font-size: 13px;
    color: #8b7360;
}

/* Two columns */
.bl-writers-directory ul.bl-writers-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 18px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.bl-writers-directory .bl-writers-list > li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
}
.bl-writers-directory .bl-writers-list > li::before,
.bl-writers-directory .bl-writers-list > li::marker {
    content: none !important;
    display: none !important;
}
.bl-writers-directory .bl-writer-link {
    height: 100%;
    box-sizing: border-box;
}

@media (max-width: 650px) {
    .bl-writers-directory ul.bl-writers-list {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}
@media (max-width: 600px) {
    .bl-writers-list .bl-writer-avatar {
        width: 55px;
        height: 55px;
        flex-basis: 55px;
    }
}


/* ========================================================
   8. WRITER CATEGORY PAGES
   ======================================================== */
body.bl-writer-category-layout .site-header .wrapper-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
body.bl-writer-category-layout #site-main {
    margin-top: 0 !important;
    position: relative;
    top: auto !important;
    transform: none !important;
}
body.bl-writer-category-layout #site-main .wrapper-main {
    margin-top: 0 !important;
    top: auto !important;
    transform: none !important;
}

/* Remove the theme's faint frame and shadow */
body.bl-writer-category-layout .site-header,
body.bl-writer-category-layout #site-main,
body.bl-writer-category-layout #site-main .wrapper-main,
body.bl-writer-category-layout #site-content,
body.bl-writer-category-layout #site-content .site-content-wrapper {
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Biography and portrait */
body.bl-writer-category-layout .bl-writer-archive {
    color: var(--bl-post-text);
    padding: 0 0 24px;
}
body.bl-writer-category-layout .bl-writer-page-title {
    font-family: var(--bl-serif);
    font-size: clamp(26px, 3vw, 34px);
    color: var(--bl-maroon);
    margin: 0 0 22px;
}
body.bl-writer-category-layout .bl-writer-profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 32px;
    align-items: start;
    padding-bottom: 28px;
    border-bottom: 1px solid #7a2f2f;
}
body.bl-writer-category-layout .bl-writer-biography {
    min-width: 0;
    line-height: 1.8;
}
body.bl-writer-category-layout .bl-writer-biography p {
    font-size: 16px !important;
    line-height: 1.85 !important;
    margin: 0 0 14px;
}
body.bl-writer-category-layout .bl-writer-photo {
    display: block;
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fffaf0;
    box-sizing: border-box;
}

/* Genre headings */
body.bl-writer-category-layout .bl-writer-works {
    margin-top: 30px;
}
body.bl-writer-category-layout .bl-writer-works > h2 {
    font-family: var(--bl-serif) !important;
    font-size: 29px;
    color: var(--bl-maroon);
    text-align: center;
    margin: 0 0 26px;
}
body.bl-writer-category-layout .bl-writer-genre {
    margin: 0 0 32px;
}
body.bl-writer-category-layout .bl-writer-genre > h3 {
    font-family: var(--bl-serif) !important;
    font-weight: 400 !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
    color: var(--bl-red) !important;
    border-bottom: 1px solid #dcc8ab;
    padding-bottom: 7px;
    margin: 0 0 15px;
}

/* Two-column article list */
body.bl-writer-category-layout .bl-writer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
}
body.bl-writer-category-layout .bl-writer-article {
    display: flex;
    gap: 12px;
    min-width: 0;
    align-items: flex-start;
}
body.bl-writer-category-layout .bl-writer-small-photo {
    display: block;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
}
body.bl-writer-category-layout .bl-writer-article-body {
    min-width: 0;
}
body.bl-writer-category-layout .bl-writer-article h4 {
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    margin: 0 0 6px !important;
}
body.bl-writer-category-layout .bl-writer-article h4 a {
    color: var(--bl-link) !important;
    text-decoration: none;
}
body.bl-writer-category-layout .bl-writer-article h4 a:hover {
    color: var(--bl-maroon) !important;
}
body.bl-writer-category-layout .bl-writer-article time {
    display: block;
    color: #8b7360;
    font-size: 12px;
    margin-bottom: 5px;
}
body.bl-writer-category-layout .bl-writer-article p {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* Seven most recent per genre, then Load more */
body.bl-writer-category-layout .bl-writer-grid > .bl-writer-article[hidden],
body.bl-writer-category-layout .bl-writer-load-more[hidden] {
    display: none !important;
}
body.bl-writer-category-layout .bl-writer-more-wrap {
    text-align: center;
    margin: 20px 0 6px;
}
body.bl-writer-category-layout .bl-writer-load-more {
    background: transparent;
    color: var(--bl-maroon);
    border: 1px solid #7a2f2f;
    border-radius: 6px;
    padding: 8px 18px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
body.bl-writer-category-layout .bl-writer-load-more:hover,
body.bl-writer-category-layout .bl-writer-load-more:focus-visible {
    background: var(--bl-maroon);
    color: #ffffff;
}

@media (max-width: 767px) {
    body.bl-writer-category-layout #site-main {
        margin-top: 0 !important;
    }
    body.bl-writer-category-layout .bl-writer-archive {
        padding: 0 0 18px;
    }
    body.bl-writer-category-layout .bl-writer-profile {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    body.bl-writer-category-layout .bl-writer-photo {
        grid-row: 1;
        width: 170px;
        height: 170px;
    }
    body.bl-writer-category-layout .bl-writer-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    body.bl-writer-category-layout .bl-writer-works > h2 {
        font-size: 25px;
    }
    body.bl-writer-category-layout .bl-writer-genre > h3 {
        font-size: 23px !important;
    }
}


/* English and Nepali pages (genre groups, built by the writer snippet) */
body.bl-language-layout .bl-language-intro {
    margin: 0 0 24px;
    line-height: 1.8;
}
body.bl-language-layout .bl-writer-works {
    margin-top: 0;
}
/* English / Nepali: homepage-style layout (tiles and two-column bands) */
body.bl-language-layout .bl-writer-page-title {
    padding-bottom: 25px;
    margin-bottom: 30px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.bl-language-layout .lh-post[hidden] {
    display: none !important;
}
body.bl-language-layout hr.bl-lang-divider {
    height: 0;
    margin: 36px 0;
    border: 0;
    border-top: 1px solid #d8dcdf;
    background: none;
}
body.bl-language-layout .bl-lang-band {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    padding: 26px 22px;
    border-radius: 6px;
}
body.bl-language-layout .bl-lang-band .lh-heading {
    font-size: 22px;
}
body.bl-language-layout .bl-lang-section .bl-writer-more-wrap {
    margin: 18px 0 0;
    text-align: center;
}
body.bl-language-layout .lh-post h3 a {
    color: var(--bl-link);
}
body.bl-language-layout .lh-post h3 a:hover {
    color: var(--bl-maroon);
}
@media (max-width: 767px) {
    body.bl-language-layout .bl-lang-band {
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 14px;
    }
}
/* Genre view (?genre=): back link and Newer / Older buttons */
body.bl-language-layout .bl-genre-back {
    margin: 0 0 8px;
    font-size: 15px;
}
body.bl-language-layout .bl-genre-back a {
    color: var(--bl-link);
    text-decoration: none;
}
body.bl-language-layout .bl-genre-pages {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 28px 0 0;
}
body.bl-language-layout .bl-genre-pages a {
    text-decoration: none;
}
body.bl-language-layout .bl-language-more {
    margin: 10px 0 0;
    text-align: center;
    font-size: 15px;
    color: #8b7360;
}


/* ========================================================
   8b. ALL OTHER CATEGORY PAGES (Fiction, Poetry, issues...):
   two columns like writer pages; page numbers still work
   ======================================================== */

/* Category pages: thin line under the title, like About Us */
body.archive .ilovewp-archive-intro,
body.search .ilovewp-archive-intro {
    padding-bottom: 25px !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Empty Facebook-button box at the top of every list */
body.archive #recent-posts > .fcbkbttn_buttons_block,
.bl-writer-grid > .fcbkbttn_buttons_block {
    display: none !important;
}

body.archive:not(.bl-writer-category-layout) #recent-posts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
    margin: 0 !important;
    padding: 0 !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts > li.ilovewp-post {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
    float: none !important;
    list-style: none !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts article {
    display: flex !important;
    gap: 12px;
    align-items: flex-start;
}

/* Small round photo */
body.archive:not(.bl-writer-category-layout) #recent-posts .post-cover-wrapper {
    flex: 0 0 54px;
    width: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .post-cover img {
    display: block;
    width: 54px !important;
    height: 54px !important;
    object-fit: cover;
    border-radius: 50%;
}

/* Title, then date, then excerpt */
body.archive:not(.bl-writer-category-layout) #recent-posts .post-preview {
    flex: 1;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .title-post {
    order: 0;
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .title-post a {
    color: var(--bl-link) !important;
    text-decoration: none;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .title-post a:hover {
    color: var(--bl-maroon) !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .post-meta {
    order: 1;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #8b7360 !important;
    background: transparent !important;
    border: 0 !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .post-meta a {
    color: #8b7360 !important;
    text-decoration: none !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .post-meta-category {
    display: none !important;
}
body.archive:not(.bl-writer-category-layout) #recent-posts .post-excerpt {
    order: 2;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--bl-post-text) !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    body.archive:not(.bl-writer-category-layout) #recent-posts {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}


/* ========================================================
   9. SITEMAP  (shortcode: [bl_clean_sitemap])
   ======================================================== */
.bl-clean-sitemap {
    max-width: 1100px;
    margin: 26px auto 40px;
    color: #493b31;
    font-family: inherit;
}
.bl-clean-sitemap,
.bl-clean-sitemap * {
    box-sizing: border-box;
}
.bl-clean-sitemap h2 {
    margin: 0 0 22px;
    color: var(--bl-maroon);
    text-align: center;
    font-family: var(--bl-serif);
    font-size: 29px;
    font-weight: 400;
    line-height: 1.3;
}

/* Tabs */
.bl-clean-sitemap .bl-map-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}
.bl-clean-sitemap .bl-map-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}
.bl-clean-sitemap .bl-map-tab {
    display: block;
    margin: 0;
    padding: 13px 8px;
    border: 1px solid #d6c3b0;
    border-radius: 10px 10px 0 0;
    background: #f9f1df;
    color: var(--bl-maroon);
    text-align: center;
    cursor: pointer;
    font-family: var(--bl-serif);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.35;
}
.bl-clean-sitemap .bl-map-radio:checked + .bl-map-tab {
    background: var(--bl-maroon);
    border-color: var(--bl-maroon);
    color: #ffffff;
}
.bl-clean-sitemap .bl-map-radio:focus-visible + .bl-map-tab {
    outline: 2px solid #9b444b;
    outline-offset: 3px;
}

/* Tab panels */
.bl-clean-sitemap .bl-map-panels {
    grid-column: 1 / -1;
    margin-top: -7px;
    border-top: 1px solid #d6c3b0;
}
.bl-clean-sitemap .bl-map-panel {
    display: none;
    padding: 25px 0 8px;
}
.bl-clean-sitemap .bl-tab-pages:checked ~ .bl-map-panels .bl-panel-pages,
.bl-clean-sitemap .bl-tab-categories:checked ~ .bl-map-panels .bl-panel-categories,
.bl-clean-sitemap .bl-tab-archives:checked ~ .bl-map-panels .bl-panel-archives {
    display: block;
}

/* No default list bullets */
.bl-clean-sitemap ul,
.bl-clean-sitemap li {
    list-style: none !important;
}
.bl-clean-sitemap li {
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
}
.bl-clean-sitemap li::before,
.bl-clean-sitemap li::marker {
    content: none !important;
    display: none !important;
}

/* Two-column main lists */
.bl-clean-sitemap .bl-panel-pages > ul.bl-map-pages,
.bl-clean-sitemap .bl-panel-categories .bl-map-tree > ul.bl-map-categories {
    display: block !important;
    columns: 2;
    column-gap: 20px;
    margin: 0;
    padding: 0;
}
.bl-clean-sitemap .bl-panel-pages > ul.bl-map-pages > li,
.bl-clean-sitemap .bl-panel-categories .bl-map-tree > ul.bl-map-categories > li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0 0 13px !important;
}

/* Cards */
.bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link),
.bl-clean-sitemap .bl-map-pages li > details,
.bl-clean-sitemap .bl-map-categories li > details {
    display: block;
    width: 100%;
    border: 1px solid #ddc9b6;
    border-radius: 10px;
    background: #fbf4e5;
    color: var(--bl-maroon) !important;
    box-shadow: none !important;
    overflow: hidden;
}

.bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link) {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 59px;
    padding: 12px 17px !important;
    text-decoration: none !important;
    font-family: var(--bl-serif) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
}
.bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link)::before {
    content: '\203A';
    flex: 0 0 12px;
    color: #780b15;
    font: bold 25px/1 Georgia, serif;
}

/* Collapsible parents */
.bl-clean-sitemap .bl-map-pages summary,
.bl-clean-sitemap .bl-map-categories summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 59px;
    margin: 0 !important;
    padding: 12px 17px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--bl-maroon) !important;
    cursor: pointer;
    list-style: none !important;
    font-family: var(--bl-serif) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
}
.bl-clean-sitemap summary::-webkit-details-marker {
    display: none;
}
.bl-clean-sitemap .bl-map-pages summary::before,
.bl-clean-sitemap .bl-map-categories summary::before {
    content: '\25B8';
    flex: 0 0 12px;
    color: #780b15;
    font-size: 18px;
}
.bl-clean-sitemap .bl-map-pages details[open] > summary::before,
.bl-clean-sitemap .bl-map-categories details[open] > summary::before {
    content: '\25BE';
}

/* Hover */
.bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link):hover,
.bl-clean-sitemap .bl-map-pages li > details:hover,
.bl-clean-sitemap .bl-map-categories li > details:hover {
    border-color: #ac8178;
}
.bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link):hover,
.bl-clean-sitemap .bl-map-pages summary:hover,
.bl-clean-sitemap .bl-map-categories summary:hover {
    background: #fff9ef !important;
}

/* Keyboard focus */
.bl-clean-sitemap a:focus-visible,
.bl-clean-sitemap summary:focus-visible {
    outline: 2px solid #9b444b;
    outline-offset: 2px;
}

/* Expanded content */
.bl-clean-sitemap .bl-map-pages details[open] > summary,
.bl-clean-sitemap .bl-map-categories details[open] > summary {
    border-bottom: 1px solid #e6d6c5 !important;
}

/* Link to the parent page itself */
.bl-clean-sitemap .bl-map-categories .bl-map-all-link {
    display: inline-block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 10px 14px 8px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0054a4 !important;
    text-decoration: underline !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
.bl-clean-sitemap .bl-map-all-link::before {
    content: none !important;
}

/* Nested lists: always one column */
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories,
.bl-clean-sitemap .bl-map-categories ul.bl-map-categories {
    display: block !important;
    columns: auto !important;
    width: auto !important;
    margin: 4px 12px 13px !important;
    padding: 0 !important;
}
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories > li,
.bl-clean-sitemap .bl-map-categories ul.bl-map-categories > li {
    display: block;
    width: 100%;
    margin: 0 0 8px !important;
}

/* Smaller nested links */
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories li > a:not(.bl-map-all-link),
.bl-clean-sitemap .bl-map-categories ul.bl-map-categories li > a:not(.bl-map-all-link),
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories summary {
    min-height: 45px;
    padding: 9px 12px !important;
    font-size: 16px !important;
}
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories li > a:not(.bl-map-all-link),
.bl-clean-sitemap .bl-map-categories ul.bl-map-categories li > a:not(.bl-map-all-link),
.bl-clean-sitemap .bl-map-pages ul.bl-map-categories li > details {
    background: #fff9ed;
    border-color: #e4d3c1;
}

.bl-clean-sitemap .bl-map-hint {
    display: none;
}

/* Archives */
.bl-clean-sitemap .bl-map-archives {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 20px;
    margin: 0;
    padding: 0;
}
.bl-clean-sitemap .bl-map-months {
    margin-top: 22px;
    border: 0 !important;
    background: transparent !important;
}
.bl-clean-sitemap .bl-map-months > summary {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 360px;
    min-height: 55px;
    margin: 0 0 14px;
    padding: 12px 17px;
    border: 1px solid #ddc9b6;
    border-radius: 10px;
    background: #fbf4e5;
    color: var(--bl-maroon);
    cursor: pointer;
    list-style: none;
    font-family: var(--bl-serif);
    font-size: 18px;
    line-height: 1.45;
}
.bl-clean-sitemap .bl-map-months > summary::before {
    content: '\25B8';
    color: #780b15;
}
.bl-clean-sitemap .bl-map-months[open] > summary::before {
    content: '\25BE';
}

@media (max-width: 700px) {
    .bl-clean-sitemap {
        margin: 18px auto 30px;
    }
    .bl-clean-sitemap h2 {
        font-size: 25px;
    }
    .bl-clean-sitemap .bl-map-tab {
        padding: 11px 5px;
        font-size: 14px;
    }
    .bl-clean-sitemap .bl-map-panel {
        padding-top: 18px;
    }
    .bl-clean-sitemap .bl-panel-pages > ul.bl-map-pages,
    .bl-clean-sitemap .bl-panel-categories .bl-map-tree > ul.bl-map-categories {
        columns: 1;
    }
    .bl-clean-sitemap .bl-map-archives {
        grid-template-columns: 1fr;
    }
    .bl-clean-sitemap .bl-map-panel li > a:not(.bl-map-all-link),
    .bl-clean-sitemap .bl-map-pages summary,
    .bl-clean-sitemap .bl-map-categories summary,
    .bl-clean-sitemap .bl-map-months > summary {
        min-height: 50px;
        padding: 10px 13px !important;
        font-size: 16px !important;
    }
}


/* ========================================================
   10. STATIC PAGES (About Us, Submissions, Privacy...)
   ======================================================== */

/* One text colour and font (replaces Elementor's grey Roboto) */
body.page:not(.home) #site-main article,
body.page:not(.home) .elementor-widget-text-editor {
    color: var(--bl-text);
    font-family: var(--bl-sans);
}
body.page:not(.home) .elementor-widget-text-editor :is(p, li) {
    font-weight: 400 !important;
}

/* Privacy Policy, Terms of Use, Board of Directors: no whole-page italics */
body.page-id-21305 #site-main article *,
body.page-id-21324 #site-main article *,
body.page-id-1943 #site-main article * {
    font-style: normal !important;
}

/* Page titles match post titles (pages, categories like English/Nepali, search) */
body.page:not(.home) #site-main .title-page,
body.archive #site-main .title-page,
body.search #site-main .title-page {
    font-family: var(--bl-serif);
    color: var(--bl-maroon);
    font-weight: 400;
}

/* Elementor headings (Editorial Team): Gilda, red */
body.page:not(.home) .elementor-widget-heading .elementor-heading-title {
    font-family: var(--bl-serif);
    font-weight: 400;
    color: var(--bl-red);
}

/* Editorial Team: readable names, no grey boxes */
body.page:not(.home) #site-main .wp-caption {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.page:not(.home) #site-main .wp-caption-text {
    font-family: var(--bl-sans);
    font-size: 15px;
    color: var(--bl-text);
}


/* ========================================================
   10b. SPECIAL ISSUE PAGES (Content Views): look like homepage tiles
   15th Anniversary, Nepali Language Heritage, and future ones
   ======================================================== */
.pt-cv-wrapper .pt-cv-content-item {
    text-align: center;
}
.pt-cv-wrapper .pt-cv-thumb-wrapper {
    margin-bottom: 12px;
}
.pt-cv-wrapper img.pt-cv-thumbnail {
    display: block;
    width: 100% !important;
    height: 150px !important;
    object-fit: cover;
    border-radius: 32px;
    margin: 0 auto;
}
/* Hide the category tags above every title */
.pt-cv-wrapper .pt-cv-taxoterm {
    display: none !important;
}
.pt-cv-wrapper .pt-cv-title,
.pt-cv-wrapper .pt-cv-title a {
    font-family: "Biryani", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    color: var(--bl-link) !important;
    text-decoration: none !important;
}
.pt-cv-wrapper .pt-cv-title a:hover {
    color: var(--bl-maroon) !important;
}
.pt-cv-wrapper .pt-cv-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--bl-text) !important;
}
/* Small maroon outline button, like "Load more" on writer pages */
.pt-cv-wrapper .pt-cv-readmore {
    background: transparent !important;
    color: var(--bl-maroon) !important;
    border: 1px solid #7a2f2f !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    padding: 4px 12px !important;
    box-shadow: none !important;
}
.pt-cv-wrapper .pt-cv-readmore:hover {
    background: var(--bl-maroon) !important;
    color: #ffffff !important;
}


/* ========================================================
   10c. LOGO WHERE A PICTURE IS MISSING
   (works with the snippet "Logo for missing pictures")
   ======================================================== */
img.bl-logo-fallback {
    object-fit: contain !important;
    background: #fffaf0;
    padding: 4%;
    box-sizing: border-box;
}
/* In round frames: logo a little smaller so its edge is not cut (like Our Writers) */
.lh-list img.bl-logo-fallback,
.lh-compact img.bl-logo-fallback,
#recent-posts img.bl-logo-fallback {
    padding: 9% !important;
}
.bl-writers-list .bl-writer-placeholder,
body.single-post #site-content .bl-writer-card-photo span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0 !important;
    color: transparent !important;
    background: #fffaf0 url("https://bhutaneseliterature.com/wp-content/uploads/2024/03/cropped-BL-logo-march-e1711695790900.png") center / 82% no-repeat;
}


/* ========================================================
   11. CLEAN UP PASTED-IN STYLES IN ALL POSTS AND PAGES
   Keep this section LAST.
   ======================================================== */

/* Pasted text colours (#0000FF, #FF0000, #00FF00, black spans...) */
#site-main article [style*="color"],
#site-main article font[color] {
    color: inherit !important;
}
#site-main article a[style*="color"] {
    color: var(--bl-link) !important;
}

/* Pasted highlight backgrounds */
#site-main article :is(p, span, strong, em, b, i, u, font, li, td)[style*="background"] {
    background: transparent !important;
}

/* Pasted fonts and sizes (Mangal, Times, Comic Sans, Kokila...) */
#site-main article [style*="font-family"],
#site-main article font[face] {
    font-family: inherit !important;
}
#site-main article font[size] {
    font-size: inherit !important;
}

/* Menu: Nepali letters (नेपाली) in the site's Nepali font */
.sf-menu a,
#site-mobile-menu a {
    font-family: "Rubik", "Biryani", sans-serif;
}
.sf-menu a[href$="/nepali/"],
#site-mobile-menu a[href$="/nepali/"] {
    font-weight: 600 !important;
}
.sf-menu a[href$="/nepali/"] {
    font-size: 15px !important;
}

/* "Related reading" box at the end of selected posts (links to key articles) */
body.single-post #site-content .post-single .bl-related-reading {
    margin: 28px 0 10px;
    padding: 14px 18px 12px;
    border-left: 3px solid #c9a96a;
    background: rgba(255, 250, 240, 0.65);
}
body.single-post #site-content .post-single .bl-related-reading h3.bl-related-title {
    margin: 0 0 6px !important;
    font-size: 18px !important;
    color: var(--bl-maroon) !important;
}
body.single-post #site-content .post-single .bl-related-reading ul {
    margin: 0 !important;
    padding-left: 18px !important;
}
body.single-post #site-content .post-single .bl-related-reading li {
    margin: 3px 0 !important;
}
body.single-post #site-content .post-single .bl-related-reading a {
    color: var(--bl-link) !important;
    text-decoration: none !important;
}
body.single-post #site-content .post-single .bl-related-reading a:hover {
    color: var(--bl-maroon) !important;
}