/**
 * TechDoot Dark Mode Stylesheet & Smooth Transitions
 */

html.dark-mode,
html[data-theme="dark"] {
    color-scheme: dark;
}

/* Floating Share Bar on Desktop */
.td-floating-share {
    position: fixed;
    top: 35%;
    left: 20px;
    z-index: 99;
    padding: 10px;
    border-radius: 30px;
    box-shadow: var(--td-shadow-md);
    background: var(--td-surface);
}

@media (max-width: 1200px) {
    .td-floating-share {
        display: none !important;
    }
}

/* Reading Progress Bar */
.td-reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, var(--td-primary), var(--td-accent));
    z-index: 99999;
    transition: width 0.1s linear;
}

/* Smooth Transitions when switching themes */
body, .site-header, .site-footer, .td-card, .td-author-box, .td-toc-box {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Invert dark mode toggle icons */
.dark-mode #td-theme-toggle .td-toggle-icon {
    content: "☀️";
}