/**
 * Cyber Canvas Light & Dark — Prime Slider (BdThemes) Dark Mode
 *
 * Covers all major Prime Slider widgets: General, Blog, Storinto,
 * Dragon, Flogia, Isolate, Mercury, Pacific, Rubix, Vertex,
 * WooCommerce sliders, social links, navigation, and overlays.
 *
 * @package CyberCanvas\LightDark
 */

/* ============================================================
   1. GLOBAL SLIDER WRAPPERS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider,
[data-theme="dark"] .bdt-prime-slider-skin-blog,
[data-theme="dark"] .bdt-prime-slider-skin-general {
	color: var(--cc-text);
}

/* ============================================================
   2. SLIDE CONTENT / TEXT
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-title a,
[data-theme="dark"] .bdt-prime-slider .bdt-title {
	color: var(--cc-heading);
}

[data-theme="dark"] .bdt-prime-slider .bdt-blog-text,
[data-theme="dark"] .bdt-prime-slider .bdt-slider-excerpt,
[data-theme="dark"] .bdt-prime-slider .bdt-desc {
	color: var(--cc-text);
}

[data-theme="dark"] .bdt-prime-slider .bdt-sub-title,
[data-theme="dark"] .bdt-prime-slider .bdt-prime-slider-category {
	color: var(--cc-secondary);
}

/* Meta */
[data-theme="dark"] .bdt-prime-slider .bdt-prime-slider-meta,
[data-theme="dark"] .bdt-prime-slider .bdt-blog-meta,
[data-theme="dark"] .bdt-prime-slider .bdt-slider-date,
[data-theme="dark"] .bdt-prime-slider .bdt-slider-author {
	color: var(--cc-secondary);
}

[data-theme="dark"] .bdt-prime-slider .bdt-prime-slider-meta a {
	color: var(--cc-primary);
}

/* ============================================================
   3. NAVIGATION — ARROWS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-navigation-arrows .bdt-nav-btn,
[data-theme="dark"] .bdt-prime-slider .bdt-slidenav {
	background-color: var(--cc-surface);
	color: var(--cc-text);
	border-color: var(--cc-border);
}

[data-theme="dark"] .bdt-prime-slider .bdt-navigation-arrows .bdt-nav-btn:hover,
[data-theme="dark"] .bdt-prime-slider .bdt-slidenav:hover {
	background-color: var(--cc-primary);
	color: #fff;
}

/* ============================================================
   4. NAVIGATION — DOTS / PAGINATION
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-dotnav li a,
[data-theme="dark"] .bdt-prime-slider .bdt-ps-dotnav li a {
	background-color: var(--cc-border);
}

[data-theme="dark"] .bdt-prime-slider .bdt-dotnav li.bdt-active a,
[data-theme="dark"] .bdt-prime-slider .bdt-ps-dotnav li.bdt-active a {
	background-color: var(--cc-primary);
}

/* ============================================================
   5. THUMBS / THUMBNAILS NAV
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-thumb-wrapper,
[data-theme="dark"] .bdt-prime-slider .bdt-thumbnav {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .bdt-prime-slider .bdt-thumb-wrapper .bdt-thumb-content {
	color: var(--cc-text);
}

[data-theme="dark"] .bdt-prime-slider .bdt-thumb-wrapper .bdt-thumb-title {
	color: var(--cc-heading);
}

/* ============================================================
   6. OVERLAYS / BACKGROUNDS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-overlay-gradient,
[data-theme="dark"] .bdt-prime-slider .bdt-slideshow-content-wrapper::before {
	background: linear-gradient(
		to right,
		rgba(var(--cc-bg-rgb, 18, 18, 18), 0.95) 0%,
		rgba(var(--cc-bg-rgb, 18, 18, 18), 0.6) 50%,
		transparent 100%
	);
}

/* ============================================================
   7. BUTTONS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-slide-btn,
[data-theme="dark"] .bdt-prime-slider .bdt-button-wrapper a {
	background-color: var(--cc-primary);
	color: #fff;
	border-color: var(--cc-primary);
}

[data-theme="dark"] .bdt-prime-slider .bdt-slide-btn:hover {
	background-color: transparent;
	color: var(--cc-primary);
}

/* ============================================================
   8. SOCIAL LINKS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-social-share a,
[data-theme="dark"] .bdt-prime-slider .bdt-ps-social-icon a {
	color: var(--cc-text);
	border-color: var(--cc-border);
}

[data-theme="dark"] .bdt-prime-slider .bdt-social-share a:hover {
	color: var(--cc-primary);
}

/* ============================================================
   9. SCROLL DOWN INDICATOR
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-scroll-down,
[data-theme="dark"] .bdt-prime-slider .bdt-scroll-indicator {
	color: var(--cc-text);
	border-color: var(--cc-border);
}

/* ============================================================
   10. SKIN — BLOG
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider-skin-blog .bdt-slider-item-content {
	background-color: var(--cc-surface);
	color: var(--cc-text);
}

/* ============================================================
   11. SKIN — DRAGON
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider-dragon .bdt-content {
	color: var(--cc-text);
}

[data-theme="dark"] .bdt-prime-slider-dragon .bdt-content .bdt-title {
	color: var(--cc-heading);
}

/* ============================================================
   12. SKIN — STORINTO
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider-storinto .bdt-content-area {
	background-color: var(--cc-surface);
	color: var(--cc-text);
}

/* ============================================================
   13. SKIN — ISOLATE
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider-isolate .bdt-content-wrapper {
	color: var(--cc-text);
}

[data-theme="dark"] .bdt-prime-slider-isolate .bdt-slide-counter {
	color: var(--cc-secondary);
}

/* ============================================================
   14. WOOCOMMERCE SLIDER SKINS
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider-woolamp .bdt-content,
[data-theme="dark"] .bdt-prime-slider-woocommerce .bdt-content,
[data-theme="dark"] .bdt-prime-slider-woocircle .bdt-content {
	background-color: var(--cc-surface);
	color: var(--cc-text);
}

[data-theme="dark"] .bdt-prime-slider-woolamp .bdt-price,
[data-theme="dark"] .bdt-prime-slider-woocommerce .bdt-price,
[data-theme="dark"] .bdt-prime-slider-woocircle .bdt-price {
	color: var(--cc-heading);
}

/* ============================================================
   15. COUNTER / SLIDE NUMBER
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-slide-counter,
[data-theme="dark"] .bdt-prime-slider .bdt-total-count,
[data-theme="dark"] .bdt-prime-slider .bdt-current-count {
	color: var(--cc-secondary);
}

/* ============================================================
   16. LIGHTBOX / MODAL
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-lightbox-content {
	background-color: var(--cc-bg);
	color: var(--cc-text);
}

/* ============================================================
   17. PROGRESS BAR / TIMER
   ============================================================ */
[data-theme="dark"] .bdt-prime-slider .bdt-slideshow-progressbar {
	background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .bdt-prime-slider .bdt-slideshow-progressbar span {
	background-color: var(--cc-primary);
}