/*
Theme Name: Beyond the Story
Theme URI: https://example.com/
Author: Beyond the Story
Description: A Bootstrap 5.3.3 based author, books and articles theme.
Version: 3.1.0
Text Domain: beyond-the-story
*/
:root{--bst-ink:#0f172a;--bst-blue:#2563eb;--bst-blue2:#1d4ed8;--bst-soft:#f8fafc;--bst-line:#e2e8f0;--bst-muted:#64748b;--bst-dark:#0b1220}
body{color:#334155;background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{text-decoration:none}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--bst-line);position:sticky;top:0;z-index:1030;backdrop-filter:blur(10px)}
.navbar-brand{font-weight:900;color:var(--bst-ink)!important}.navbar-brand img{width:38px;height:38px;object-fit:cover;border-radius:10px}
.nav-link{font-weight:700;color:#475569!important}.nav-link:hover,.nav-link.active{color:var(--bst-blue)!important}
.hero{background:linear-gradient(135deg,#eff6ff,#fff 55%,#f8fafc);padding:105px 0}.hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:950;letter-spacing:-2px;color:var(--bst-ink);line-height:1.02}.hero h1 span{color:var(--bst-blue)}.hero p{max-width:720px;color:var(--bst-muted);font-size:1.1rem;line-height:1.8}.hero-eyebrow{display:inline-block;color:#475569;font-size:.72rem;font-weight:850;letter-spacing:1.6px}
.section-pad{padding:78px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.kicker{display:inline-block;color:var(--bst-blue);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.section-head h2,.page-head h1{font-weight:950;color:var(--bst-ink);letter-spacing:-1px}
.card{border:1px solid var(--bst-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.06);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.1)}
.book-cover{height:370px;width:100%;object-fit:contain;background:var(--bst-soft);padding:10px}.popular-cover{height:300px;width:100%;object-fit:contain;background:#fff;padding:10px}
.article-cover{height:210px;width:100%;object-fit:cover;background:#e2e8f0}
.book-body,.article-body,.popular-body{padding:20px}.book-body,.article-body,.popular-body{display:flex;flex-direction:column;height:100%}
.card-title{font-weight:900;color:var(--bst-ink)}.card-text{color:var(--bst-muted);line-height:1.65}.card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.book-excerpt{-webkit-line-clamp:3;min-height:4.8em}.article-excerpt{-webkit-line-clamp:4;min-height:6.4em}.meta{font-size:.78rem;color:#475569}.rating-stars{color:#f59e0b;letter-spacing:1px}.card-actions{margin-top:auto}
.popular-section{background:var(--bst-soft)}
.detail-wrap{padding:55px 0 90px}.detail-card{border:1px solid var(--bst-line);border-radius:22px;box-shadow:0 12px 38px rgba(15,23,42,.07);padding:clamp(20px,4vw,44px)}
.detail-cover{width:100%;max-height:560px;object-fit:contain;background:var(--bst-soft);border-radius:14px;padding:10px}.detail-title{font-size:clamp(2rem,5vw,3.6rem);font-weight:950;line-height:1.05;color:var(--bst-ink)}.lead-copy{font-size:1.04rem;line-height:1.85;color:#475569}.fact{background:var(--bst-soft);border:1px solid var(--bst-line);border-radius:12px;padding:13px}.fact small{display:block;color:var(--bst-muted);font-size:.68rem;text-transform:uppercase;font-weight:850}.fact strong{color:var(--bst-ink)}
.article-detail{max-width:920px;margin:auto}.article-hero{width:100%;max-height:520px;object-fit:cover;border-radius:16px}.article-content{font-size:1.06rem;line-height:1.9;color:#334155}.article-content h2,.article-content h3{color:var(--bst-ink);font-weight:900;margin-top:2rem}.article-toolbar{border-top:1px solid var(--bst-line);margin-top:32px;padding-top:22px}
.reaction-btn{border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:9px 14px;font-weight:750;color:#475569}.reaction-btn:hover,.reaction-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.site-footer{background:var(--bst-dark);color:#94a3b8;padding:50px 0 25px}.site-footer a{color:#cbd5e1}.site-footer a:hover{color:#fff}
.page-head{padding:65px 0 35px}.page-content{font-size:1.02rem;line-height:1.85}
.comment-area{margin-top:25px;padding:24px;background:var(--bst-soft);border:1px solid var(--bst-line);border-radius:16px}
.comment-list{padding-left:0}.comment-list li{list-style:none;background:#fff;border:1px solid var(--bst-line);border-radius:12px;padding:15px;margin:12px 0}
.comment-list .children{padding-left:20px}.comment-reply-title{font-weight:900;color:var(--bst-ink)}.comment-form input,.comment-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px}.comment-form .submit{background:var(--bst-blue);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:800}
.pagination .page-link{color:var(--bst-blue)}.empty-box{padding:70px 20px;text-align:center;border:1px dashed #cbd5e1;border-radius:16px}
@media(max-width:767.98px){.hero{padding:70px 0}.section-pad{padding:58px 0}.book-cover{height:285px}.popular-cover{height:250px}.article-cover{height:190px}.detail-wrap{padding:30px 0 60px}.detail-cover{max-height:390px;max-width:270px;margin:auto}.hero h1{letter-spacing:-1.5px}}

/* Lightweight theme switcher: one CSS file, four visual presets, preference saved locally. */
.theme-button{border:1px solid var(--bst-line);color:var(--bst-ink);background:var(--bst-soft);font-weight:800}.theme-button:hover{border-color:var(--bst-blue);color:var(--bst-blue)}
.buy-book-box{background:var(--bst-soft);border-color:var(--bst-line)!important}.buy-book-box .kicker{font-size:.65rem}
body.theme-midnight{--bst-ink:#e5e7eb;--bst-blue:#8b5cf6;--bst-blue2:#7c3aed;--bst-soft:#172033;--bst-line:#334155;--bst-muted:#a7b0c0;--bst-dark:#080b14;background:#0d1320;color:#cbd5e1}.theme-midnight .site-header{background:rgba(13,19,32,.96)}.theme-midnight .navbar-brand,.theme-midnight .nav-link,.theme-midnight .card-title,.theme-midnight .detail-title,.theme-midnight .fact strong,.theme-midnight .section-head h2,.theme-midnight .page-head h1{color:var(--bst-ink)!important}.theme-midnight .nav-link{color:#cbd5e1!important}.theme-midnight .hero{background:radial-gradient(circle at 75% 25%,#31245a 0,#111827 42%,#0d1320 100%)}.theme-midnight .hero h1 span{color:#a78bfa}.theme-midnight .card,.theme-midnight .detail-card{background:#111827;border-color:#334155}.theme-midnight .popular-section{background:#101827}.theme-midnight .book-cover,.theme-midnight .popular-cover{background:#0f172a}.theme-midnight .fact,.theme-midnight .buy-book-box,.theme-midnight .comment-area{background:#172033}.theme-midnight .dropdown-menu{background:#111827;border-color:#334155}.theme-midnight .dropdown-item{color:#e5e7eb}
body.theme-forest{--bst-ink:#16352b;--bst-blue:#0f766e;--bst-blue2:#115e59;--bst-soft:#f0fdf4;--bst-line:#cce8d5;--bst-muted:#527064;--bst-dark:#0b2a21}.theme-forest .site-header{background:rgba(247,253,249,.96)}.theme-forest .hero{background:linear-gradient(135deg,#dcfce7,#f0fdf4 55%,#ecfdf5)}.theme-forest .hero h1 span{color:#0f766e}.theme-forest .card{border-radius:12px;box-shadow:0 7px 20px rgba(15,118,110,.08)}.theme-forest .popular-section{background:#f0fdf4}.theme-forest .buy-book-box{border-radius:14px!important}
body.theme-sunset{--bst-ink:#3b1f2b;--bst-blue:#c2410c;--bst-blue2:#9a3412;--bst-soft:#fff7ed;--bst-line:#fed7aa;--bst-muted:#7c5b61;--bst-dark:#3b1724}.theme-sunset .site-header{background:rgba(255,250,247,.97);border-bottom-color:#fed7aa}.theme-sunset .hero{background:linear-gradient(135deg,#ffedd5,#fff7ed 52%,#fce7f3)}.theme-sunset .hero h1 span{color:#c2410c}.theme-sunset .card{border-radius:26px;box-shadow:0 12px 30px rgba(194,65,12,.09)}.theme-sunset .popular-section{background:#fff7ed}.theme-sunset .book-cover,.theme-sunset .popular-cover{background:#fffaf5}.theme-sunset .fact,.theme-sunset .buy-book-box{background:#fff7ed}
/* Article system + mobile edge spacing fix */
.article-byline{color:#475569}.article-author-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;display:block;border:1px solid var(--bst-line)}
.article-detail{padding-left:8px;padding-right:8px}
.section-pad > .container,.page-head,.detail-wrap > .container{padding-left:18px;padding-right:18px}
.follow-us{padding:28px 0;border-top:1px solid var(--bst-line)}.follow-us a{font-size:1.15rem}
@media(max-width:767.98px){.section-pad > .container,.page-head,.detail-wrap > .container{padding-left:16px;padding-right:16px}.article-detail{padding-left:2px;padding-right:2px}}

/* Final fixes: reliable mobile container spacing, social icons and live SEO helper. */
@media(max-width:767.98px){
 .section-pad > .container{padding-left:24px!important;padding-right:24px!important;width:100%!important;max-width:100%!important}
 .section-pad .section-head{padding-left:0!important;padding-right:0!important}
 .page-head{padding-left:24px!important;padding-right:24px!important}
 .article-detail{padding-left:0!important;padding-right:0!important}
}
.bst-header-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--bst-line);border-radius:50%;background:var(--bst-soft);transition:.2s}.bst-header-social a:hover{color:var(--bst-blue)!important;border-color:var(--bst-blue);transform:translateY(-1px)}
.bst-seo-score{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid #cbd5e1;font-size:13px}.bst-seo-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#64748b}.bst-seo-green{background:#ecfdf5;border-color:#86efac;color:#166534}.bst-seo-green .bst-seo-dot{background:#16a34a}.bst-seo-yellow{background:#fffbeb;border-color:#fcd34d;color:#92400e}.bst-seo-yellow .bst-seo-dot{background:#f59e0b}.bst-seo-red{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.bst-seo-red .bst-seo-dot{background:#dc2626}.bst-seo-checks{display:grid;gap:5px}.bst-seo-check{font-size:12px;color:#475569}

/* About Me page: clean, editable author layout */
.about-page .page-head h1{color:var(--bst-ink)}
.about-page .about-content{background:#fff;border:1px solid var(--bst-line);border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.about-page .about-content h2{font-weight:900;color:var(--bst-ink);margin-top:2.2rem;margin-bottom:.75rem}
.about-page .about-content h2:first-child{margin-top:0}
.about-page .about-content p{color:#475569;line-height:1.9;font-size:1.03rem}
.about-profile-photo{width:170px;height:170px;object-fit:cover;border-radius:50%;border:5px solid var(--bst-soft);box-shadow:0 8px 24px rgba(15,23,42,.12)}
.about-page .follow-us{margin-top:34px}
@media(max-width:767.98px){.about-page .about-content{padding:24px 20px;border-radius:16px}.about-page .page-head{padding-left:0!important;padding-right:0!important}.about-page .page-head h1{font-size:2.25rem}.about-profile-photo{width:140px;height:140px}}