/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/dark-mode.scss ***!
  \******************************************************************************************************************/
@charset "UTF-8";
/* ============================================================
   SUITEPRESS — DARK MODE OVERRIDES
   Applied via [data-theme="dark"] (JS toggle) AND
   @media (prefers-color-scheme: dark) (OS default)
   ============================================================ */
[data-theme=dark] :root {
  --color-bg-base: #0f1117;
  --color-bg-subtle: #161b22;
  --color-bg-elevated: #1c2333;
  --color-bg-overlay: rgba(0, 0, 0, 0.75);
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #94a3b8;
  --color-text-disabled: #475569;
  --color-text-inverse: #0f1117;
  --color-border-default: #2a3547;
  --color-border-subtle: #1e2a3a;
  --color-border-strong: #3d4f6b;
  --color-primary-400: #e89b7e;
  --color-primary-500: #e08a69;
  --color-primary-600: #d97757;
  --color-primary-50: rgba(217, 119, 87, 0.1);
  --color-primary-100: rgba(217, 119, 87, 0.16);
  --color-primary-200: rgba(217, 119, 87, 0.24);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 16px 56px rgba(0, 0, 0, 0.55);
  --shadow-2xl: 0 32px 80px rgba(0, 0, 0, 0.6);
  --color-gray-50: #1e2533;
  --color-gray-100: #252d3d;
  --color-gray-200: #2e3a4e;
  --color-gray-300: #3d4f6b;
  --color-gray-400: #556887;
  --color-gray-500: #7089a8;
  --color-gray-600: #9ab0c9;
  --color-gray-700: #c0cedf;
  --color-gray-800: #d9e2ed;
  --color-gray-900: #edf1f7;
  --color-gray-950: #f5f8fc;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-base: #0f1117;
    --color-bg-subtle: #161b22;
    --color-bg-elevated: #1c2333;
    --color-bg-overlay: rgba(0, 0, 0, 0.75);
    --color-text-primary: #f1f5f9;
    --color-text-secondary: #cbd5e1;
    --color-text-muted: #94a3b8;
    --color-text-disabled: #475569;
    --color-text-inverse: #0f1117;
    --color-border-default: #2a3547;
    --color-border-subtle: #1e2a3a;
    --color-border-strong: #3d4f6b;
    --color-primary-400: #e89b7e;
    --color-primary-500: #e08a69;
    --color-primary-600: #d97757;
    --color-primary-50: rgba(217, 119, 87, 0.1);
    --color-primary-100: rgba(217, 119, 87, 0.16);
    --color-primary-200: rgba(217, 119, 87, 0.24);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 16px 56px rgba(0, 0, 0, 0.55);
    --shadow-2xl: 0 32px 80px rgba(0, 0, 0, 0.6);
    --color-gray-50: #1e2533;
    --color-gray-100: #252d3d;
    --color-gray-200: #2e3a4e;
    --color-gray-300: #3d4f6b;
    --color-gray-400: #556887;
    --color-gray-500: #7089a8;
    --color-gray-600: #9ab0c9;
    --color-gray-700: #c0cedf;
    --color-gray-800: #d9e2ed;
    --color-gray-900: #edf1f7;
    --color-gray-950: #f5f8fc;
  }
}
/* ══════════════════════════════════════════════════════════
   SMOOTH TRANSITION — elements that animate between themes
   ══════════════════════════════════════════════════════════ */
body,
.suitepress-header,
.card,
.sp-blog-card,
.blog-card,
.post-card,
.category-card,
.tutorials-cta,
.courses-cta,
.search-popup-content,
.footer-subscription-card .subscription-card,
.footer-main-section,
.footer-bottom-section,
.sp-input,
.sp-textarea,
.sp-select,
.nav-btn,
.blog-section,
.wordpress-tutorials-section,
.courses-learning-section,
.featured-posts-carousel {
  transition: background-color var(--duration-slow) var(--ease-default), border-color var(--duration-slow) var(--ease-default), color var(--duration-slow) var(--ease-default);
}

/* ══════════════════════════════════════════════════════════
   1. HEADER
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .suitepress-header {
  background: rgba(15, 17, 23, 0.92) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .suitepress-header.sp-scrolled {
  background: rgba(15, 17, 23, 0.97) !important;
  border-bottom-color: var(--color-border-default) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme=dark] .suitepress-header .nav-link,
[data-theme=dark] .suitepress-header .nav-item > .nav-link {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .suitepress-header .nav-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .suitepress-header .dropdown-menu {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

[data-theme=dark] .suitepress-header .dropdown-item {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .suitepress-header .dropdown-item:hover {
  background: rgba(217, 119, 87, 0.15) !important;
  color: var(--color-primary-500) !important;
}

[data-theme=dark] .suitepress-header .navbar-toggler {
  border-color: var(--color-border-default) !important;
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .suitepress-header .navbar-collapse {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .suitepress-header .search-toggle,
[data-theme=dark] .sp-theme-toggle {
  color: var(--color-text-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme=dark] .suitepress-header .search-toggle:hover,
[data-theme=dark] .sp-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--color-text-primary) !important;
}

/* ══════════════════════════════════════════════════════════
   2. HERO / COVER SECTION
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] #suitepress-cover-container {
  background: var(--color-bg-base) !important;
}

[data-theme=dark] .hero-content .hero-badge .badge-text,
[data-theme=dark] .hero-content .hero-badge h4 {
  background: rgba(217, 119, 87, 0.12) !important;
  border-color: rgba(217, 119, 87, 0.25) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .hero-content .hero-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .hero-content .hero-subtitle {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .hero-search-bar {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .hero-search-bar input {
  background: transparent !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .hero-search-bar input::placeholder {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .hero-stats .stat-value {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .hero-stats .stat-label {
  color: var(--color-text-muted) !important;
}

/* ══════════════════════════════════════════════════════════
   3. SHARED SECTION PATTERNS
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .section-badge span {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

[data-theme=dark] .section-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .section-description {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .view-all-btn {
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border-default) !important;
  background: var(--color-bg-elevated) !important;
}

[data-theme=dark] .view-all-btn:hover {
  background: rgba(217, 119, 87, 0.12) !important;
  border-color: rgba(217, 119, 87, 0.3) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .read-more-btn {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .read-more-btn:hover {
  color: var(--color-primary-500) !important;
}

[data-theme=dark] .text-accent {
  background: linear-gradient(135deg, #e08a69 0%, #c1694e 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ══════════════════════════════════════════════════════════
   4. SERVICE CARDS (hero grid)
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .suitepress-cover-service-wrapper .service-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .suitepress-cover-service-wrapper .service-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
  background: var(--color-bg-elevated) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .suitepress-cover-service-wrapper .service-card .service-icon {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .suitepress-cover-service-wrapper .service-card .service-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .suitepress-cover-service-wrapper .service-card .service-desc {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .suitepress-cover-service-wrapper .service-card .service-link {
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   5. BLOG SECTION (#blog_fr / .blog-section)
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .blog-section,
[data-theme=dark] #blog_fr {
  background: var(--color-bg-subtle) !important;
}

[data-theme=dark] .blog-section .section-header {
  border-bottom-color: var(--color-border-subtle) !important;
}

/* Blog card */
[data-theme=dark] .blog-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .blog-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .blog-card-image {
  background: var(--color-gray-100) !important;
}

[data-theme=dark] .blog-card-image img {
  filter: brightness(0.88) !important;
}

[data-theme=dark] .blog-card .post-date {
  background: rgba(15, 17, 23, 0.85) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .blog-card-content {
  background: var(--color-bg-elevated) !important;
}

[data-theme=dark] .blog-card .category-badge {
  background: rgba(217, 119, 87, 0.14) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

[data-theme=dark] .blog-card .card-title,
[data-theme=dark] .blog-card h3,
[data-theme=dark] .blog-card h4 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .blog-card .card-title a,
[data-theme=dark] .blog-card h3 a,
[data-theme=dark] .blog-card h4 a {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .blog-card .card-title a:hover,
[data-theme=dark] .blog-card h3 a:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .blog-card .blog-excerpt,
[data-theme=dark] .blog-card .card-text,
[data-theme=dark] .blog-card p {
  color: var(--color-text-muted) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .blog-card .blog-meta,
[data-theme=dark] .blog-card .card-footer {
  border-top-color: var(--color-border-subtle) !important;
  background: var(--color-bg-elevated) !important;
}

[data-theme=dark] .blog-card .blog-meta .author-name,
[data-theme=dark] .blog-card .blog-meta a {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .blog-card .blog-meta .meta-divider {
  background: var(--color-border-default) !important;
}

[data-theme=dark] .blog-card .blog-meta .reading-time,
[data-theme=dark] .blog-card .blog-meta .meta-date {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .blog-card .author-avatar {
  border-color: var(--color-border-default) !important;
  background: var(--color-gray-100) !important;
}

/* ── Legacy .sp-blog-card / .card overrides ── */
[data-theme=dark] .card,
[data-theme=dark] .sp-blog-card,
[data-theme=dark] .sp-blog-page-container .sp-blog-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .card:hover,
[data-theme=dark] .sp-blog-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
}

[data-theme=dark] .card-footer,
[data-theme=dark] .sp-blog-card-footer {
  border-top-color: var(--color-border-subtle) !important;
  background: var(--color-bg-elevated) !important;
}

[data-theme=dark] .sp-reading-time {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
}

/* ══════════════════════════════════════════════════════════
   6. WORDPRESS TUTORIALS SECTION
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .wordpress-tutorials-section {
  background: var(--color-bg-base) !important;
}

[data-theme=dark] .wordpress-tutorials-section .section-header {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .tutorials-cta {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .tutorials-cta::before {
  background: linear-gradient(90deg, var(--color-primary-600), var(--color-primary-400)) !important;
  opacity: 0.9 !important;
}

[data-theme=dark] .tutorials-cta .cta-content h3 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .tutorials-cta .cta-content p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .tutorials-cta .btn-primary {
  background: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .tutorials-cta .btn-primary:hover {
  background: var(--color-primary-500) !important;
  border-color: var(--color-primary-500) !important;
}

[data-theme=dark] .tutorials-cta .btn-secondary {
  background: transparent !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .tutorials-cta .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--color-border-strong) !important;
  color: var(--color-text-primary) !important;
}

/* ══════════════════════════════════════════════════════════
   7. COURSES / CATEGORIES SECTION
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .courses-learning-section {
  background: var(--color-bg-subtle) !important;
}

[data-theme=dark] .courses-learning-section .section-header {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .category-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .category-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .category-icon {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .category-card:hover .category-icon {
  background: rgba(217, 119, 87, 0.2) !important;
}

[data-theme=dark] .category-card .category-title,
[data-theme=dark] .category-card h3 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .category-card .category-desc,
[data-theme=dark] .category-card p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .level-badge {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .level-badge.level-beginner {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
  border-color: rgba(34, 197, 94, 0.2) !important;
}

[data-theme=dark] .level-badge.level-intermediate {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

[data-theme=dark] .level-badge.level-advanced {
  background: rgba(139, 92, 246, 0.12) !important;
  color: #a78bfa !important;
  border-color: rgba(139, 92, 246, 0.2) !important;
}

[data-theme=dark] .category-meta {
  border-top-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .category-meta .lesson-count,
[data-theme=dark] .category-meta .duration {
  color: var(--color-text-disabled) !important;
}

/* Courses CTA (dark gradient card) */
[data-theme=dark] .courses-cta {
  background: linear-gradient(135deg, #1c2333 0%, #0f1117 100%) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .courses-cta .cta-title,
[data-theme=dark] .courses-cta h3 {
  color: #f1f5f9 !important;
}

[data-theme=dark] .courses-cta .cta-description,
[data-theme=dark] .courses-cta p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .courses-cta .btn-primary {
  background: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════════
   8. FEATURED POSTS CAROUSEL
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .featured-posts-carousel,
[data-theme=dark] #posts_carousel_home {
  background: var(--color-bg-base) !important;
}

[data-theme=dark] .featured-posts-carousel .section-header {
  border-bottom-color: var(--color-border-subtle) !important;
}

/* Carousel nav buttons */
[data-theme=dark] .carousel-navigation .nav-btn {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .carousel-navigation .nav-btn:hover {
  background: rgba(217, 119, 87, 0.12) !important;
  border-color: rgba(217, 119, 87, 0.3) !important;
  color: var(--color-primary-400) !important;
}

/* Carousel indicator */
[data-theme=dark] .carousel-indicator-track {
  background: var(--color-gray-100) !important;
}

[data-theme=dark] .carousel-indicator-pill {
  background: var(--color-primary-500) !important;
}

/* Post cards inside carousel */
[data-theme=dark] .post-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .post-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .post-card .post-card-image {
  background: var(--color-gray-100) !important;
}

[data-theme=dark] .post-card .post-card-image img {
  filter: brightness(0.85) !important;
}

[data-theme=dark] .post-card .post-card-category {
  background: rgba(217, 119, 87, 0.14) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .post-card .post-card-title,
[data-theme=dark] .post-card h3,
[data-theme=dark] .post-card h4 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .post-card .post-card-title a,
[data-theme=dark] .post-card h3 a {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .post-card .post-card-title a:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .post-card .post-card-excerpt,
[data-theme=dark] .post-card p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .post-card .post-card-meta {
  border-top-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .post-card .post-card-meta .author,
[data-theme=dark] .post-card .post-card-meta .date {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .post-card .post-card-meta .author-avatar {
  border-color: var(--color-border-default) !important;
  background: var(--color-gray-100) !important;
}

/* Carousel CTA area */
[data-theme=dark] .carousel-cta {
  background: transparent !important;
}

[data-theme=dark] .carousel-cta .btn-outline {
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .carousel-cta .btn-outline:hover {
  background: rgba(217, 119, 87, 0.12) !important;
  border-color: rgba(217, 119, 87, 0.3) !important;
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   9. BLOG ARCHIVE / SIDEBAR
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-blog-sidebar-inner > * {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner .widget-title {
  color: var(--color-text-primary) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner a {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner a:hover {
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   10. PAGINATION
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .suitepress-pagination a,
[data-theme=dark] .suitepress-pagination span {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .suitepress-pagination a:hover {
  background: rgba(217, 119, 87, 0.15) !important;
  border-color: rgba(217, 119, 87, 0.4) !important;
  color: var(--color-primary-500) !important;
}

[data-theme=dark] .suitepress-pagination .current {
  background: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════════
   11. SINGLE POST / ARTICLE
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-blog-single {
  background: var(--color-bg-base) !important;
}

[data-theme=dark] .sp-single-article {
  background: var(--color-bg-base) !important;
}

[data-theme=dark] .sp-entry-image {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .sp-entry-image .sp-entry-image-img {
  filter: brightness(0.88) !important;
}

[data-theme=dark] .sp-entry-title {
  color: var(--color-text-primary) !important;
}

/* Meta row */
[data-theme=dark] .sp-entry-meta {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-meta-items {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-meta-items a {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-meta-items a:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-meta-items .sp-meta-separator {
  color: var(--color-border-strong) !important;
}

[data-theme=dark] .sp-meta-items .sp-reading-time,
[data-theme=dark] .sp-reading-time {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
}

/* Content */
[data-theme=dark] .sp-entry-content {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-entry-content h1,
[data-theme=dark] .sp-entry-content h2,
[data-theme=dark] .sp-entry-content h3,
[data-theme=dark] .sp-entry-content h4,
[data-theme=dark] .sp-entry-content h5,
[data-theme=dark] .sp-entry-content h6 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-entry-content a {
  color: var(--color-primary-400) !important;
  border-bottom-color: rgba(224, 138, 105, 0.3) !important;
}

[data-theme=dark] .sp-entry-content a:hover {
  color: var(--color-primary-300) !important;
  border-bottom-color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-entry-content blockquote {
  background: rgba(217, 119, 87, 0.07) !important;
  border-left-color: var(--color-primary-600) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-entry-content img {
  filter: brightness(0.88) !important;
}

[data-theme=dark] .sp-entry-content .sp-page-links {
  background: var(--color-bg-subtle) !important;
  border-color: var(--color-border-subtle) !important;
}

/* Entry footer */
[data-theme=dark] .sp-entry-footer {
  border-top-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-footer-content .sp-read-more a,
[data-theme=dark] .sp-read-more-btn {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-footer-content .sp-read-more a:hover,
[data-theme=dark] .sp-read-more-btn:hover {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-footer-content .sp-post-meta {
  color: var(--color-text-muted) !important;
}

/* Article navigation — targeting the actual legacy .sp-nav-links selectors */
[data-theme=dark] .sp-article-navigation {
  border-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-nav-links .sp-prev-link a,
[data-theme=dark] .sp-nav-links .sp-next-link a {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-nav-links .sp-prev-link a::before,
[data-theme=dark] .sp-nav-links .sp-next-link a::after {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-nav-links .sp-prev-link a:hover,
[data-theme=dark] .sp-nav-links .sp-next-link a:hover {
  background: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
  color: #fff !important;
}

/* Author box */
[data-theme=dark] .sp-author-box {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-author-box .author-name {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-author-box .author-bio {
  color: var(--color-text-muted) !important;
}

/* Reading progress bar */
[data-theme=dark] #sp-progress-bar {
  background: linear-gradient(90deg, var(--color-primary-600), var(--color-primary-400)) !important;
}

/* Table of Contents widget */
[data-theme=dark] #sp-toc-widget {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  border-left-color: var(--color-primary-600) !important;
}

[data-theme=dark] .sp-toc-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-toc-toggle {
  background: rgba(217, 119, 87, 0.1) !important;
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-toc-toggle:hover {
  background: rgba(217, 119, 87, 0.18) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-toc-item {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-toc-link {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-toc-link::before {
  color: var(--color-primary-500) !important;
}

[data-theme=dark] .sp-toc-link:hover {
  color: var(--color-primary-400) !important;
  background: rgba(217, 119, 87, 0.08) !important;
}

[data-theme=dark] .sp-toc-link--active {
  color: var(--color-primary-400) !important;
  background: rgba(217, 119, 87, 0.1) !important;
}

[data-theme=dark] .sp-toc-link--active::before {
  color: var(--color-primary-400) !important;
}

/* Sidebar */
[data-theme=dark] .sp-blog-sidebar-inner > * {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner .widget-title {
  color: var(--color-text-primary) !important;
  border-bottom-color: var(--color-primary-600) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner .widget ul li {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner .widget a {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-blog-sidebar-inner .widget a:hover {
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   12. SEARCH
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .suitepress-search .search-form {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .suitepress-search .search-suggestions a {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .suitepress-search .search-suggestions a:hover {
  background: rgba(217, 119, 87, 0.15) !important;
  color: var(--color-primary-500) !important;
}

/* Search popup */
[data-theme=dark] .search-popup-overlay {
  background: rgba(0, 0, 0, 0.68) !important;
}

[data-theme=dark] .search-popup-content {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6) !important;
}

[data-theme=dark] .search-popup-header {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .search-popup-label {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .search-close {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .search-close:hover {
  background: var(--color-gray-200) !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .search-input-icon {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .search-popup .search-field {
  background: var(--color-bg-base) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .search-popup .search-field::placeholder {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .search-popup .search-field:focus {
  border-color: var(--color-primary-600) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.16) !important;
}

[data-theme=dark] .search-popup .search-submit {
  background: var(--color-primary-600) !important;
}

[data-theme=dark] .search-popup .search-submit:hover {
  background: var(--color-primary-500) !important;
}

[data-theme=dark] .search-hint {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .search-hint kbd {
  background: var(--color-gray-100) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
  box-shadow: 0 1px 0 var(--color-border-strong) !important;
}

/* ══════════════════════════════════════════════════════════
   13. FORMS
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-input,
[data-theme=dark] .sp-textarea,
[data-theme=dark] .sp-select,
[data-theme=dark] input[type=text],
[data-theme=dark] input[type=email],
[data-theme=dark] input[type=search],
[data-theme=dark] textarea,
[data-theme=dark] select {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-input::placeholder,
[data-theme=dark] .sp-textarea::placeholder,
[data-theme=dark] input::placeholder,
[data-theme=dark] textarea::placeholder {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-input:focus,
[data-theme=dark] .sp-textarea:focus,
[data-theme=dark] input:focus,
[data-theme=dark] textarea:focus,
[data-theme=dark] select:focus {
  border-color: var(--color-primary-600) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.18) !important;
}

/* ══════════════════════════════════════════════════════════
   14. BUTTONS
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .btn-outline-primary,
[data-theme=dark] .btn-outline {
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .btn-outline-primary:hover,
[data-theme=dark] .btn-outline:hover {
  background: rgba(217, 119, 87, 0.12) !important;
  border-color: rgba(217, 119, 87, 0.35) !important;
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   15. TAGS / BADGES
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .tag {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .tag:hover,
[data-theme=dark] .tag.active {
  background: rgba(217, 119, 87, 0.15) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.3) !important;
}

[data-theme=dark] .category-badge {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

/* ══════════════════════════════════════════════════════════
   16. ADDON CARDS
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-addon-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-addon-card:hover {
  border-color: rgba(217, 119, 87, 0.35) !important;
}

[data-theme=dark] .sp-addon-card-thumbnail {
  background: var(--color-gray-100) !important;
}

[data-theme=dark] .sp-addon-card-icon {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-addon-card-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-addon-card-desc {
  color: var(--color-text-muted) !important;
}

/* ══════════════════════════════════════════════════════════
   17. FOOTER
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .footer-main-section {
  background: var(--color-bg-subtle) !important;
  border-top-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .footer-widget-column .widget-title {
  color: var(--color-text-primary) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .footer-widget-column a {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .footer-widget-column a:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .footer-widget-column p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .footer-subscription-card .subscription-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .footer-subscription-card .subscription-card input {
  background: var(--color-bg-base) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .footer-bottom-section {
  background: var(--color-bg-base) !important;
  border-top-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .footer-bottom-section p,
[data-theme=dark] .footer-bottom-section a {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .footer-bottom-section a:hover {
  color: var(--color-primary-400) !important;
}

/* ══════════════════════════════════════════════════════════
   18. SECTION ALTERNATES
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] .section-alt,
[data-theme=dark] .sp-section-alt {
  background: var(--color-bg-subtle) !important;
}

/* ══════════════════════════════════════════════════════════
   19. UTILITY COMPONENTS
   ══════════════════════════════════════════════════════════ */
/* Skeleton */
[data-theme=dark] .sp-skeleton {
  background: linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-50) 50%, var(--color-gray-100) 75%) !important;
}

/* Toast */
[data-theme=dark] .sp-toast {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* Top banner */
[data-theme=dark] .sp-top-banner {
  background: linear-gradient(135deg, #1c2333 0%, #0f1117 100%) !important;
  border-bottom-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-top-banner .banner-text {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-banner-close {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-banner-close:hover {
  color: var(--color-text-primary) !important;
}

/* Back to top button */
[data-theme=dark] #sp-back-to-top {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-secondary) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] #sp-back-to-top:hover {
  background: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
  color: #fff !important;
}

/* Tooltip */
[data-theme=dark] [data-tooltip]::after {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
}

/* ══════════════════════════════════════════════════════════
   20. CODE & TYPOGRAPHY ELEMENTS
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] code:not(pre code) {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.15) !important;
}

[data-theme=dark] pre {
  background: var(--color-gray-50) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] pre code {
  color: var(--color-gray-800) !important;
}

[data-theme=dark] blockquote {
  background: rgba(217, 119, 87, 0.07) !important;
  border-left-color: var(--color-primary-600) !important;
  color: var(--color-text-secondary) !important;
}

/* ══════════════════════════════════════════════════════════
   22. IMAGES
   ══════════════════════════════════════════════════════════ */
[data-theme=dark] img:not([src*=".svg"]) {
  filter: brightness(0.9);
}

/* Restore full brightness for images explicitly opted out */
[data-theme=dark] .no-dim img,
[data-theme=dark] img.no-dim {
  filter: none !important;
}

/* ══════════════════════════════════════════════════════════
   23. ADDON PAGE
   ══════════════════════════════════════════════════════════ */
/* Hero — keep the dark gradient, adjust glow opacity */
[data-theme=dark] .suitepress-addons-hero {
  background: linear-gradient(135deg, #0a0f16 0%, #0f1117 55%, #111827 100%) !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-badge .badge {
  background: rgba(217, 119, 87, 0.15) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.3) !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-title {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: unset !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-description {
  color: rgba(241, 245, 249, 0.6) !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-stats {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-stats .stat-item {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-stats .stat-item .stat-number {
  color: var(--color-primary-400) !important;
  -webkit-text-fill-color: unset !important;
}

[data-theme=dark] .suitepress-addons-hero .hero-stats .stat-item .stat-label {
  color: rgba(241, 245, 249, 0.4) !important;
}

/* Grid section */
[data-theme=dark] .sp-addons-section {
  background: var(--color-bg-subtle) !important;
}

[data-theme=dark] .sp-addons-section .sp-section-badge {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

[data-theme=dark] .sp-addons-section .sp-section-description {
  color: var(--color-text-muted) !important;
}

/* Addon card */
[data-theme=dark] .sp-addon-card {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme=dark] .sp-addon-card:hover {
  border-color: rgba(217, 119, 87, 0.4) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme=dark] .sp-addon-image {
  background: var(--color-gray-100) !important;
}

[data-theme=dark] .sp-addon-image img {
  filter: brightness(0.85) !important;
}

[data-theme=dark] .sp-addon-overlay {
  background: rgba(217, 119, 87, 0.92) !important;
}

[data-theme=dark] .sp-addon-btn {
  background: var(--color-bg-base) !important;
  color: var(--color-primary-400) !important;
}

/* Tags */
[data-theme=dark] .sp-tag {
  background: rgba(217, 119, 87, 0.12) !important;
  color: var(--color-primary-400) !important;
  border-color: rgba(217, 119, 87, 0.2) !important;
}

/* Title + version */
[data-theme=dark] .sp-addon-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-addon-version {
  background: var(--color-gray-100) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-subtle) !important;
}

/* Description + features */
[data-theme=dark] .sp-addon-description {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-feature {
  color: var(--color-text-muted) !important;
}

/* CTA button */
[data-theme=dark] .sp-addon-cta {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-addon-cta:hover {
  background: var(--color-primary-500) !important;
}

/* Results count */
[data-theme=dark] .sp-results-count p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-results-count p strong {
  color: var(--color-primary-400) !important;
}

/* No results */
[data-theme=dark] .sp-addons-section .sp-no-results .sp-no-results-icon {
  background: var(--color-gray-100) !important;
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-addons-section .sp-no-results h3 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-addons-section .sp-no-results p {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-addons-section .sp-no-results .sp-btn,
[data-theme=dark] .sp-addons-section .sp-no-results .sp-btn-primary {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-addons-section .sp-no-results .sp-btn:hover,
[data-theme=dark] .sp-addons-section .sp-no-results .sp-btn-primary:hover {
  background: var(--color-primary-500) !important;
}

/* ════════════════════════════════════════════════════════════
   Section 21 — Category Archive Page
   ════════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-category-page {
  background: var(--color-bg-primary) !important;
}

[data-theme=dark] .sp-category-hero {
  background: linear-gradient(135deg, #0e1018 0%, #080b10 60%, #110b0e 100%) !important;
}

[data-theme=dark] .sp-category-eyebrow {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  color: var(--color-primary-300) !important;
}

[data-theme=dark] .sp-category-description {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Cards */
[data-theme=dark] .sp-category-grid .sp-blog-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-category-grid .sp-blog-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.4) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(var(--color-primary-rgb), 0.1) !important;
}

[data-theme=dark] .sp-category-grid .sp-blog-title-link {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-category-grid .sp-blog-card:hover .sp-blog-title-link {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-category-grid .sp-blog-card-meta,
[data-theme=dark] .sp-category-grid .sp-blog-card-excerpt {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-category-grid .sp-blog-card-footer {
  border-top-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-category-grid .sp-read-more-btn {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-category-grid .sp-reading-time {
  color: var(--color-text-disabled) !important;
}

/* Authors card */
[data-theme=dark] .sp-cat-authors-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-cat-authors-header {
  border-bottom-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-cat-authors-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-cat-authors-count {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-cat-author-item {
  border-bottom-color: var(--color-border-subtle) !important;
}

[data-theme=dark] .sp-cat-author-link:hover {
  background: rgba(var(--color-primary-rgb), 0.07) !important;
}

[data-theme=dark] .sp-cat-author-name {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-cat-author-link:hover .sp-cat-author-name {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-cat-author-title {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-cat-author-posts {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-cat-author-posts span {
  color: var(--color-text-disabled) !important;
}

/* Responsive grid border fix */
@media (max-width: 860px) {
  [data-theme=dark] .sp-cat-author-item {
    border-color: var(--color-border-default) !important;
  }
}
/* ════════════════════════════════════════════════════════════
   Section 20 — Author Archive Page
   ════════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-author-page {
  background: var(--color-bg-primary) !important;
}

/* Hero */
[data-theme=dark] .sp-author-hero {
  background: linear-gradient(135deg, #0e1018 0%, #080b10 60%, #110b0e 100%) !important;
}

[data-theme=dark] .sp-author-hero-eyebrow {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  color: var(--color-primary-300) !important;
}

[data-theme=dark] .sp-author-hero-bio {
  color: rgba(255, 255, 255, 0.55) !important;
}

[data-theme=dark] .sp-author-stat-divider {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* No posts */
[data-theme=dark] .sp-author-no-posts {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-muted) !important;
}

/* Follow card */
[data-theme=dark] .sp-author-follow-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-author-card-name {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-author-card-name:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-author-card-title {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-author-card-stats {
  background: var(--color-bg-secondary) !important;
}

[data-theme=dark] .sp-author-card-stat-value {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-author-card-stat-label {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-author-follow-btn {
  background: var(--color-primary-600) !important;
}

[data-theme=dark] .sp-author-follow-btn:hover {
  background: var(--color-primary-500) !important;
}

[data-theme=dark] .sp-author-unfollow-btn {
  border-color: var(--color-border-strong) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-author-unfollow-btn:hover {
  border-color: var(--color-primary-400) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-author-card-meta {
  border-top-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-author-card-joined {
  color: var(--color-text-disabled) !important;
}

/* ════════════════════════════════════════════════════════════
   Section 18 — Search Results Page
   ════════════════════════════════════════════════════════════ */
/* Page background */
[data-theme=dark] .sp-search-page {
  background: var(--color-bg-primary) !important;
}

/* Hero — already dark by design, just deepen overlay */
[data-theme=dark] .sp-search-hero {
  background: linear-gradient(135deg, #0e1018 0%, #080b10 60%, #110b0e 100%) !important;
}

[data-theme=dark] .sp-search-hero-eyebrow {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  color: var(--color-primary-300) !important;
}

/* Clear all button */
[data-theme=dark] .clear-all-filters button,
[data-theme=dark] suitepress-clear-all-filters button {
  border-color: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .clear-all-filters button:hover,
[data-theme=dark] suitepress-clear-all-filters button:hover {
  border-color: var(--color-primary-400) !important;
  color: var(--color-primary-400) !important;
  background: rgba(var(--color-primary-rgb), 0.08) !important;
}

/* Accordion */
[data-theme=dark] suitepress-checkbox-accordion.checkbox-accordion {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .checkbox-accordion__handle:hover {
  background: rgba(var(--color-primary-rgb), 0.06) !important;
}

[data-theme=dark] .checkbox-accordion__handle-text {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .checkbox-accordion__handle-icon::before,
[data-theme=dark] .checkbox-accordion__handle-icon::after {
  background: var(--color-text-muted) !important;
}

[data-theme=dark] suitepress-checkbox-accordion-content.checkbox-accordion__content {
  border-top-color: var(--color-border-default) !important;
}

[data-theme=dark] .checkbox-accordion__child-content {
  border-left-color: var(--color-border-strong) !important;
}

/* Checkboxes */
[data-theme=dark] .checkbox-accordion .checkbox input[type=checkbox] {
  background: var(--color-bg-secondary) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme=dark] .checkbox-accordion .checkbox input[type=checkbox]:checked {
  background: var(--color-primary-500) !important;
  border-color: var(--color-primary-500) !important;
}

[data-theme=dark] .checkbox-accordion .checkbox input[type=checkbox]:hover:not(:checked) {
  border-color: var(--color-primary-400) !important;
}

[data-theme=dark] .checkbox-accordion .checkbox-text {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .checkbox-accordion .checkbox:hover .checkbox-text {
  color: var(--color-text-primary) !important;
}

/* Results count */
[data-theme=dark] suitepress-results-count.sp-search-count,
[data-theme=dark] .suitepress-results-count.sp-search-count {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] suitepress-results-count.sp-search-count strong,
[data-theme=dark] .suitepress-results-count.sp-search-count strong {
  color: var(--color-text-primary) !important;
}

/* Result card */
[data-theme=dark] .sp-result-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-result-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(var(--color-primary-rgb), 0.12) !important;
}

[data-theme=dark] .sp-result-image {
  background: var(--color-bg-secondary) !important;
}

[data-theme=dark] .sp-result-image--placeholder {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-result-card-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-result-card-title-link:hover .sp-result-card-title {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-result-card-excerpt {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-result-card-cta {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-result-card-cta:hover {
  color: var(--color-primary-300) !important;
}

/* Load more */
[data-theme=dark] .load-more-wrap .btn,
[data-theme=dark] .load-more-wrap button {
  border-color: var(--color-primary-500) !important;
  color: var(--color-primary-400) !important;
  background: transparent !important;
}

[data-theme=dark] .load-more-wrap .btn:hover,
[data-theme=dark] .load-more-wrap button:hover {
  background: var(--color-primary-600) !important;
  color: #fff !important;
  border-color: var(--color-primary-600) !important;
}

/* No results */
[data-theme=dark] .sp-search-results-col .sp-no-results,
[data-theme=dark] suitepress-results .sp-no-results {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-search-results-col .sp-no-results .sp-no-results-icon,
[data-theme=dark] suitepress-results .sp-no-results .sp-no-results-icon {
  background: var(--color-bg-secondary) !important;
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-search-results-col .sp-no-results h3,
[data-theme=dark] suitepress-results .sp-no-results h3 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-search-results-col .sp-no-results p,
[data-theme=dark] suitepress-results .sp-no-results p {
  color: var(--color-text-muted) !important;
}

/* ════════════════════════════════════════════════════════════
   Section 19 — WordPress Search Results Page (search.php)
   ════════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-search-wp-page {
  background: var(--color-bg-primary) !important;
}

/* Hero */
[data-theme=dark] .search-hero-section.sp-search-wp-hero,
[data-theme=dark] .sp-search-wp-hero {
  background: linear-gradient(135deg, #0e1018 0%, #080b10 60%, #110b0e 100%) !important;
}

[data-theme=dark] .sp-search-wp-eyebrow {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  color: var(--color-primary-300) !important;
}

[data-theme=dark] .sp-search-wp-hero .search-query {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Result cards */
[data-theme=dark] .search-result-card.sp-search-wp-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: none !important;
}

[data-theme=dark] .search-result-card.sp-search-wp-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.4) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(var(--color-primary-rgb), 0.1) !important;
}

[data-theme=dark] .sp-search-wp-card .author-link {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-search-wp-card .author-link:hover {
  color: var(--color-text-secondary) !important;
}

[data-theme=dark] .sp-search-wp-card .post-category a {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-search-wp-card .post-category a:hover {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-search-wp-card .result-title a {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-search-wp-card .result-title a:hover {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-search-wp-card .result-excerpt {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-search-wp-card .result-footer {
  border-top-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-search-wp-card .post-info {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-search-wp-card .post-info .publish-date::after {
  color: var(--color-border-strong) !important;
}

[data-theme=dark] .sp-search-wp-read-more {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-search-wp-read-more:hover {
  color: var(--color-primary-300) !important;
}

/* Sidebar widget */
[data-theme=dark] .sidebar-widget.sp-search-wp-widget {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-search-wp-widget .widget-title {
  color: var(--color-text-primary) !important;
  border-bottom-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-search-wp-widget .help-cta p {
  color: var(--color-text-muted) !important;
}

/* CTA button */
[data-theme=dark] .sp-search-wp-cta {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-search-wp-cta:hover {
  background: var(--color-primary-500) !important;
}

/* No results */
[data-theme=dark] .sp-search-wp-no-results .no-results-content {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-search-wp-no-results-icon {
  background: var(--color-bg-secondary) !important;
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-search-wp-no-results h3 {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-search-wp-no-results p {
  color: var(--color-text-muted) !important;
}

/* ════════════════════════════════════════════════════════════
   Section 22 — Latest Posts v2 Component
   ════════════════════════════════════════════════════════════ */
[data-theme=dark] .sp-lp2-section {
  background: var(--color-bg-secondary) !important;
}

[data-theme=dark] .sp-lp2-eyebrow {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-lp2-title {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-lp2-title-accent {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-lp2-card {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-lp2-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.4) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme=dark] .sp-lp2-card-image {
  background: var(--color-bg-secondary) !important;
}

[data-theme=dark] .sp-lp2-cat-badge {
  background: rgba(var(--color-primary-rgb), 0.18) !important;
  color: var(--color-primary-300) !important;
}

/* Date badge stays light (white pill) — just deepen the text */
[data-theme=dark] .sp-lp2-date-badge {
  background: rgba(255, 255, 255, 0.88) !important;
}

[data-theme=dark] .sp-lp2-card-title-link {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-lp2-card:hover .sp-lp2-card-title-link {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-lp2-card-excerpt {
  color: var(--color-text-muted) !important;
}

[data-theme=dark] .sp-lp2-card-footer {
  border-top-color: var(--color-border-default) !important;
}

[data-theme=dark] .sp-lp2-author-name {
  color: var(--color-text-primary) !important;
}

[data-theme=dark] .sp-lp2-author-date {
  color: var(--color-text-disabled) !important;
}

[data-theme=dark] .sp-lp2-read-more {
  color: var(--color-primary-400) !important;
}

[data-theme=dark] .sp-lp2-read-more:hover {
  color: var(--color-primary-300) !important;
}

[data-theme=dark] .sp-lp2-cta-btn {
  background: var(--color-primary-600) !important;
  color: #fff !important;
}

[data-theme=dark] .sp-lp2-cta-btn:hover {
  background: var(--color-primary-500) !important;
}

/*# sourceMappingURL=dark-mode.css.map*/