/**
 * Blog Over Theme - Dark Mode Styles
 * 
 * Dark mode overrides using CSS variables.
 * These rules apply when body has .blog-over-dark-mode class.
 * 
 * Most color changes are handled automatically via CSS variables
 * in color-variables.css. This file contains additional
 * structural/visual adjustments for dark mode.
 * 
 * @package Blog_Over
 */




/*body.blog-over-dark-mode a {
    color: var(--blog-over-text-link);
}

 body.blog-over-dark-mode a:hover {
    color: var(--blog-over-text-link-hover);
} */





/* =========================================
   HEADER & TOP BAR
   ========================================= */






body.blog-over-dark-mode .blog-over-site-branding .site-title a {
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-site-branding .site-description {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-header.is-sticky {
    background-color: var(--blog-over-bg-header);
    box-shadow: var(--blog-over-shadow-lg);
}

/* =========================================
   NAVIGATION MENU
   ========================================= */
body.blog-over-dark-mode .blog-over-menu-link {
    color: var(--blog-over-nav-text);
}

body.blog-over-dark-mode .blog-over-menu-link:hover,
body.blog-over-dark-mode .blog-over-menu-link:focus {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-sub-menu {
    background-color: var(--blog-over-submenu-bg);
    border-color: var(--blog-over-submenu-border);
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link {
    color: var(--blog-over-submenu-text);
}

body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:hover,
body.blog-over-dark-mode .blog-over-sub-menu .blog-over-menu-link:focus {
    background-color: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-dropdown-toggle {
    color: var(--blog-over-nav-text);
}

body.blog-over-dark-mode .blog-over-dropdown-toggle:hover,
body.blog-over-dark-mode .blog-over-dropdown-toggle:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-dropdown-icon {
    border-color: var(--blog-over-nav-text);
}

/* Mobile Menu */
body.blog-over-dark-mode .blog-over-mobile-toggle .bar {
    background-color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-mobile-menu {
    background-color: var(--blog-over-mobile-menu-bg);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-item {
    border-bottom-color: var(--blog-over-mobile-menu-border);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-link {
    color: var(--blog-over-mobile-menu-link);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-menu-link:hover {
    color: var(--blog-over-mobile-menu-link-hover);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.05);
}

body.blog-over-dark-mode .blog-over-mobile-menu .blog-over-sub-menu {
    background-color: rgba(0, 0, 0, 0.2);
}

body.blog-over-dark-mode .blog-over-mobile-close {
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-mobile-close:hover,
body.blog-over-dark-mode .blog-over-mobile-close:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

/* =========================================
   THEME TOGGLE BUTTON
   ========================================= */
body.blog-over-dark-mode .blog-over-theme-toggle {
    background-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-theme-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

body.blog-over-dark-mode .blog-over-theme-toggle i {
    color: #fbbf24;
    /* Sun icon color */
}

/* =========================================
   SOCIAL ICONS - Dark Mode
   ========================================= */

/* Default Style */
body.blog-over-dark-mode .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
    border-color: var(--blog-over-primary, #3b82f6);
}

body.blog-over-dark-mode .blog-over-topbar-social-link i {
    color: inherit;
}

/* Outline Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-outline .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-outline .blog-over-topbar-social-link {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #cbd5e1;
}

body.blog-over-dark-mode.blog-over-social-outline .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-outline .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    border-color: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

/* Filled Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.15);
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link i,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link i {
    color: #e2e8f0;
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
}

body.blog-over-dark-mode.blog-over-social-filled .blog-over-topbar-social-link:hover i,
body.blog-over-dark-mode .blog-over-social-filled .blog-over-topbar-social-link:hover i {
    color: #fff;
}

/* Rounded Style - Dark Mode */
body.blog-over-dark-mode.blog-over-social-rounded .blog-over-topbar-social-link,
body.blog-over-dark-mode .blog-over-social-rounded .blog-over-topbar-social-link {
    background: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode.blog-over-social-rounded .blog-over-topbar-social-link:hover,
body.blog-over-dark-mode .blog-over-social-rounded .blog-over-topbar-social-link:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

/* Search Toggle - Dark Mode */
body.blog-over-dark-mode .blog-over-search-toggle,
body.blog-over-dark-mode .blog-over-theme-toggle {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-search-toggle i,
body.blog-over-dark-mode .blog-over-theme-toggle i {
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-search-toggle:hover,
body.blog-over-dark-mode .blog-over-theme-toggle:hover {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle:hover i,
body.blog-over-dark-mode .blog-over-theme-toggle:hover i {
    color: #fff;
}

/* Search toggle active state (popup open) - Dark Mode */
body.blog-over-dark-mode .blog-over-search-toggle.active {
    background: var(--blog-over-primary, #3b82f6);
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle.active i {
    color: #fff;
}

body.blog-over-dark-mode .blog-over-search-toggle.active:hover {
    background: var(--blog-over-secondary, #1e40af);
}

body.blog-over-dark-mode .blog-over-search-toggle.active:hover i {
    color: #fff;
}

/* Global Icon Hover Visibility - Dark Mode */
body.blog-over-dark-mode button:hover i,
body.blog-over-dark-mode .btn:hover i,
body.blog-over-dark-mode a.btn:hover i,
body.blog-over-dark-mode .button:hover i,
body.blog-over-dark-mode .blog-over-btn:hover i,
body.blog-over-dark-mode .blog-over-search-toggle:hover i,
body.blog-over-dark-mode .blog-over-theme-toggle:hover i,
body.blog-over-dark-mode .blog-over-search-submit:hover i,
body.blog-over-dark-mode .blog-over-scroll-top:hover i,
body.blog-over-dark-mode .blog-over-topbar-social-link:hover i,
body.blog-over-dark-mode .widget button:hover i,
body.blog-over-dark-mode .wp-block-button a:hover i {
    color: #fff !important;
}

body.blog-over-dark-mode .blog-over-search-toggle.active i,
body.blog-over-dark-mode .blog-over-theme-toggle.active i {
    color: #fff !important;
}

/* =========================================
   SEARCH STYLES
   ========================================= */
body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-inline form,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background-color: var(--blog-over-search-modal-bg);
}

body.blog-over-dark-mode .blog-over-search-input {
    background-color: var(--blog-over-search-input-bg);
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .blog-over-search-input:focus {
    background-color: var(--blog-over-search-input-bg);
    border-color: var(--blog-over-border-focus);
}

body.blog-over-dark-mode .blog-over-search-input::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close {
    background-color: var(--blog-over-bg-input);
}

body.blog-over-dark-mode .blog-over-search-close span {
    color: var(--blog-over-text-secondary);
}

body.blog-over-dark-mode .blog-over-search-close:hover {
    background-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-search-close:hover span {
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .blog-over-search-panel-title {
    color: var(--blog-over-text-primary);
}

/* Search Submit Button - Dark Mode */
body.blog-over-dark-mode .blog-over-search-submit,
body.blog-over-dark-mode .blog-over-search-form .blog-over-search-submit,
body.blog-over-dark-mode .search-submit {
    background-color: var(--blog-over-primary, #3b82f6);
    color: #fff !important;
    border: none;
}


body.blog-over-dark-mode .blog-over-search-submit i,
body.blog-over-dark-mode .search-submit i {
    color: #fff !important;
}

/* Sidebar Search Widget - Dark Mode */
body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input,
body.blog-over-dark-mode .widget_search input[type="search"] {
    background-color: var(--blog-over-bg-input, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    color: var(--blog-over-text-primary, #f1f5f9);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field:focus,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input:focus,
body.blog-over-dark-mode .widget_search input[type="search"]:focus {
    border-color: var(--blog-over-border-focus, #3b82f6);
    background-color: var(--blog-over-bg-input, #1e293b);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search .search-field::placeholder,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__input::placeholder {
    color: var(--blog-over-text-muted, #64748b);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search button,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__button {
    background-color: var(--blog-over-primary, #3b82f6);
    color: #fff !important;
}

body.blog-over-dark-mode .blog-over-sidebar .widget_search button:hover,
body.blog-over-dark-mode .blog-over-sidebar .wp-block-search__button:hover {
    background-color: var(--blog-over-primary-hover, #2563eb);
}

/* Searchform in footer/other areas - Dark Mode */
body.blog-over-dark-mode .blog-over-footer .search-field,
body.blog-over-dark-mode .blog-over-footer input[type="search"] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #f1f5f9;
}

body.blog-over-dark-mode .blog-over-footer .search-field:focus {
    border-color: var(--blog-over-primary, #3b82f6);
}

/* =========================================
   CONTENT AREA
   ========================================= */


/* =========================================
   BREADCRUMB
   ========================================= */
body.blog-over-dark-mode .blog-over-breadcrumb-wrapper {
    background: var(--blog-over-breadcrumb-bg);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-breadcrumb-item {
    color: var(--blog-over-breadcrumb-text);
}


body.blog-over-dark-mode .blog-over-breadcrumb-item.current {
    color: var(--blog-over-breadcrumb-current);
}

body.blog-over-dark-mode .blog-over-breadcrumb-separator {
    color: var(--blog-over-breadcrumb-separator);
}

/* =========================================
   PAGE HEADER
   ========================================= */
body.blog-over-dark-mode .blog-over-page-header {
    background-color: var(--blog-over-page-header-bg);
}

body.blog-over-dark-mode .blog-over-page-title {
    color: var(--blog-over-page-header-text);
}

/* =========================================
   POST CARDS
   ========================================= */
body.blog-over-dark-mode .blog-over-post-item,
body.blog-over-dark-mode .blog-over-post-card {
    border-color: var(--blog-over-border-color);
    box-shadow: var(--blog-over-shadow-card);
}

body.blog-over-dark-mode .blog-over-post-item:hover,
body.blog-over-dark-mode .blog-over-post-card:hover {
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-post-title a,
body.blog-over-dark-mode .entry-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-post-title a:hover,
body.blog-over-dark-mode .entry-title a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-post-excerpt,
body.blog-over-dark-mode .entry-summary {
    color: var(--blog-over-card-excerpt);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info i {
    color: var(--blog-over-meta-icon);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-post-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

/* =========================================
   MODERN CARD STYLE
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-card-inner {
    background-color: var(--blog-over-bg-card);
    box-shadow: var(--blog-over-shadow-card);
    transition: all 0.35s ease;
}

body.blog-over-dark-mode .blog-over-modern-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-modern-title a:hover {
    color: var(--blog-over-card-title-hover);
}

body.blog-over-dark-mode .blog-over-modern-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-modern-author a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-modern-excerpt p {
    color: var(--blog-over-card-excerpt);
}

body.blog-over-dark-mode .blog-over-modern-card-inner:hover {
    box-shadow: var(--blog-over-shadow-lg);
    transform: translateY(-2px);
}

/* =========================================
   SINGLE POST CONTENT
   ========================================= */
body.blog-over-dark-mode .entry-content {
    color: var(--blog-over-content-text);
}

body.blog-over-dark-mode .entry-content p,
body.blog-over-dark-mode .entry-content li {
    color: var(--blog-over-content-text);
}

body.blog-over-dark-mode .entry-content h2,
body.blog-over-dark-mode .entry-content h3,
body.blog-over-dark-mode .entry-content h4 {
    color: var(--blog-over-content-heading);
}

body.blog-over-dark-mode .entry-content a {
    color: var(--blog-over-content-link);
}

body.blog-over-dark-mode .entry-content a:hover {
    color: var(--blog-over-content-link-hover);
}

body.blog-over-dark-mode .entry-content blockquote {
    background-color: var(--blog-over-blockquote-bg);
    border-left-color: var(--blog-over-blockquote-border);
    color: var(--blog-over-blockquote-text);
}

body.blog-over-dark-mode .entry-content code,
body.blog-over-dark-mode .entry-content pre {
    background-color: var(--blog-over-bg-code);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .entry-content table th {
    background-color: var(--blog-over-table-header-bg);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .entry-content table td,
body.blog-over-dark-mode .entry-content table th {
    border-color: var(--blog-over-table-border);
}

body.blog-over-dark-mode .entry-content table tr:nth-child(even) {
    background-color: var(--blog-over-table-stripe);
}

/* =========================================
   TAGS & SHARE BUTTONS
   ========================================= */
body.blog-over-dark-mode .blog-over-single-tags a {
    background-color: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
}

body.blog-over-dark-mode .blog-over-single-tags a:hover {
    background-color: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}



/* =========================================
   AUTHOR BOX
   ========================================= */
body.blog-over-dark-mode .blog-over-author-box {
    background-color: var(--blog-over-author-bg);
    border-color: var(--blog-over-author-border);
}

body.blog-over-dark-mode .blog-over-author-name a {
    color: var(--blog-over-author-name);
}

body.blog-over-dark-mode .blog-over-author-name a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-author-bio {
    color: var(--blog-over-author-bio);
}

body.blog-over-dark-mode .blog-over-author-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-author-links a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-author-links a:hover {
    color: var(--blog-over-author-link);
}

/* =========================================
   POST NAVIGATION
   ========================================= */
body.blog-over-dark-mode .blog-over-post-navigation {
    border-color: var(--blog-over-postnav-border);
}

body.blog-over-dark-mode .blog-over-nav-label {
    color: var(--blog-over-postnav-label);
}

body.blog-over-dark-mode .blog-over-nav-title {
    color: var(--blog-over-postnav-title);
}

body.blog-over-dark-mode .blog-over-nav-title:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-nav-next {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-nav-prev:hover,
body.blog-over-dark-mode .blog-over-nav-next:hover {
    background-color: var(--blog-over-bg-input);
}

/* =========================================
   RELATED POSTS - Dark Mode
   ========================================= */
body.blog-over-dark-mode .blog-over-related-posts {
    background-color: var(--blog-over-bg-card, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

/* Section Title - Light color for dark mode */
body.blog-over-dark-mode .blog-over-related-title {
    color: #f1f5f9;
    /* Light color for dark theme */
}

/* Related Item Card */
body.blog-over-dark-mode .blog-over-related-item {
    background-color: var(--blog-over-bg-card, #1e293b);
    border-color: var(--blog-over-border-color, #334155);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-related-item:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* Post Title - Light color for dark mode, primary on hover */
body.blog-over-dark-mode .blog-over-related-post-title,
body.blog-over-dark-mode .blog-over-related-item-title {
    color: #f1f5f9;
    /* Light title for dark theme */
}

body.blog-over-dark-mode .blog-over-related-post-title a,
body.blog-over-dark-mode .blog-over-related-item-title a {
    color: #f1f5f9 !important;
    /* Light title for dark theme */
}

body.blog-over-dark-mode .blog-over-related-post-title a:hover,
body.blog-over-dark-mode .blog-over-related-item-title a:hover {
    color: var(--blog-over-primary, #3b82f6) !important;
    /* Primary color on hover */
}

/* Meta Info - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info,
body.blog-over-dark-mode .blog-over-related-meta {
    color: #94a3b8;
    /* Muted light for dark theme */
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info i,
body.blog-over-dark-mode .blog-over-related-meta i {
    color: #64748b;
    /* Slightly darker muted for icons */
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info a,
body.blog-over-dark-mode .blog-over-related-meta a {
    color: #94a3b8;
}

body.blog-over-dark-mode .blog-over-related-content .blog-over-meta-info a:hover,
body.blog-over-dark-mode .blog-over-related-meta a:hover {
    color: var(--blog-over-primary, #3b82f6);
}

/* Date - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-date {
    color: #94a3b8;
}

/* Excerpt - Muted light color for dark mode */
body.blog-over-dark-mode .blog-over-related-excerpt {
    color: #94a3b8;
}


/* =========================================
   COMMENTS
   ========================================= */
body.blog-over-dark-mode .blog-over-comments-area {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-comments-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-comment {
    background-color: var(--blog-over-comment-bg);
    border-color: var(--blog-over-comment-border);
}

body.blog-over-dark-mode .blog-over-comment-author,
body.blog-over-dark-mode .comment-author .fn {
    color: var(--blog-over-comment-author);
}

body.blog-over-dark-mode .blog-over-comment-author a,
body.blog-over-dark-mode .comment-author .fn a {
    color: var(--blog-over-comment-author);
}

body.blog-over-dark-mode .blog-over-comment-content p,
body.blog-over-dark-mode .comment-content p {
    color: var(--blog-over-comment-text);
}

body.blog-over-dark-mode .blog-over-comment-meta,
body.blog-over-dark-mode .comment-metadata {
    color: var(--blog-over-comment-meta);
}

/* Comments Area Links - Dark Mode */
body.blog-over-dark-mode .comments-area a,
body.blog-over-dark-mode .blog-over-comments-area a {
    color: var(--blog-over-primary);
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comments-area a:hover,
body.blog-over-dark-mode .blog-over-comments-area a:hover {
    /*color: var(--blog-over-secondary);*/
    color: #e9e9e9;
}

/* Comment Reply/Edit Links - Dark Mode */
body.blog-over-dark-mode .comment-reply-link,
body.blog-over-dark-mode .comment-edit-link {
    color: var(--blog-over-primary);
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comment-reply-link:hover,
body.blog-over-dark-mode .comment-edit-link:hover {
    color: var(--blog-over-secondary);
}

/* Comment Author Name - Dark Mode */
body.blog-over-dark-mode .comment-author a {
    color: #f1f5f9;
    transition: color 0.3s ease;
}

body.blog-over-dark-mode .comment-author a:hover {
    color: var(--blog-over-primary);
}

/* Comment Form */
body.blog-over-dark-mode .blog-over-comment-form input[type="text"],
body.blog-over-dark-mode .blog-over-comment-form input[type="email"],
body.blog-over-dark-mode .blog-over-comment-form input[type="url"],
body.blog-over-dark-mode .blog-over-comment-form textarea,
body.blog-over-dark-mode .comment-form input[type="text"],
body.blog-over-dark-mode .comment-form input[type="email"],
body.blog-over-dark-mode .comment-form input[type="url"],
body.blog-over-dark-mode .comment-form textarea {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

body.blog-over-dark-mode .blog-over-comment-form input::placeholder,
body.blog-over-dark-mode .blog-over-comment-form textarea::placeholder,
body.blog-over-dark-mode .comment-form input::placeholder,
body.blog-over-dark-mode .comment-form textarea::placeholder {
    color: var(--blog-over-input-placeholder);
}

body.blog-over-dark-mode .blog-over-comment-form input:focus,
body.blog-over-dark-mode .blog-over-comment-form textarea:focus,
body.blog-over-dark-mode .comment-form input:focus,
body.blog-over-dark-mode .comment-form textarea:focus {
    border-color: var(--blog-over-border-focus);
    background-color: var(--blog-over-bg-input-focus);
}

/* =========================================
   SIDEBAR & WIDGETS
   ========================================= */
body.blog-over-dark-mode .blog-over-sidebar .widget {
    background-color: var(--blog-over-sidebar-widget-bg);
    border-color: var(--blog-over-widget-border);
    color: var(--blog-over-sidebar-text);
}

body.blog-over-dark-mode .widget-title {
    color: var(--blog-over-sidebar-title-color);
}

body.blog-over-dark-mode .widget {
    color: var(--blog-over-widget-text);
}

body.blog-over-dark-mode .widget a {
    color: var(--blog-over-widget-link);
}

body.blog-over-dark-mode .widget a:hover {
    color: var(--blog-over-widget-link-hover);
}

body.blog-over-dark-mode .widget ul li {
    border-bottom-color: var(--blog-over-border-color);
}

/* Widget Search */
body.blog-over-dark-mode .widget .search-field {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

/* Widget Calendar - Dark Mode Comprehensive Styling */
body.blog-over-dark-mode .widget_calendar,
body.blog-over-dark-mode .blog-over-sidebar .widget_calendar {
    background-color: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .widget_calendar table {
    background-color: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar th,
body.blog-over-dark-mode .widget_calendar td {
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-primary);
}

body.blog-over-dark-mode .widget_calendar caption {
    color: var(--blog-over-heading-color);
    background-color: transparent;
}

body.blog-over-dark-mode .widget_calendar thead th {
    color: var(--blog-over-text-muted);
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar tbody td {
    color: var(--blog-over-text-secondary);
    border-bottom-color: var(--blog-over-border-light);
}

body.blog-over-dark-mode .widget_calendar tbody td#today {
    background-color: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
    font-weight: 700;
}

body.blog-over-dark-mode .widget_calendar tbody td a {
    background-color: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .widget_calendar tbody td a:hover {
    background-color: var(--blog-over-secondary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .widget_calendar tfoot {
    background-color: rgba(255, 255, 255, 0.02);
}

body.blog-over-dark-mode .widget_calendar tfoot td {
    border-top-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_calendar tfoot a,
body.blog-over-dark-mode .widget_calendar .wp-calendar-nav a {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .widget_calendar tfoot a:hover,
body.blog-over-dark-mode .widget_calendar .wp-calendar-nav a:hover {
    color: var(--blog-over-secondary);
}

/* Widget Tag Cloud */
body.blog-over-dark-mode .widget_tag_cloud .tagcloud a {
    background-color: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .widget_tag_cloud .tagcloud a:hover {
    background-color: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
    border-color: var(--blog-over-tag-hover-bg);
}

/* =========================================
   FOOTER
   ========================================= */
body.blog-over-dark-mode .blog-over-footer {
    background-color: var(--blog-over-footer-bg);
    color: var(--blog-over-footer-text);
}

body.blog-over-dark-mode .blog-over-footer a {
    color: var(--blog-over-footer-link);
}

body.blog-over-dark-mode .blog-over-footer a:hover {
    color: var(--blog-over-footer-link-hover);
}

body.blog-over-dark-mode .blog-over-footer .widget-title {
    color: var(--blog-over-footer-heading);
}

body.blog-over-dark-mode .blog-over-copyright {
    background-color: rgba(0, 0, 0, 0.3);
    border-top-color: var(--blog-over-footer-border);
}

/* =========================================
   YOU MISSED SECTION
   ========================================= */
body.blog-over-dark-mode .blog-over-missed-wrapper {
    background-color: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-section-heading {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-missed-item {
    background-color: var(--blog-over-bg-card);
    box-shadow: var(--blog-over-shadow-card);
}

body.blog-over-dark-mode .blog-over-missed-item:hover {
    box-shadow: var(--blog-over-shadow-lg);
}

body.blog-over-dark-mode .blog-over-missed-thumb {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-missed-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-missed-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-missed-meta i {
    color: var(--blog-over-meta-icon);
}

body.blog-over-dark-mode .blog-over-missed-meta a {
    color: var(--blog-over-meta-link);
}

body.blog-over-dark-mode .blog-over-missed-meta a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-missed-modern .blog-over-missed-item {
    background-color: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-missed-modern .blog-over-missed-meta {
    color: var(--blog-over-meta-color);
}

/* =========================================
   FEATURED SECTION
   ========================================= */
body.blog-over-dark-mode .blog-over-featured-wrapper {
    background-color: transparent;
}

body.blog-over-dark-mode .blog-over-featured-item,
body.blog-over-dark-mode .blog-over-featured-image-wrapper {
    background-color: var(--blog-over-bg-card) !important;
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-layout-cards .blog-over-featured-content {
    background-color: var(--blog-over-bg-card) !important;
    border-color: var(--blog-over-border-color);
}

/*body.blog-over-dark-mode .blog-over-featured-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-featured-title a:hover {
    color: var(--blog-over-card-title-hover);
}*/

/* =========================================
   ARCHIVE PAGE
   ========================================= */
body.blog-over-dark-mode .blog-over-archive-header {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-archive-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-archive-description {
    color: var(--blog-over-text-secondary);
}

/* =========================================
   PAGINATION
   ========================================= */
body.blog-over-dark-mode .pagination .page-numbers {
    background-color: var(--blog-over-bg-card);
    color: var(--blog-over-text-secondary);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .pagination .page-numbers:hover,
body.blog-over-dark-mode .pagination .page-numbers.current {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   404 & SEARCH RESULTS
   ========================================= */
body.blog-over-dark-mode .error-404,
body.blog-over-dark-mode .no-results {
    color: var(--blog-over-text-secondary);
}

body.blog-over-dark-mode .error-404 h1,
body.blog-over-dark-mode .no-results h1 {
    color: var(--blog-over-heading-color);
}

/* =========================================
   SCROLL TO TOP BUTTON
   ========================================= */
body.blog-over-dark-mode .blog-over-scroll-top {
    background-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-scroll-top:hover {
    background-color: var(--blog-over-secondary);
}

/* =========================================
   FORMS (General)
   ========================================= */
body.blog-over-dark-mode input[type="text"],
body.blog-over-dark-mode input[type="email"],
body.blog-over-dark-mode input[type="url"],
body.blog-over-dark-mode input[type="password"],
body.blog-over-dark-mode input[type="search"],
body.blog-over-dark-mode input[type="number"],
body.blog-over-dark-mode input[type="tel"],
body.blog-over-dark-mode textarea,
body.blog-over-dark-mode select {
    background-color: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

body.blog-over-dark-mode input::placeholder,
body.blog-over-dark-mode textarea::placeholder {
    color: var(--blog-over-input-placeholder);
}

body.blog-over-dark-mode input:focus,
body.blog-over-dark-mode textarea:focus,
body.blog-over-dark-mode select:focus {
    border-color: var(--blog-over-border-focus);
    outline: none;
}

/* =========================================
   SELECTION HIGHLIGHT
   ========================================= */
body.blog-over-dark-mode ::selection {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

body.blog-over-dark-mode ::-moz-selection {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   CATEGORY BADGES
   ========================================= */
body.blog-over-dark-mode .blog-over-category-badge,
body.blog-over-dark-mode .blog-over-post-category a {
    background-color: var(--blog-over-secondary);
    color: #ffffff;
}

body.blog-over-dark-mode .blog-over-category-badge:hover,
body.blog-over-dark-mode .blog-over-post-category a:hover {
    background-color: var(--blog-over-primary);
    color: #ffffff;
}

/* =========================================
   BUTTONS - Smooth Transform Effects
   ========================================= */
body.blog-over-dark-mode .blog-over-modern-readmore,
body.blog-over-dark-mode .blog-over-read-more,
body.blog-over-dark-mode .blog-over-btn,
body.blog-over-dark-mode .button,
body.blog-over-dark-mode button[type="submit"],
body.blog-over-dark-mode input[type="submit"] {
    transition: all 0.3s ease;
}

body.blog-over-dark-mode .blog-over-modern-readmore:hover {
    transform: translateX(4px);
}

body.blog-over-dark-mode .blog-over-modern-category a {
    transition: all 0.3s ease;
}

body.blog-over-dark-mode .blog-over-modern-category a:hover {
    transform: translateY(-2px);
}

/* =========================================
   TRANSITIONS - Smooth theme switching
   ========================================= */
body.blog-over-dark-mode,
body.blog-over-dark-mode * {
    transition: background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.2s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

/* Exclude elements that shouldn't transition colors */
body.blog-over-dark-mode video,
body.blog-over-dark-mode iframe {
    transition: none;
}

/* Keep transform transition for hover effects, but exclude color transitions */
body.blog-over-dark-mode img {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.blog-over-dark-mode .blog-over-post-thumbnail img,
body.blog-over-dark-mode .blog-over-grid-thumbnail img {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
}

/* Restore full transition for interactive elements */
body.blog-over-dark-mode .blog-over-read-more {
    transition: all 0.3s ease;
}

.blog-over-grid-category a:hover {
    color: #f0f0f0;
}

.blog-over-grid-meta .blog-over-meta-info a {
    color: #a8a8a8;
}

.blog-over-grid-meta .blog-over-meta-info a:hover {
    color: var(--blog-over-primary);
}

/* =========================================
   SINGLE POST & CONTENT (Moved from style.css)
   ========================================= */

/* Single Post Dark Mode */
body.blog-over-dark-mode .blog-over-single-post {
    background: var(--blog-over-bg-card);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-single-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-single-content {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-single-content a {
    color: var(--blog-over-primary);
    text-decoration: underline;
}

body.blog-over-dark-mode .blog-over-single-content a:hover {
    color: var(--blog-over-secondary);
}

/* Dark mode buttons inside content: no underline */
body.blog-over-dark-mode .blog-over-single-content a.blog-over-read-more,
body.blog-over-dark-mode .blog-over-single-content a.blog-over-btn,
body.blog-over-dark-mode .blog-over-single-content a.button,
body.blog-over-dark-mode .blog-over-single-content a.blog-over-cat-item,
body.blog-over-dark-mode .blog-over-single-content .blog-over-post-category a,
body.blog-over-dark-mode .blog-over-single-content .blog-over-single-category a,
body.blog-over-dark-mode .blog-over-single-content .blog-over-single-tags a,
body.blog-over-dark-mode .blog-over-single-content .wp-block-button__link {
    text-decoration: none;
}

body.blog-over-dark-mode .blog-over-single-content h2,
body.blog-over-dark-mode .blog-over-single-content h3,
body.blog-over-dark-mode .blog-over-single-content h4 {
    color: var(--blog-over-heading-color);
}

/* Post Meta Dark Mode */
body.blog-over-dark-mode .blog-over-post-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-post-meta a:hover {
    color: var(--blog-over-link-color);
}

/* Excerpt/Summary Dark Mode */
body.blog-over-dark-mode .blog-over-post-excerpt,
body.blog-over-dark-mode .blog-over-post-summary {
    color: var(--blog-over-meta-color);
}

/* Author Box Dark Mode */
body.blog-over-dark-mode .blog-over-author-box {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-author-name {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-author-bio {
    color: var(--blog-over-meta-color);
}

/* Related Posts Dark Mode */
body.blog-over-dark-mode .blog-over-related-posts {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-related-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-related-item-title a {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item-title a:hover {
    color: var(--blog-over-link-color);
}

/* Tags Dark Mode */
body.blog-over-dark-mode .blog-over-tags a,
body.blog-over-dark-mode .blog-over-post-tags a {
    background: var(--blog-over-border-color);
    color: var(--blog-over-text-muted);
    border-color: var(--blog-over-border-dark);
}

body.blog-over-dark-mode .blog-over-tags a:hover,
body.blog-over-dark-mode .blog-over-post-tags a:hover {
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
    border-color: var(--blog-over-primary);
}

/* You Missed Section Dark Mode */
body.blog-over-dark-mode .blog-over-you-missed {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-you-missed-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-missed-item {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-missed-title a {
    color: var(--blog-over-card-title);
}

body.blog-over-dark-mode .blog-over-missed-title a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-missed-meta a:hover {
    color: var(--blog-over-primary);
}

/* Modern Blog Layout Dark Mode */
body.blog-over-dark-mode .blog-over-modern-card {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-modern-title a {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-modern-title a:hover {
    color: var(--blog-over-link-color);
}

body.blog-over-dark-mode .blog-over-modern-content {
    color: var(--blog-over-meta-color);
}

/* Hero Section Dark Mode */
body.blog-over-dark-mode .blog-over-hero-wrapper {
    background: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-hero-content {
    background: linear-gradient(to top, rgba(15, 23, 42, 0.95), transparent);
}

/* Featured Links Dark Mode */
body.blog-over-dark-mode .blog-over-featured-links {
    background: var(--blog-over-bg-body);
}

/* Ticker Dark Mode */
body.blog-over-dark-mode .blog-over-ticker {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-ticker-label {
    background: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-ticker-content a {
    color: var(--blog-over-text-muted);
}

/* Footer Dark Mode */
body.blog-over-dark-mode .blog-over-footer {
    background-color: var(--blog-over-bg-body);
}

body.blog-over-dark-mode .blog-over-copyright {
    background-color: var(--blog-over-footer-copyright-bg);
}

/* Page Content Dark Mode */
body.blog-over-dark-mode .blog-over-page-content {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-page-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-page-body {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-page-footer {
    border-top-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-page-links {
    background: var(--blog-over-bg-body);
}

/* Page Header Dark Mode */
body.blog-over-dark-mode .blog-over-page-header {
    background-color: var(--blog-over-page-header-bg-dark);
}

/* Archive Dark Mode */
body.blog-over-dark-mode .blog-over-archive-header {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-archive-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-post-item {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-post-title a {
    color: var(--blog-over-heading-color);
}

/* Single Meta Dark Mode */
body.blog-over-dark-mode .blog-over-single-meta {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-meta .blog-over-meta-date a,
body.blog-over-dark-mode .blog-over-single-meta .blog-over-meta-comments a {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-meta a:hover {
    color: var(--blog-over-primary);
}

/* Single Tags Dark Mode */
body.blog-over-dark-mode .blog-over-single-tags {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-single-tags .tags-label {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-single-tags a {
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
}

body.blog-over-dark-mode .blog-over-single-tags a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
}

/* Share Buttons Dark Mode */
body.blog-over-dark-mode .blog-over-share-buttons {
    border-color: var(--blog-over-border-color);
    background: #111827;
}

body.blog-over-dark-mode .blog-over-share-buttons .share-label {
    color: var(--blog-over-meta-color);
}

/* Post Navigation Dark Mode */
body.blog-over-dark-mode .post-navigation {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .post-navigation .nav-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-related-item .blog-over-related-date {
    color: var(--blog-over-meta-color);
}

/* Comments Area Dark Mode */
body.blog-over-dark-mode .comments-area {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .comment {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comments-title {
    border-bottom-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .comments-title,
body.blog-over-dark-mode .comment-reply-title {
    color: var(--blog-over-heading-color);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-list li {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-author {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-text {
    color: var(--blog-over-text-body);
}

/*body.blog-over-dark-mode .comment-respond {
    background: var(--blog-over-bg-body);
}*/

body.blog-over-dark-mode .comment-form label {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-form input,
body.blog-over-dark-mode .comment-form textarea {
    background: var(--blog-over-bg-input);
    border-color: var(--blog-over-border-color);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .comment-form input::placeholder,
body.blog-over-dark-mode .comment-form textarea::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .comment-body,
body.blog-over-dark-mode .blog-over-comment-body {
    background: var(--blog-over-bg-body);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .comment-author .fn,
body.blog-over-dark-mode .blog-over-comment-author .fn {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .comment-content,
body.blog-over-dark-mode .blog-over-comment-content {
    color: var(--blog-over-text-body);
}

/* Fix 3 Dark Mode: Underline links inside comment content */
body.blog-over-dark-mode .comment-content a,
body.blog-over-dark-mode .blog-over-comment-content a,
body.blog-over-dark-mode .blog-over-comment-text a {
    text-decoration: underline;
}

body.blog-over-dark-mode .comment-reply-link {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .comment-reply-link:hover {
    color: var(--blog-over-secondary);
}

body.blog-over-dark-mode .comment-author img {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-comment-date {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .blog-over-comment-text {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-comment-avatar img {
    border-color: var(--blog-over-border-color);
}

/* Box Style Dark Mode */
body.blog-over-dark-mode .blog-over-box-style,
body.blog-over-dark-mode .blog-over-author-box,
body.blog-over-dark-mode .post-navigation,
body.blog-over-dark-mode #comments,
body.blog-over-dark-mode .blog-over-related-posts {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
    box-shadow: var(--blog-over-shadow-card);
}

/* Post Navigation Links Dark Mode */
body.blog-over-dark-mode .post-navigation .nav-links a,
body.blog-over-dark-mode .post-navigation .nav-previous,
body.blog-over-dark-mode .post-navigation .nav-next {
    color: var(--blog-over-text-body);
}

/* Author Box Styles Dark Mode */
body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-glassmorphism {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature::before {
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.2) 0%, transparent 100%);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-signature .blog-over-author-avatar::after {
    background: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-floating {
    background: var(--blog-over-bg-card);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-author-box.blog-over-author-style-floating .blog-over-author-name {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-author-avatar img {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-author-posts-count {
    background: rgba(59, 130, 246, 0.2);
    color: var(--blog-over-meta-color);
}

/* Post Navigation Styles Dark Mode */
body.blog-over-dark-mode .blog-over-postnav-gradient .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-postnav-gradient .blog-over-nav-next {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
}

body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-next {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(255, 255, 255, 0.08);
}

body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-prev:hover,
body.blog-over-dark-mode .blog-over-postnav-glassmorphism .blog-over-nav-next:hover {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

body.blog-over-dark-mode .blog-over-nav-prev,
body.blog-over-dark-mode .blog-over-nav-next {
    background: var(--blog-over-bg-card);
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-nav-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-postnav-minimal {
    border-color: var(--blog-over-border-color);
}

/* WordPress Blocks Dark Mode */
body.blog-over-dark-mode .wp-caption-text,
body.blog-over-dark-mode .gallery-caption {
    color: var(--blog-over-meta-color);
}

body.blog-over-dark-mode .wp-block-code,
body.blog-over-dark-mode .wp-block-preformatted {
    background: var(--blog-over-bg-body);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .wp-block-table th,
body.blog-over-dark-mode .wp-block-table td {
    border-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .wp-block-table th {
    background: var(--blog-over-bg-body);
}

/* =========================================
   SIDEBAR & WIDGETS (Moved from style.css)
   ========================================= */

body.blog-over-dark-mode .blog-over-widget-style-modern .blog-over-sidebar .widget {
    border-left-color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-widget-title-background .blog-over-sidebar .widget-title {
    background: var(--blog-over-primary);
    color: var(--blog-over-text-inverse);
}

body.blog-over-dark-mode .blog-over-widget-title-underline .blog-over-sidebar .widget-title {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li {
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li a {
    color: var(--blog-over-widget-link);
}

body.blog-over-dark-mode .blog-over-sidebar .widget ul li a:hover {
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .blog-over-sidebar .widget .tagcloud a,
body.blog-over-dark-mode .blog-over-sidebar .widget.widget_tag_cloud a {
    background: var(--blog-over-tag-bg);
    color: var(--blog-over-tag-text);
    border-color: var(--blog-over-border-dark);
}

body.blog-over-dark-mode .blog-over-sidebar .widget .tagcloud a:hover,
body.blog-over-dark-mode .blog-over-sidebar .widget.widget_tag_cloud a:hover {
    background: var(--blog-over-tag-hover-bg);
    color: var(--blog-over-tag-hover-text);
    border-color: var(--blog-over-tag-hover-bg);
}

/* Dark Mode Calendar */
body.blog-over-dark-mode .blog-over-sidebar .widget_calendar caption {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar thead th {
    color: var(--blog-over-meta-color);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar tbody td {
    color: var(--blog-over-widget-text);
    border-bottom-color: var(--blog-over-border-color);
}

body.blog-over-dark-mode .blog-over-sidebar .widget_calendar tbody td#today {
    background: var(--blog-over-bg-input);
    color: var(--blog-over-primary);
}

body.blog-over-dark-mode .entry-title a {
    color: var(--blog-over-heading-color);
}

/* Form Inputs Dark Mode */
body.blog-over-dark-mode input[type="text"],
body.blog-over-dark-mode input[type="email"],
body.blog-over-dark-mode input[type="search"],
body.blog-over-dark-mode textarea {
    background: var(--blog-over-input-bg);
    border-color: var(--blog-over-input-border);
    color: var(--blog-over-input-text);
}

/* =========================================
   SEARCH MODAL/PANEL (Moved from style.css)
   ========================================= */

body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-inline form,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-search-inline::before {
    background: #253347;
    border-top-color: rgba(255,255,255,0.15);
    border-left-color: rgba(255,255,255,0.15);
}

body.blog-over-dark-mode .blog-over-search-inline form {
    background: #253347;
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5),
                0 2px 10px rgba(0, 0, 0, 0.3);
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input {
    background: #0f172a;
    border-color: rgba(255,255,255,0.1);
    color: #e2e8f0;
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input::placeholder {
    color: #64748b;
}

body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-input:focus {
    background: #0f172a;
    border-color: var(--blog-over-primary, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

body.blog-over-dark-mode .blog-over-search-modal-content,
body.blog-over-dark-mode .blog-over-search-panel-inner {
    background: var(--blog-over-bg-card);
}

body.blog-over-dark-mode .blog-over-search-input::placeholder {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-close:hover {
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-search-panel-title {
    color: var(--blog-over-heading-color);
}

body.blog-over-dark-mode .blog-over-search-modal .blog-over-search-close,
body.blog-over-dark-mode .blog-over-search-panel .blog-over-search-close,
body.blog-over-dark-mode .blog-over-search-inline .blog-over-search-close {
    color: var(--blog-over-text-muted);
}

body.blog-over-dark-mode .blog-over-search-modal .blog-over-search-close:hover,
body.blog-over-dark-mode .blog-over-search-panel .blog-over-search-close:hover {
    color: var(--blog-over-text-body);
}

/* Additional Sidebar Styles */
body.blog-over-dark-mode .blog-over-post-card,
body.blog-over-dark-mode .blog-over-sidebar .widget {
    background: var(--blog-over-bg-card);
    color: var(--blog-over-text-body);
}

body.blog-over-dark-mode .blog-over-sidebar .widget-title {
    color: var(--blog-over-widget-title-color);
}

body.blog-over-dark-mode .blog-over-widget-style-bordered .blog-over-sidebar .widget {
    border-color: var(--blog-over-widget-border);
}