/* =====================================================
   LOGO DARK MODE FIX
   Apne style.css ke end mein ya MasterPage ke <style>
   tag mein paste karo — kuch aur touch nahi hoga
   ===================================================== */

/* 1. Logo wrapper — koi bhi hardcoded background aur padding nahi */
.logo {
    background-color: transparent !important;
    padding: 0 !important;
}

/* 2. Logo image — light mode mein normal dikhega */
.logo img {
    width: 230px;
    height: auto;
    display: block;
    transition: filter 0.3s ease;  /* smooth transform */
    filter: none;
}

/* 3. Dark mode mein logo pure white ho jaaye */
/*    filter: brightness(0) invert(1)
      brightness(0) = image bilkul black kar do
      invert(1)     = black ko white karo
      Result        = original logo ka white silhouette */
[data-theme="dark"] .logo img {
    filter: brightness(0) invert(1);
}