/**
 * ADAKing Dark / High-Contrast Theme.
 *
 * Applied when visitors toggle high-contrast via the accessibility toolbar.
 * Uses proper dark palette — NOT color inversion — so images, videos,
 * and SVG graphics remain intact.
 *
 * Strategy:
 *   - Target the root element so all descendants inherit
 *   - Only override properties that are actual color/background values
 *   - Use CSS custom properties (variables) for fast, single-point control
 *   - No filter: invert() — images stay untouched
 */

/* -----------------------------------------------------------------------
   CSS Custom Properties — override here to tune the dark theme
   ----------------------------------------------------------------------- */
.adaking-theme-dark {
	--adaking-bg-primary:    #121212;
	--adaking-bg-secondary:  #1e1e1e;
	--adaking-bg-tertiary:    #2d2d2d;
	--adaking-text-primary:   #e8e8e8;
	--adaking-text-secondary: #b0b0b0;
	--adaking-text-inverse:   #121212;
	--adaking-border-color:  #404040;
	--adaking-link-color:     #8ab4f8;
	--adaking-link-hover:     #b4d7ff;
	--adaking-focus-ring:     #ffffff;
	--adaking-btn-bg:         #1e1e1e;
	--adaking-btn-text:       #e8e8e8;
	--adaking-btn-border:     #555555;
	--adaking-input-bg:       #1e1e1e;
	--adaking-input-text:     #e8e8e8;
	--adaking-input-border:   #555555;
	--adaking-selection-bg:   #8ab4f8;
	--adaking-selection-text: #121212;
}

/* -----------------------------------------------------------------------
   Base backgrounds
   ----------------------------------------------------------------------- */
.adaking-theme-dark,
.adaking-theme-dark body,
.adaking-theme-dark html {
	background-color: var(--adaking-bg-primary);
	color: var(--adaking-text-primary);
}

/* -----------------------------------------------------------------------
   Text elements
   ----------------------------------------------------------------------- */
.adaking-theme-dark h1,
.adaking-theme-dark h2,
.adaking-theme-dark h3,
.adaking-theme-dark h4,
.adaking-theme-dark h5,
.adaking-theme-dark h6 {
	color: #ffffff;
}

.adaking-theme-dark p {
	color: var(--adaking-text-primary);
}

.adaking-theme-dark span,
.adaking-theme-dark div {
	color: var(--adaking-text-primary);
}

.adaking-theme-dark label {
	color: var(--adaking-text-primary);
}

/* -----------------------------------------------------------------------
   Links
   ----------------------------------------------------------------------- */
.adaking-theme-dark a {
	color: var(--adaking-link-color);
	text-decoration: underline;
}

.adaking-theme-dark a:hover,
.adaking-theme-dark a:focus {
	color: var(--adaking-link-hover);
	text-decoration: underline;
}

.adaking-theme-dark a:focus-visible {
	outline: 2px solid var(--adaking-focus-ring);
	outline-offset: 2px;
}

/* -----------------------------------------------------------------------
   Buttons / form buttons
   ----------------------------------------------------------------------- */
.adaking-theme-dark button,
.adaking-theme-dark input[type="submit"],
.adaking-theme-dark input[type="button"],
.adaking-theme-dark .button,
.adaking-theme-dark .btn {
	background-color: var(--adaking-btn-bg);
	color: var(--adaking-btn-text);
	border: 1px solid var(--adaking-btn-border);
}

.adaking-theme-dark button:hover,
.adaking-theme-dark input[type="submit"]:hover,
.adaking-theme-dark .button:hover {
	background-color: var(--adaking-bg-tertiary);
	color: #ffffff;
}

.adaking-theme-dark button:focus-visible,
.adaking-theme-dark input[type="submit"]:focus-visible {
	outline: 2px solid var(--adaking-focus-ring);
	outline-offset: 2px;
}

/* -----------------------------------------------------------------------
   Form inputs
   ----------------------------------------------------------------------- */
.adaking-theme-dark input[type="text"],
.adaking-theme-dark input[type="email"],
.adaking-theme-dark input[type="password"],
.adaking-theme-dark input[type="search"],
.adaking-theme-dark input[type="tel"],
.adaking-theme-dark input[type="url"],
.adaking-theme-dark input[type="number"],
.adaking-theme-dark textarea,
.adaking-theme-dark select {
	background-color: var(--adaking-input-bg);
	color: var(--adaking-input-text);
	border: 1px solid var(--adaking-input-border);
}

.adaking-theme-dark input::placeholder,
.adaking-theme-dark textarea::placeholder {
	color: var(--adaking-text-secondary);
	opacity: 1;
}

.adaking-theme-dark input:focus,
.adaking-theme-dark textarea:focus,
.adaking-theme-dark select:focus {
	outline: 2px solid var(--adaking-focus-ring);
	outline-offset: 1px;
}

/* -----------------------------------------------------------------------
   Lists
   ----------------------------------------------------------------------- */
.adaking-theme-dark ul,
.adaking-theme-dark ol {
	color: var(--adaking-text-primary);
}

/* -----------------------------------------------------------------------
   Tables
   ----------------------------------------------------------------------- */
.adaking-theme-dark table {
	background-color: var(--adaking-bg-secondary);
	color: var(--adaking-text-primary);
	border-color: var(--adaking-border-color);
}

.adaking-theme-dark th,
.adaking-theme-dark td {
	border-color: var(--adaking-border-color);
	color: var(--adaking-text-primary);
}

.adaking-theme-dark th {
	background-color: var(--adaking-bg-tertiary);
	color: #ffffff;
}

/* -----------------------------------------------------------------------
   Blockquotes / pre / code
   ----------------------------------------------------------------------- */
.adaking-theme-dark blockquote {
	border-left-color: var(--adaking-link-color);
	color: var(--adaking-text-secondary);
}

.adaking-theme-dark code {
	background-color: var(--adaking-bg-tertiary);
	color: #f8c555;
}

.adaking-theme-dark pre {
	background-color: var(--adaking-bg-secondary);
	color: var(--adaking-text-primary);
	border: 1px solid var(--adaking-border-color);
}

/* -----------------------------------------------------------------------
   Elementor-specific overrides (common selectors)
   ----------------------------------------------------------------------- */
.adaking-theme-dark .elementor-section-wrap,
.adaking-theme-dark .elementor-container,
.adaking-theme-dark .elementor-column-wrap {
	background-color: var(--adaking-bg-primary);
}

.adaking-theme-dark .elementor-widget {
	color: var(--adaking-text-primary);
}

.adaking-theme-dark .elementor-button {
	background-color: var(--adaking-btn-bg);
	color: var(--adaking-btn-text);
	border: 1px solid var(--adaking-btn-border);
}

.adaking-theme-dark .elementor-button:hover {
	background-color: var(--adaking-bg-tertiary);
	color: #ffffff;
}

.adaking-theme-dark .elementor-widget-heading h1,
.adaking-theme-dark .elementor-widget-heading h2,
.adaking-theme-dark .elementor-widget-heading h3,
.adaking-theme-dark .elementor-widget-heading h4,
.adaking-theme-dark .elementor-widget-heading h5,
.adaking-theme-dark .elementor-widget-heading h6 {
	color: #ffffff;
}

.adaking-theme-dark .elementor-widget-text-editor,
.adaking-theme-dark .elementor-widget-text-editor p {
	color: var(--adaking-text-primary);
}

/* -----------------------------------------------------------------------
   Selection color
   ----------------------------------------------------------------------- */
.adaking-theme-dark ::selection {
	background-color: var(--adaking-selection-bg);
	color: var(--adaking-selection-text);
}

/* -----------------------------------------------------------------------
   Scrollbar (WebKit)
   ----------------------------------------------------------------------- */
.adaking-theme-dark ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.adaking-theme-dark ::-webkit-scrollbar-track {
	background: var(--adaking-bg-secondary);
}

.adaking-theme-dark ::-webkit-scrollbar-thumb {
	background: var(--adaking-border-color);
	border-radius: 5px;
}

.adaking-theme-dark ::-webkit-scrollbar-thumb:hover {
	background: #666666;
}

/* -----------------------------------------------------------------------
   Skip link — ensure visible on dark background
   ----------------------------------------------------------------------- */
.adaking-theme-dark .adaking-skip-link {
	background: var(--adaking-bg-secondary);
	color: var(--adaking-link-color);
	border: 2px solid var(--adaking-link-color);
}

.adaking-theme-dark .adaking-skip-link:focus {
	color: #ffffff;
	outline-color: #ffffff;
}

/* -----------------------------------------------------------------------
   Footer / header (common theme selectors)
   ----------------------------------------------------------------------- */
.adaking-theme-dark header,
.adaking-theme-dark footer,
.adaking-theme-dark .site-footer,
.adaking-theme-dark .site-header {
	background-color: var(--adaking-bg-secondary);
	color: var(--adaking-text-primary);
}

/* -----------------------------------------------------------------------
   Images — keep them NORMAL (no filter invert)
   Images must not be inverted — they should display as-is
   ----------------------------------------------------------------------- */
.adaking-theme-dark img {
	/* No filter — images stay natural */
}