/*
Theme Name: ThutaSone Theme v4.4
Theme URI: https://thutasone.com
Author: ThutaSone
Description: Dark full-width eBook and Audiobook theme with custom logo and 5-image linked hero slider.
Version: 4.4
Requires at least: 6.0
Tested up to: 6.5
Text Domain: thutasone
*/
:root{--bg:#020814;--panel:#071426;--muted:#9ca8bb;--text:#f8fafc;--yellow:#ffc72c;--line:#14243a;--card:#07182d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.ts-header{height:82px;display:flex;align-items:center;gap:28px;padding:0 42px;border-bottom:1px solid var(--line);background:#030918;position:sticky;top:0;z-index:50}.ts-brand{display:flex;align-items:center;gap:10px;min-width:260px}.ts-logo{width:54px;height:54px;object-fit:contain;border-radius:12px}.ts-title{font-size:26px;font-weight:900;line-height:1}.ts-tag{font-size:12px;color:var(--muted)}.ts-nav{display:flex;gap:24px;font-weight:800;font-size:14px}.ts-search{margin-left:auto;display:flex;gap:10px}.ts-search input{width:310px;background:#071426;border:1px solid #1b304d;border-radius:12px;color:#fff;padding:13px 16px}.ts-btn{background:var(--yellow);color:#111;font-weight:900;border:0;border-radius:12px;padding:13px 20px}.ts-hero-wrap{width:100%;padding:24px 0 24px;overflow:hidden}.ts-hero-slider{position:relative;width:100%;height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ts-slide{position:absolute;width:50vw;max-width:820px;height:300px;border-radius:16px;overflow:hidden;border-left:8px solid #f06;border-right:8px solid #f06;box-shadow:0 20px 60px rgba(0,0,0,.35);transition:transform .55s ease,opacity .55s ease;opacity:0;pointer-events:none;background:#123;cursor:pointer}.ts-slide img{width:100%;height:100%;object-fit:cover;display:block}.ts-slide:hover img{transform:scale(1.025)}.ts-slide img{transition:transform .35s ease}.ts-slide .fallback{height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900}.ts-slide .caption{position:absolute;left:26px;bottom:22px;background:rgba(0,0,0,.62);padding:12px 18px;border-radius:12px}.ts-slide .caption strong{font-size:28px}.ts-slide.active{opacity:1;transform:translateX(0) scale(1);z-index:3;pointer-events:auto}.ts-slide.prev{opacity:1;transform:translateX(calc(-50vw + 12px)) scale(1);z-index:2;pointer-events:auto}.ts-slide.next{opacity:1;transform:translateX(calc(50vw - 12px)) scale(1);z-index:2;pointer-events:auto}.ts-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(40,48,60,.8);color:#fff;font-size:34px;cursor:pointer}.ts-arrow.left{left:18px}.ts-arrow.right{right:18px}.ts-dots{display:flex;justify-content:center;gap:10px;margin-top:14px}.ts-dot{width:24px;height:6px;border-radius:10px;background:#556070}.ts-dot.active{background:var(--yellow)}.ts-section{width:100%;padding:18px 42px 18px}.ts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ts-head h2{font-size:26px;margin:0}.ts-view{color:var(--yellow);font-weight:900}.ts-row{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.ts-row::-webkit-scrollbar{display:none}.ts-book{flex:0 0 calc((100vw - 102px)/10);min-width:130px;scroll-snap-align:start}.ts-cover{width:100%;aspect-ratio:2/3;border-radius:14px;background:#0f1e33;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.35);position:relative}.ts-cover img{width:100%;height:100%;object-fit:cover;display:block}.ts-badge{position:absolute;right:10px;top:10px;background:#ef1b22;color:#fff;border-radius:7px;padding:6px 10px;font-weight:900;font-size:12px}.ts-book h3{font-size:14px;line-height:1.2;margin:10px 0 3px}.ts-meta{font-size:12px;color:var(--muted)}.ts-progress{height:4px;background:#1b304d;border-radius:10px;margin:8px 0}.ts-progress span{display:block;height:100%;width:45%;background:var(--yellow);border-radius:10px}.ts-actions{display:flex;gap:7px}.ts-actions a{font-size:12px;background:#fff;color:#111;border-radius:99px;padding:7px 11px;font-weight:900}.ts-actions a.listen{background:#241308;color:#fff}.ts-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.ts-cat{background:#071426;border:1px solid #19314f;border-radius:14px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ts-cat img{width:48px;height:48px;object-fit:contain}.ts-cat b{font-size:15px}.ts-authors{display:flex;gap:28px;overflow-x:auto}.ts-author{flex:0 0 120px;text-align:center}.ts-avatar{width:86px;height:86px;border-radius:50%;margin:auto;background:#0c1b30;border:3px solid #506988;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:32px;font-weight:900}.ts-avatar img{width:100%;height:100%;object-fit:cover}.ts-footer{padding:40px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px}@media(max-width:900px){.ts-header{height:auto;padding:16px;flex-wrap:wrap}.ts-brand{min-width:auto}.ts-logo{width:44px;height:44px}.ts-title{font-size:22px}.ts-nav{display:none}.ts-search{width:100%}.ts-search input{width:100%}.ts-hero-slider{height:230px}.ts-slide{width:78vw;height:210px;border-left-width:6px;border-right-width:6px;border-radius:14px}.ts-slide.prev{transform:translateX(calc(-78vw + 10px)) scale(1)}.ts-slide.next{transform:translateX(calc(78vw - 10px)) scale(1)}.ts-slide .caption{left:18px;bottom:16px}.ts-slide .caption strong{font-size:20px}.ts-section{padding-left:22px;padding-right:22px}.ts-book{flex:0 0 calc((100vw - 70px)/4)}.ts-cats{grid-template-columns:repeat(4,1fr);gap:12px}.ts-cat{min-height:92px}.ts-arrow{width:42px;height:42px}.ts-arrow.left{left:8px}.ts-arrow.right{right:8px}}@media(max-width:520px){.ts-book{flex:0 0 calc((100vw - 62px)/3)}.ts-cats{grid-template-columns:repeat(2,1fr)}}