/**
 * Kadence Theme — Dark Mode Overrides
 *
 * Comprehensive dark mode styles for the Kadence theme.
 * Activated when html[data-theme="dark"] is set.
 *
 * @package maxket-dark-toggle
 */

/* ======================================
   CORE VARIABLES & PAGE
   ====================================== */
html[data-theme="dark"] {
  --global-palette1: #fafafa;
  --global-palette2: #e4e4e7;
  --global-palette3: #a1a1aa;
  --global-palette4: #71717a;
  --global-palette5: #9ca3af;
  --global-palette6: #4b5563;
  --global-palette7: #1a1a2e;
  --global-palette8: #0f0f1a;
  --global-palette9: #0a0a14;
  --global-body-font-color: #e4e4e7;
  --global-heading-font-color: #fafafa;
}

[data-theme="dark"] body {
  background-color: #0a0f1c !important;
  color: #e4e4e7 !important;
}

[data-theme="dark"] body,
[data-theme="dark"] .site-header-wrap,
[data-theme="dark"] .site,
[data-theme="dark"] .entry-content-wrap,
[data-theme="dark"] .loop-entry,
[data-theme="dark"] .wp-site-blocks {
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

[data-theme="dark"] .content-wrap,
[data-theme="dark"] .site-container,
[data-theme="dark"] .site-inner-wrap,
[data-theme="dark"] .entry-related,
[data-theme="dark"] .site {
  background-color: transparent !important;
}

/* ======================================
   HEADER
   ====================================== */
[data-theme="dark"] .site-header-wrap,
[data-theme="dark"] #masthead,
[data-theme="dark"] .site-header-inner-wrap,
[data-theme="dark"] .site-header-upper-wrap,
[data-theme="dark"] .site-header-upper-inner-wrap {
  background-color: rgba(15, 15, 26, 0.85) !important;
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Header links */
[data-theme="dark"] #masthead a,
[data-theme="dark"] .header-navigation a,
[data-theme="dark"] .site-header-item a,
[data-theme="dark"] .main-navigation a,
[data-theme="dark"] .site-branding a {
  color: #e4e4e7 !important;
}

[data-theme="dark"] #masthead a:hover,
[data-theme="dark"] .header-navigation a:hover {
  color: #60a5fa !important;
}

/* Branding */
[data-theme="dark"] .site-title,
[data-theme="dark"] .site-title a {
  color: #fafafa !important;
}

[data-theme="dark"] .site-description {
  color: #a1a1aa !important;
}

/* ======================================
   POST CARDS / LOOP ENTRIES
   ====================================== */
[data-theme="dark"] .loop-entry .entry-content-wrap,
[data-theme="dark"] .loop-entry,
[data-theme="dark"] article.entry,
[data-theme="dark"] .entry-footer,
[data-theme="dark"] .entry-actions {
  background-color: rgba(30, 41, 59, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e4e4e7 !important;
}

[data-theme="dark"] .entry-footer,
[data-theme="dark"] .entry-actions {
  background: transparent !important;
  border: none !important;
}

/* Titles */
[data-theme="dark"] .entry-title,
[data-theme="dark"] .entry-title a,
[data-theme="dark"] .entry-related-title,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4 {
  color: #fafafa !important;
}

[data-theme="dark"] .entry-title a:hover {
  color: #60a5fa !important;
}

/* Meta & excerpts */
[data-theme="dark"] .entry-meta,
[data-theme="dark"] .entry-meta a,
[data-theme="dark"] .entry-summary,
[data-theme="dark"] .entry-summary p {
  color: #a1a1aa !important;
}

/* Categories / Tags */
[data-theme="dark"] .entry-taxonomies a,
[data-theme="dark"] .entry-taxonomies span {
  color: #60a5fa !important;
}

/* Buttons / Read More links */
[data-theme="dark"] .entry-content-wrap .entry-actions a,
[data-theme="dark"] .wp-block-button__link {
  color: #60a5fa !important;
}

/* ======================================
   FOOTER
   ====================================== */
[data-theme="dark"] .site-footer,
[data-theme="dark"] .site-footer-wrap,
[data-theme="dark"] #colophon {
  background-color: rgba(15, 15, 26, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #a1a1aa !important;
}

[data-theme="dark"] .site-footer a,
[data-theme="dark"] #colophon a {
  color: #a1a1aa !important;
}

[data-theme="dark"] .site-footer a:hover,
[data-theme="dark"] #colophon a:hover {
  color: #60a5fa !important;
}

[data-theme="dark"] .footer-widget-area .widget-title,
[data-theme="dark"] .site-footer .widget-title {
  color: #fafafa !important;
}

/* ======================================
   SIDEBAR WIDGETS
   ====================================== */
[data-theme="dark"] .sidebar .widget,
[data-theme="dark"] aside .widget {
  background-color: rgba(30, 41, 59, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ======================================
   DROPDOWN MENUS
   ====================================== */
[data-theme="dark"] .sub-menu,
[data-theme="dark"] .dropdown-nav-toggle + .sub-menu,
[data-theme="dark"] .header-navigation .sub-menu {
  background-color: rgba(15, 15, 30, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .sub-menu a {
  color: #e4e4e7 !important;
}

/* ======================================
   BREADCRUMBS
   ====================================== */
[data-theme="dark"] .kadence-breadcrumbs,
[data-theme="dark"] .kadence-breadcrumbs a {
  color: #71717a !important;
}

/* ======================================
   PAGINATION
   ====================================== */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .page-links a,
[data-theme="dark"] .nav-links a {
  color: #e4e4e7 !important;
}

[data-theme="dark"] .pagination .current,
[data-theme="dark"] .page-links > .page-link {
  background-color: rgba(96, 165, 250, 0.2) !important;
  color: #60a5fa !important;
}

/* ======================================
   SCROLL TO TOP
   ====================================== */
[data-theme="dark"] #kt-scroll-up {
  background-color: rgba(30, 41, 59, 0.8) !important;
  color: #e4e4e7 !important;
}

/* ======================================
   IMAGES — Subtle dimming for comfort
   ====================================== */
[data-theme="dark"] .post-thumbnail img,
[data-theme="dark"] .loop-entry img {
  filter: brightness(0.85) contrast(1.05);
  transition: filter 0.4s ease;
}

[data-theme="dark"] .loop-entry:hover img {
  filter: brightness(1) contrast(1);
}

/* Keep the logo bright */
[data-theme="dark"] .custom-logo {
  filter: brightness(1.1);
}

/* ======================================
   SINGLE POST PAGE
   ====================================== */
[data-theme="dark"] .entry-content {
  color: #d4d4d8 !important;
}

[data-theme="dark"] .entry-content a {
  color: #60a5fa !important;
}

[data-theme="dark"] .entry-content blockquote {
  border-left-color: #8b5cf6 !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  color: #a1a1aa !important;
}

[data-theme="dark"] .entry-content pre,
[data-theme="dark"] .entry-content code {
  background-color: #1e1e2e !important;
  color: #d4d4d4 !important;
}

/* ======================================
   COMMENTS
   ====================================== */
[data-theme="dark"] .comments-area {
  color: #e4e4e7 !important;
}

[data-theme="dark"] .comment-body {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .comment-author .fn,
[data-theme="dark"] .comment-author .fn a {
  color: #fafafa !important;
}

[data-theme="dark"] .comment-content {
  color: #d4d4d8 !important;
}

/* ======================================
   FORMS & INPUTS
   ====================================== */
[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,
[data-theme="dark"] .wp-block-search__input {
  background-color: rgba(30, 41, 59, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e4e4e7 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #71717a !important;
}

[data-theme="dark"] .wp-block-search__button {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}

/* ======================================
   TAG CLOUD
   ====================================== */
[data-theme="dark"] .tagcloud a,
[data-theme="dark"] .wp-block-tag-cloud a {
  color: #a1a1aa !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .tagcloud a:hover,
[data-theme="dark"] .wp-block-tag-cloud a:hover {
  background-color: #60a5fa !important;
  color: #fff !important;
}