/* ============================================================
   THEME + LANGUAGE ENGINE — Online Seba
   7 সম্পূর্ণ ভিন্ন থিম (data-theme attribute দিয়ে html ট্যাগে সেট হয়)
   ============================================================ */

/* ---------- FLOATING TOGGLE WIDGET (shared across all themes) ---------- */
#osw-fab-group {
    position: fixed;
    right: 16px;
    bottom: 100px;
    z-index: 999998;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 768px) { #osw-fab-group { bottom: 110px; } }

.osw-fab {
    width: 50px; height: 50px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #16a085;
    color: #fff !important;
    font-size: 19px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    cursor: pointer;
    border: none;
    transition: transform .2s ease;
}
.osw-fab:active { transform: scale(0.92); }

.osw-panel {
    position: fixed;
    right: 16px;
    bottom: 160px;
    z-index: 999999;
    width: 260px;
    max-height: 70vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    padding: 14px;
    display: none;
    font-family: 'Hind Siliguri', sans-serif;
}
.osw-panel.show { display: block; animation: oswFade .18s ease; }
@keyframes oswFade { from { opacity:0; transform: translateY(8px);} to {opacity:1; transform: translateY(0);} }

.osw-panel h4 {
    margin: 0 0 10px; font-size: 13px; font-weight: 700; color: #222;
    display: flex; align-items: center; gap: 6px;
}
.osw-lang-row { display: flex; gap: 8px; margin-bottom: 14px; }
.osw-lang-btn {
    flex: 1; padding: 8px 6px; border-radius: 10px; border: 2px solid #eee;
    background: #f8f9fa; cursor: pointer; font-weight: 700; font-size: 13px;
    color: #333;
}
.osw-lang-btn.active { border-color: #16a085; background: rgba(22,160,133,.1); color: #16a085; }

.osw-theme-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.osw-theme-swatch {
    border-radius: 10px; padding: 10px 6px; cursor: pointer;
    text-align: center; font-size: 11px; font-weight: 700;
    border: 2px solid transparent; color: #fff; position: relative;
}
.osw-theme-swatch.active { border-color: #222; }
.osw-theme-swatch .osw-check { position:absolute; top:4px; right:6px; font-size:11px; display:none; }
.osw-theme-swatch.active .osw-check { display:block; }

.osw-swatch-1 { background: linear-gradient(135deg,#20c997,#16a085); }
.osw-swatch-2 { background: linear-gradient(135deg,#1a1a2e,#0f3460); }
.osw-swatch-3 { background: #111; }
.osw-swatch-4 { background: linear-gradient(135deg,#ff9966,#ff5e62); }
.osw-swatch-5 { background: linear-gradient(135deg,#5b8c51,#2d4a1f); }
.osw-swatch-6 { background: linear-gradient(135deg,#6a3093,#a044ff); }
.osw-swatch-7 { background: repeating-linear-gradient(45deg,#ff004f,#ff004f 6px,#f7f700 6px,#f7f700 12px); color:#111; }

.osw-overlay-bg {
    position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 999997; display: none;
}
.osw-overlay-bg.show { display: block; }

/* ============================================================
   THEME 1 — CLASSIC (ডিফল্ট) : হালকা কাচের মতো, উপরে navbar
   ============================================================ */
html[data-theme="theme1"] body { background: #f4f6f8; }

/* ============================================================
   THEME 2 — DARK NEON : ডার্ক ব্যাকগ্রাউন্ড, নিয়ন সবুজ/নীল আলো
   ============================================================ */
html[data-theme="theme2"] body {
    background: #0d1117 !important;
    color: #c9d1d9 !important;
}
html[data-theme="theme2"] nav.global-navbar {
    background: rgba(13,17,23,0.85) !important;
    border-bottom: 1px solid rgba(0,255,200,0.25) !important;
    box-shadow: 0 4px 24px rgba(0,255,200,0.08) !important;
}
html[data-theme="theme2"] .sidebar-toggle,
html[data-theme="theme2"] .side-link,
html[data-theme="theme2"] .user-dropdown a { color: #c9d1d9 !important; }
html[data-theme="theme2"] .side-link i { color: #00e5c7 !important; }
html[data-theme="theme2"] #sidebar { background: #10151c !important; border-right: 1px solid rgba(0,255,200,0.15); }
html[data-theme="theme2"] .side-link:hover, html[data-theme="theme2"] .user-dropdown a:hover { background: rgba(0,255,200,0.08) !important; }
html[data-theme="theme2"] .user-dropdown { background: rgba(20,26,34,0.97) !important; border-color: rgba(0,255,200,.2); }
html[data-theme="theme2"] .balance-badge-minimal { background: rgba(0,255,200,0.1); color:#00e5c7; border-color: rgba(0,255,200,.35); }
html[data-theme="theme2"] .avatar-box { background: #1c2530; color: #00e5c7; }
html[data-theme="theme2"] .mobile-nav { background: rgba(13,17,23,0.9) !important; border-top: 1px solid rgba(0,255,200,.2) !important; }
html[data-theme="theme2"] .mobile-nav a { color: #6e7681 !important; }
html[data-theme="theme2"] .mobile-nav a.active, html[data-theme="theme2"] .mobile-nav a:hover { color: #00e5c7 !important; }
html[data-theme="theme2"] .fab-button { background: linear-gradient(135deg,#00e5c7,#0091ff) !important; box-shadow: 0 0 22px rgba(0,229,199,.55) !important; }
html[data-theme="theme2"] .fab-wrapper { background: #0d1117 !important; }
html[data-theme="theme2"] input, html[data-theme="theme2"] select, html[data-theme="theme2"] textarea {
    background: #161b22 !important; color: #c9d1d9 !important; border-color: #30363d !important;
}
html[data-theme="theme2"] button, html[data-theme="theme2"] .btn, html[data-theme="theme2"] a.btn {
    box-shadow: 0 0 14px rgba(0,229,199,.25);
}
html[data-theme="theme2"] .osw-panel { background: #161b22; color: #c9d1d9; }
html[data-theme="theme2"] .osw-panel h4 { color: #c9d1d9; }

/* ============================================================
   THEME 3 — MINIMAL MONO : সাদা-কালো, ফ্ল্যাট, কোনো শ্যাডো নেই
   ============================================================ */
html[data-theme="theme3"] * { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter:none !important; }
html[data-theme="theme3"] body { background: #ffffff !important; color: #000 !important; font-family: 'Courier New', monospace !important; }
html[data-theme="theme3"] nav.global-navbar { background: #fff !important; border-bottom: 2px solid #000 !important; }
html[data-theme="theme3"] #sidebar { background: #fff !important; border-right: 2px solid #000 !important; }
html[data-theme="theme3"] .side-link { color: #000 !important; border-bottom: 1px solid #000 !important; padding: 12px 20px !important;}
html[data-theme="theme3"] .side-link i { color: #000 !important; }
html[data-theme="theme3"] .side-link:hover { background: #000 !important; color: #fff !important; }
html[data-theme="theme3"] .side-link:hover i { color: #fff !important; }
html[data-theme="theme3"] .balance-badge-minimal { background: #fff !important; color: #000 !important; border: 2px solid #000 !important; }
html[data-theme="theme3"] .avatar-box { background: #000 !important; color: #fff !important; }
html[data-theme="theme3"] .user-dropdown { background: #fff !important; border: 2px solid #000 !important; }
html[data-theme="theme3"] .user-dropdown a { color: #000 !important; border-bottom: 1px solid #000 !important; }
html[data-theme="theme3"] .mobile-nav { background: #fff !important; border-top: 2px solid #000 !important; }
html[data-theme="theme3"] .mobile-nav a { color: #666 !important; }
html[data-theme="theme3"] .mobile-nav a.active { color: #000 !important; }
html[data-theme="theme3"] .fab-button { background: #000 !important; }
html[data-theme="theme3"] .fab-wrapper { background: #fff !important; border: 2px solid #000 !important; }
html[data-theme="theme3"] button, html[data-theme="theme3"] .btn, html[data-theme="theme3"] a.btn {
    background: #000 !important; color: #fff !important; border: 2px solid #000 !important;
}
html[data-theme="theme3"] input, html[data-theme="theme3"] select, html[data-theme="theme3"] textarea {
    border: 2px solid #000 !important; background: #fff !important;
}

/* ============================================================
   THEME 4 — SUNSET GRADIENT : কমলা-গোলাপি গ্রেডিয়েন্ট, গোলগাল বাটন
   ============================================================ */
html[data-theme="theme4"] body { background: linear-gradient(180deg,#fff5f0,#ffe8e0) !important; }
html[data-theme="theme4"] nav.global-navbar {
    background: linear-gradient(120deg, rgba(255,153,102,.92), rgba(255,94,98,.92)) !important;
    border-bottom: none !important;
}
html[data-theme="theme4"] .sidebar-toggle, html[data-theme="theme4"] .logo-link { filter: brightness(0) invert(1); }
html[data-theme="theme4"] .balance-badge-minimal { background: rgba(255,255,255,.25) !important; color:#fff !important; border-color: rgba(255,255,255,.5) !important; }
html[data-theme="theme4"] .avatar-box { background: rgba(255,255,255,.3) !important; color:#fff !important; }
html[data-theme="theme4"] #sidebar { background: linear-gradient(180deg,#fff,#fff0eb) !important; border-radius: 0 24px 24px 0 !important; }
html[data-theme="theme4"] .side-link { border-radius: 0 30px 30px 0 !important; margin-right: 10px; }
html[data-theme="theme4"] .side-link:hover { background: linear-gradient(90deg, rgba(255,94,98,.15), transparent) !important; }
html[data-theme="theme4"] .mobile-nav { background: linear-gradient(90deg, rgba(255,153,102,.95), rgba(255,94,98,.95)) !important; border-top:none !important; }
html[data-theme="theme4"] .mobile-nav a { color: rgba(255,255,255,.75) !important; }
html[data-theme="theme4"] .mobile-nav a.active, html[data-theme="theme4"] .mobile-nav a:hover { color: #fff !important; }
html[data-theme="theme4"] .fab-button { background: linear-gradient(135deg,#ffd166,#ff5e62) !important; }
html[data-theme="theme4"] .fab-wrapper { background: #fff5f0 !important; }
html[data-theme="theme4"] button, html[data-theme="theme4"] .btn, html[data-theme="theme4"] a.btn, html[data-theme="theme4"] input, html[data-theme="theme4"] select {
    border-radius: 30px !important;
}

/* ============================================================
   THEME 5 — FOREST SIDEBAR : ডেস্কটপে স্থায়ী সাইডবার, প্রকৃতির রং
   ============================================================ */
html[data-theme="theme5"] body { background: #f1f7ed !important; }
html[data-theme="theme5"] nav.global-navbar { background: rgba(45,74,31,.95) !important; border-bottom: none !important; }
html[data-theme="theme5"] .sidebar-toggle { color: #fff !important; }
html[data-theme="theme5"] .balance-badge-minimal { background: rgba(255,255,255,.15) !important; color: #d9f2c4 !important; border-color: rgba(255,255,255,.3) !important; }
html[data-theme="theme5"] .avatar-box { background: rgba(255,255,255,.2) !important; color: #fff !important; }
html[data-theme="theme5"] #sidebar { background: #2d4a1f !important; }
html[data-theme="theme5"] .side-link { color: #e3f2d3 !important; }
html[data-theme="theme5"] .side-link i { color: #a8d98a !important; }
html[data-theme="theme5"] .side-link:hover { background: rgba(255,255,255,.08) !important; }
html[data-theme="theme5"] .side-divider { background: rgba(255,255,255,.12) !important; }
html[data-theme="theme5"] .side-section-title { color: #a8d98a !important; }
@media (min-width: 992px) {
    html[data-theme="theme5"] #sidebar { left: 0 !important; position: fixed !important; }
    html[data-theme="theme5"] body { padding-left: 280px !important; }
    html[data-theme="theme5"] .sidebar-toggle { display: none !important; }
    html[data-theme="theme5"] #sidebar-overlay { display: none !important; }
}
html[data-theme="theme5"] .mobile-nav { background: rgba(45,74,31,.95) !important; border-top: none !important; }
html[data-theme="theme5"] .mobile-nav a { color: rgba(255,255,255,.55) !important; }
html[data-theme="theme5"] .mobile-nav a.active, html[data-theme="theme5"] .mobile-nav a:hover { color: #a8d98a !important; }
html[data-theme="theme5"] .fab-button { background: linear-gradient(135deg,#7cb342,#2d4a1f) !important; }
html[data-theme="theme5"] .fab-wrapper { background: #f1f7ed !important; }
html[data-theme="theme5"] button, html[data-theme="theme5"] .btn, html[data-theme="theme5"] a.btn { background: #4c7a2e !important; }

/* ============================================================
   THEME 6 — ROYAL PURPLE : বেগুনি-সোনালী রাজকীয় থিম, সেরিফ ফন্ট
   ============================================================ */
html[data-theme="theme6"] body { background: #f7f1fb !important; font-family: 'Georgia', 'Hind Siliguri', serif !important; }
html[data-theme="theme6"] nav.global-navbar { background: linear-gradient(120deg,#3a1c5e,#6a3093) !important; border-bottom: 2px solid #d4af37 !important; }
html[data-theme="theme6"] .sidebar-toggle, html[data-theme="theme6"] .logo-link { filter: brightness(0) invert(1); }
html[data-theme="theme6"] .balance-badge-minimal { background: rgba(212,175,55,.2) !important; color:#d4af37 !important; border-color: rgba(212,175,55,.5) !important; }
html[data-theme="theme6"] .avatar-box { background: rgba(212,175,55,.25) !important; color:#d4af37 !important; }
html[data-theme="theme6"] #sidebar { background: #2a1245 !important; }
html[data-theme="theme6"] .side-link { color: #e6d9f7 !important; }
html[data-theme="theme6"] .side-link i { color: #d4af37 !important; }
html[data-theme="theme6"] .side-link:hover { background: rgba(212,175,55,.12) !important; }
html[data-theme="theme6"] .side-divider { background: rgba(212,175,55,.2) !important; }
html[data-theme="theme6"] .side-section-title { color: #d4af37 !important; }
html[data-theme="theme6"] .mobile-nav { background: linear-gradient(90deg,#3a1c5e,#6a3093) !important; border-top: 2px solid #d4af37 !important; }
html[data-theme="theme6"] .mobile-nav a { color: rgba(230,217,247,.6) !important; }
html[data-theme="theme6"] .mobile-nav a.active, html[data-theme="theme6"] .mobile-nav a:hover { color: #d4af37 !important; }
html[data-theme="theme6"] .fab-button { background: linear-gradient(135deg,#d4af37,#6a3093) !important; }
html[data-theme="theme6"] .fab-wrapper { background: #f7f1fb !important; }
html[data-theme="theme6"] button, html[data-theme="theme6"] .btn, html[data-theme="theme6"] a.btn { background: #6a3093 !important; border: 1px solid #d4af37 !important; }
html[data-theme="theme6"] h1, html[data-theme="theme6"] h2, html[data-theme="theme6"] h3 { font-family: 'Georgia', serif !important; color: #3a1c5e; }

/* ============================================================
   THEME 7 — BOLD RETRO/BRUTALIST : পুরু বর্ডার, উজ্জ্বল রং, কোনো গ্রেডিয়েন্ট নেই
   ============================================================ */
html[data-theme="theme7"] * { box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-shadow: none !important; }
html[data-theme="theme7"] body { background: #fff7d6 !important; font-family: 'Arial Black', 'Hind Siliguri', sans-serif !important; }
html[data-theme="theme7"] nav.global-navbar { background: #ff004f !important; border-bottom: 5px solid #111 !important; }
html[data-theme="theme7"] .sidebar-toggle, html[data-theme="theme7"] .logo-link { filter: brightness(0) invert(1); }
html[data-theme="theme7"] .balance-badge-minimal { background: #f7f700 !important; color:#111 !important; border: 3px solid #111 !important; border-radius: 6px !important; }
html[data-theme="theme7"] .avatar-box { background: #f7f700 !important; color:#111 !important; border: 3px solid #111 !important; border-radius: 6px !important; }
html[data-theme="theme7"] #sidebar { background: #fff7d6 !important; border-right: 5px solid #111 !important; }
html[data-theme="theme7"] .side-link { color: #111 !important; border-bottom: 3px solid #111 !important; font-weight: 800 !important; }
html[data-theme="theme7"] .side-link i { color: #ff004f !important; }
html[data-theme="theme7"] .side-link:hover { background: #f7f700 !important; }
html[data-theme="theme7"] .user-dropdown { border: 3px solid #111 !important; border-radius: 6px !important; }
html[data-theme="theme7"] .mobile-nav { background: #f7f700 !important; border-top: 5px solid #111 !important; }
html[data-theme="theme7"] .mobile-nav a { color: #111 !important; }
html[data-theme="theme7"] .mobile-nav a.active { color: #ff004f !important; }
html[data-theme="theme7"] .fab-button { background: #ff004f !important; border: 3px solid #111 !important; border-radius: 6px !important; }
html[data-theme="theme7"] .fab-wrapper { background: #f7f700 !important; border-radius: 6px !important; }
html[data-theme="theme7"] button, html[data-theme="theme7"] .btn, html[data-theme="theme7"] a.btn {
    background: #f7f700 !important; color: #111 !important; border: 3px solid #111 !important; border-radius: 6px !important; font-weight: 800 !important;
}
html[data-theme="theme7"] input, html[data-theme="theme7"] select, html[data-theme="theme7"] textarea {
    border: 3px solid #111 !important; border-radius: 6px !important; background: #fff !important;
}