/**
 * UVU Review Theme - Dark Mode Styles
 *
 * Loaded conditionally when dark mode is enabled
 *
 * @package UVU_Review
 * @since 1.0.0
 */

/* Dark Mode Variables Override */
[data-theme="dark"] {
    --theme-light-bg: #121211;
    --theme-light-text: rgba(255, 255, 255, 0.75);
    --theme-light-header: #fff;
}

/* Swiper Pagination (Carousels) */
[data-theme="dark"] .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #fff);
}

[data-theme="dark"] .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, #275d38);
}

/* Swiper Slide Overlay */
[data-theme="dark"] .swiper-slide-has-overlay .swiper-slide-image::before {
    background: rgba(0, 0, 0, 0.4);
}

/* Entry Meta */
/* [data-theme="dark"] .entry-meta-top a:hover,
[data-theme="dark"] .entry-meta-top a:focus {
    color: #fff;
}

[data-theme="dark"] .entry-meta-top a {
    color: #fff;
} */

[data-theme="dark"] .entry-meta .entry-meta-date a {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .entry-meta .entry-meta-date a:hover {
    color: rgba(255, 255, 255, 0.7);
}

/* Sticky Article Navigation */
[data-theme="dark"] .sticky-article-navigation .sticky-article-link .theme-article-post .entry-details h3 {
    color: #fff;
}

[data-theme="dark"] .sticky-article-navigation .sticky-article-link .theme-article-post .entry-details h3:hover {
    color: #00843d;
}

/* Header Ticker Bar */
[data-theme="dark"] .header-ticker-bar {
    background-color: #1e1e1e;
}

[data-theme="dark"] .header-ticker-bar .ticker-news-title,
[data-theme="dark"] .site .entry-meta-categories .category-has-background,
[data-theme="dark"] .entry-meta-top a {
    color: #fff;
}

/* WP Discuz Comments */
[data-theme="dark"] #wpdcom .ql-container {
    background: none;
}

/* Share Buttons */
[data-theme="dark"] .pk-share-buttons-wrap {
    --pk-share-link-background: #1e1e1e;
    --pk-share-link-color: #fff;
}

/* Instagram Feed */
[data-theme="dark"] .FeedHeader__bio.FeedHeader__subtext.FeedHeader__info-row span {
    color: #ccc !important;
}

[data-theme="dark"] .FeedHeader__username a {
    color: #fff !important;
}

[data-theme="dark"] .FeedHeader__centered-style .FeedHeader__counter-list {
    color: #fff;
}

/* YouTube Embeds */
[data-theme="dark"] .is-provider-youtube .wp-block-embed__wrapper iframe {
    border-radius: 12px;
}

/* Embedded Content */
[data-theme="dark"] .wp-embed-responsive .wp-has-aspect-ratio iframe {
    border-radius: var(--theme-border-radius);
}
