/* ===== থিম ===== */
html[data-theme="white"]{--bg:#ffffff;--card:#ffffff;--text:#1c2b2a;--muted:#6b7a78;--border:#e3eae8;--chip:#eef6f4;--heading:#095c53;--input-border:#d5dedb;}
html[data-theme="cream"]{--bg:#f7efdd;--card:#fffaf0;--text:#3a2e1c;--muted:#8a7a62;--border:#eadcc0;--chip:#f6e8c8;--heading:#7a4f10;--input-border:#e0d0ac;}
html[data-theme="black"]{--bg:#0b0d0d;--card:#151818;--text:#f1f4f3;--muted:#9aa6a3;--border:#262c2b;--chip:#1e2a28;--heading:#5fd3c4;--input-border:#2f3837;}

html[data-theme] body{background:var(--bg)!important;color:var(--text)!important;}
html[data-theme] .drawer{background:var(--card)!important;color:var(--text)!important;}
html[data-theme] .drawer-link{color:var(--text)!important;border-bottom-color:var(--border)!important;}
html[data-theme] .drawer hr{border-top-color:var(--bg)!important;}
html[data-theme] .cat-card,
html[data-theme] .post-row,
html[data-theme] .form-card,
html[data-theme] .terms-box,
html[data-theme] .news-item{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;}
html[data-theme] .cat-card .emoji{background:var(--chip)!important;}
html[data-theme] .section-title,
html[data-theme] .back-link,
html[data-theme] .form-card h2,
html[data-theme] .terms-box h2{color:var(--heading)!important;}
html[data-theme] .post-row .meta,
html[data-theme] .news-meta,
html[data-theme] .empty-note,
html[data-theme] .terms-box p{color:var(--muted)!important;}
html[data-theme] .form-group input,
html[data-theme] .form-group textarea,
html[data-theme] .form-group select{background:var(--card)!important;color:var(--text)!important;border-color:var(--input-border)!important;}

.drawer-label{padding:14px 22px 6px;font-size:.85rem;font-weight:700;color:var(--muted,#6b7a78);}
.theme-row{display:flex;gap:8px;padding:4px 16px 16px;}
.theme-btn{flex:1;padding:10px 4px;border-radius:10px;border:2px solid var(--border,#e3eae8);background:var(--card,#fff);color:var(--text,#1c2b2a);font-size:.82rem;font-family:inherit;cursor:pointer;}
.theme-btn.active{border-color:#0d7a6e;font-weight:700;}

/* ===== লোগো ===== */

.brand-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:38px;width:38px;object-fit:cover;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.8);pointer-events:none;}
.drawer-logo-img{height:64px;width:auto;max-width:160px;object-fit:contain;border-radius:12px;}

/* ===== স্লাইডার (সব) ===== */
.slider-box{position:relative;}
.slider-box .slider-wrap{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.slider-box .slider-wrap::-webkit-scrollbar{display:none;}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;}
.sl-btn.prev{left:6px;}
.sl-btn.next{right:6px;}
@media (hover:none){.sl-btn{display:none;}}

/* ===== বিজ্ঞাপন ===== */
.ad-item{flex:0 0 100%;scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/6;box-shadow:0 6px 18px rgba(0,0,0,.08);background:var(--card,#fff);}
.ad-item img{width:100%;height:100%;object-fit:cover;display:block;}
.ad-item .slide-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;padding:14px 12px 10px;font-weight:600;font-size:.9rem;}
.ad-tag{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.65rem;padding:2px 8px;border-radius:999px;}
.ad-cat{position:absolute;top:8px;left:8px;background:#ff7a45;color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:999px;}

/* ===== নিউজ / নতুন আপডেট কার্ড (সব একই মাপ) ===== */
.news-item{flex:0 0 min(78%,320px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card,#fff);color:var(--text,#1c2b2a);border:1px solid var(--border,#e3eae8);border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.07);}
.news-img{position:relative;aspect-ratio:16/10;background:#e9eeed;overflow:hidden;}
.news-img img{width:100%;height:100%;object-fit:cover;display:block;}
.news-new{position:absolute;top:8px;left:8px;background:#ff7a45;color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:999px;}
.news-body{padding:10px 12px 12px;}
.news-meta{font-size:.72rem;color:var(--muted,#6b7a78);margin-bottom:4px;}
.news-title{font-weight:700;font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ===== ফিক্স: মেনুর লোগো ===== */
.drawer-logo{display:flex;justify-content:center;align-items:center;margin-bottom:6px;}
.drawer-logo-img{height:72px;width:72px;max-width:100%;object-fit:cover;border-radius:50%;background:#fff;border:3px solid rgba(255,255,255,.7);}

/* ===== ফিক্স: হোম স্লাইডারের ছবি কাটা যাবে না ===== */
.slider-box .slide-item{flex:0 0 100%;aspect-ratio:auto;background:var(--card,#fff);}
.slider-box .slide-item img{width:100%;height:auto;object-fit:contain;display:block;}
.slider-box .slider-wrap{align-items:flex-start;}

/* ===== হেডার: নাম বাঁ পাশে, লোগো ঠিক মাঝখানে, লগইন ডান পাশে ===== */
.topbar .brand{flex:0 1 auto;max-width:calc(50% - 68px);line-height:1.25;font-size:1rem;}
.topbar .login-pill{margin-left:auto;}