/* ============================================================
   Dark mode + theme toggle button.
   Loaded on every public page after mainstyle15.css.
   Toggle button base styles apply always; the rest is scoped
   to html[data-theme="dark"] which JS sets from localStorage.
   ============================================================ */

/* ---- toggle button in the top bar (mirrors .MainMenuBarSearch) ---- */
.MainMenuBarTheme{float:right;height:100%;line-height:75px;padding:0 10px;font-size:22px;color:#c7c7c7;cursor:pointer;-webkit-user-select:none;user-select:none}
.MainMenuBarTheme:hover{background:#f7f7f7;color:#8bc349}

/* ============================================================
   DARK THEME
   ============================================================ */

/* base page + top bar */
html[data-theme="dark"] body{background:#121212;color:#d5d5d5}
html[data-theme="dark"] .Buner{background:#1b1b1d;border-bottom:1px solid #2c2c2e}
html[data-theme="dark"] .LogoBuner h1#LogoName,
html[data-theme="dark"] .LogoBuner p#LogoName{color:#e8e8e8}
html[data-theme="dark"] .MainMenuBarLeft,
html[data-theme="dark"] .MainMenuBarRight,
html[data-theme="dark"] .MainMenuBarSearch,
html[data-theme="dark"] .MainMenuBarTheme{color:#9a9a9a}
html[data-theme="dark"] .MainMenuBarLeft:hover,
html[data-theme="dark"] .MainMenuBarRight:hover,
html[data-theme="dark"] .MainMenuBarSearch:hover,
html[data-theme="dark"] .MainMenuBarTheme:hover{background:#2a2a2a;color:#8bc349}

/* nav dropdown / search panels */
html[data-theme="dark"] .nav_menu .MenuContentLeft,
html[data-theme="dark"] .nav_menu .MenuContentRight{background:#1e1e1e;border-color:#2c2c2e}
html[data-theme="dark"] .nav_menu .SearchContent{background:#242424}
html[data-theme="dark"] .searchfield{background:#2a2a2a;color:#e0e0e0;border-color:#3a3a3a;box-shadow:none}
html[data-theme="dark"] .nav_menu .MenuContentLeft .DeptName a{background:#242424;color:#cfcfcf;border-color:#2c2c2e}
html[data-theme="dark"] .nav_menu .MenuContentLeft .DeptName a:hover{background:#2f2f2f;color:#8bc349}

/* generic surfaces (cards, article, footer, modal) */
html[data-theme="dark"] .Style1Cont,
html[data-theme="dark"] .Style3Cont,
html[data-theme="dark"] .Style5Cont,
html[data-theme="dark"] .Style2Cont .AppCont,
html[data-theme="dark"] .StlyeSocial,
html[data-theme="dark"] .StyleTags,
html[data-theme="dark"] .StyleSocialCode,
html[data-theme="dark"] .MenuDeveloper .Item,
html[data-theme="dark"] .MenuBar,
html[data-theme="dark"] .ArticleLand,
html[data-theme="dark"] .ConstantLand,
html[data-theme="dark"] footer.WebF,
html[data-theme="dark"] .modal-content{background-color:#1e1e1e;box-shadow:1px 1px 2px #000}
html[data-theme="dark"] footer.WebF{border-top:1px solid #2c2c2e}

/* card text */
html[data-theme="dark"] .Style1Cont h2,html[data-theme="dark"] .Style1Cont h3,html[data-theme="dark"] .Style1Cont a,
html[data-theme="dark"] .Style2Cont h2,html[data-theme="dark"] .Style2Cont h4,html[data-theme="dark"] .Style2Cont h5,
html[data-theme="dark"] .Style3Cont h3,html[data-theme="dark"] .Style3Cont a,
html[data-theme="dark"] .Style5Cont h2,html[data-theme="dark"] .Style5Cont h3,html[data-theme="dark"] .Style5Cont a,
html[data-theme="dark"] .MenuDeveloper .Item a{color:#cfcfcf}
html[data-theme="dark"] .Style1Cont article,
html[data-theme="dark"] .Style3Cont article,
html[data-theme="dark"] .Style5Cont article{border-bottom:1px solid #2c2c2e}

/* breadcrumb */
html[data-theme="dark"] .MenuBar ul,
html[data-theme="dark"] .MenuBar ul li a{color:#9a9a9a}

/* app detail page (.ArticleLand) */
html[data-theme="dark"] .ArticleLand h2.InfoBar,
html[data-theme="dark"] .ArticleLand h3.InfoBar{background:#242424;color:#dcdcdc}
html[data-theme="dark"] .ArticleLand .DataInfoTop{border-bottom:1px solid #2c2c2e}
html[data-theme="dark"] .ArticleLand .DataInfoTop table td h2,
html[data-theme="dark"] .ArticleLand .DataInfoTop table td p{color:#dcdcdc}
html[data-theme="dark"] .ArticleLand .ShortDes{color:#cfcfcf}
html[data-theme="dark"] .ArticleLand .AppInfo ul{color:#cfcfcf}
html[data-theme="dark"] .ArticleLand .AppInfo ul li{border-bottom:1px solid #2c2c2e}
html[data-theme="dark"] .ArticleLand .Description article.Content,
html[data-theme="dark"] .ArticleLand .WhatsNew div.ContentWhatnew{color:#cfcfcf}
html[data-theme="dark"] .ArticleLand .Description article.Content a{color:#6fb0f0}
html[data-theme="dark"] .ArticleLand .Description article.Content a:hover{color:#9cc9ff}
/* "show more" fade gradients were white — repaint for dark surface */
html[data-theme="dark"] .ArticleLand .Description div.ShowMore .Shadow,
html[data-theme="dark"] .ArticleLand .WhatsNew .ContentWhatnew div.ShowMore .Shadow{background-image:linear-gradient(to top,rgba(30,30,30,1) 0%,rgba(30,30,30,0) 95%)}
html[data-theme="dark"] .ArticleLand .Tags div.ContentTags a{color:#cfcfcf}

/* tags widget */
html[data-theme="dark"] .StyleTags{color:#cfcfcf}
html[data-theme="dark"] .StyleTags a.Tags{background:#2a2a2a;color:#dcdcdc}

/* comments block */
html[data-theme="dark"] .ArticleLand .app{background-color:#1e1e1e;border-color:#2c2c2e #2c2c2e #262626}
html[data-theme="dark"] .ArticleLand .comment-section{background-color:#181818}
html[data-theme="dark"] .ArticleLand .creator div p:first-of-type,
html[data-theme="dark"] .ArticleLand .single-comment .single-container span:first-of-type{color:#6fb0f0}
html[data-theme="dark"] .ArticleLand .single-comment:first-of-type{border-top:1px solid #2c2c2e}
html[data-theme="dark"] .ArticleLand .cmt-rating-score{color:#f0f0f0}
html[data-theme="dark"] .ArticleLand .cmt-rating-l{border-right:1px solid #2c2c2e}

/* pagination */
html[data-theme="dark"] .PagesPar ul li a{background:#242424;color:#8bc349}
html[data-theme="dark"] .PagesPar ul li a:hover{background:#60a839;color:#fff}

/* static pages + forms (.ConstantLand) */
html[data-theme="dark"] .ConstantLand h2{color:#e0e0e0}
html[data-theme="dark"] .ConstantLand article{color:#cfcfcf}
html[data-theme="dark"] .ConstantLand #ApplicationDiv .FeildTitle,
html[data-theme="dark"] .ConstantLand #ApplicationDiv .FeildTitleCode{background:#26311f;color:#cfcfcf}

/* form controls inside main content */
html[data-theme="dark"] .LeftSection input[type=text],
html[data-theme="dark"] .LeftSection input[type=email],
html[data-theme="dark"] .LeftSection input[type=url],
html[data-theme="dark"] .LeftSection textarea,
html[data-theme="dark"] input.Input,
html[data-theme="dark"] textarea.Input,
html[data-theme="dark"] .divinput{background:#2a2a2a;color:#e0e0e0;border-color:#3a3a3a}

/* modal chrome */
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer{border-color:#2c2c2e}
html[data-theme="dark"] .close{color:#e8e8e8;text-shadow:none}
html[data-theme="dark"] .close:focus,html[data-theme="dark"] .close:hover{color:#fff}
html[data-theme="dark"] .bttn-default{background-color:#2a2a2a;color:#ddd;border-color:#444}

/* signing-certificate block (app.php inline styles) */
html[data-theme="dark"] .CertHash{background:#242424;border-color:#2c2c2e;color:#d5d5d5}

/* search/category toolbar (inline styles in search.php/category.php) */
html[data-theme="dark"] .SearchTools{background:#1e1e1e;border-color:#2c2c2e}
html[data-theme="dark"] .SearchTools label{color:#9a9a9a}
html[data-theme="dark"] .SearchTools select,
html[data-theme="dark"] .SearchTools .SortDir{background:#2a2a2a;color:#e0e0e0;border-color:#3a3a3a}
html[data-theme="dark"] .SearchTools .SortDir:hover{background:#333}

/* comment moderation flash reused on site? keep readable */
html[data-theme="dark"] .flash{filter:none}