/* ==========================================================================
   Chutny — Admin Dark Mode
   Automaticky podle OS (prefers-color-scheme). Admin bar a levé menu jsou už
   v defaultní WP barevné schématu tmavé — tohle dotmaví hlavně obsahovou
   plochu (bílé pozadí), formuláře, tabulky a editor.
   ========================================================================== */

@media (prefers-color-scheme: dark) {

	:root {
		--cdm-bg: #1e2125;
		--cdm-bg-alt: #26292e;
		--cdm-surface: #2c3035;
		--cdm-border: #3f444b;
		--cdm-text: #e3e5e8;
		--cdm-text-muted: #a7adb5;
		--cdm-link: #6ea8fe;
		--cdm-link-hover: #8fbcff;
	}

	/* ------------------------------------------------------------------
	   Chutny
	   ------------------------------------------------------------------ */
	html.wp-toolbar,
	body.wp-admin,
	#wpbody-content,
	#wpcontent {
		background: var(--cdm-bg);
		color: var(--cdm-text);
	}

	body.wp-admin .wrap h1,
	body.wp-admin .wrap h2,
	body.wp-admin .wrap h3,
	body.wp-admin h1.wp-heading-inline,
	body.wp-admin label,
	body.wp-admin p,
	body.wp-admin th,
	body.wp-admin td {
		color: var(--cdm-text);
	}

	body.wp-admin a { color: var(--cdm-link); }
	body.wp-admin a:hover,
	body.wp-admin a:focus { color: var(--cdm-link-hover); }

	body.wp-admin .description,
	body.wp-admin .subsubsub li,
	body.wp-admin .howto {
		color: var(--cdm-text-muted);
	}

	/* ------------------------------------------------------------------
	   Postboxy / metaboxy / karty
	   ------------------------------------------------------------------ */
	body.wp-admin .postbox,
	body.wp-admin .stuffbox,
	body.wp-admin .card,
	body.wp-admin .plugin-card,
	body.wp-admin .theme,
	body.wp-admin div.updated,
	body.wp-admin div.notice,
	body.wp-admin div.error {
		background: var(--cdm-surface);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .postbox .hndle,
	body.wp-admin .postbox .postbox-header {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin hr {
		border-color: var(--cdm-border);
	}

	/* ------------------------------------------------------------------
	   Tabulky (list table — Stránky, Příspěvky, Média list view, Uživatelé…)
	   ------------------------------------------------------------------ */
	body.wp-admin .wp-list-table,
	body.wp-admin .widefat {
		background: var(--cdm-surface);
		color: var(--cdm-text);
	}

	body.wp-admin .wp-list-table th,
	body.wp-admin .wp-list-table td,
	body.wp-admin .widefat th,
	body.wp-admin .widefat td {
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .wp-list-table thead th,
	body.wp-admin .wp-list-table tfoot th,
	body.wp-admin .widefat thead th,
	body.wp-admin .widefat thead td {
		background: var(--cdm-bg-alt);
		color: var(--cdm-text);
	}

	/* Střídání řádků — pluginy.php a další tabulky nepoužívají vždy .striped,
	   proto přebít natvrdo na obou variantách (lichý/sudý) s !important, aby to
	   vyhrálo nad core inline/specifičtějšími pravidly pro konkrétní stavy řádku */
	body.wp-admin .wp-list-table tbody tr,
	body.wp-admin .widefat tbody tr,
	body.wp-admin .striped > tbody > * {
		background: var(--cdm-surface) !important;
	}

	body.wp-admin .wp-list-table tbody tr:nth-child(even),
	body.wp-admin .widefat tbody tr:nth-child(even),
	body.wp-admin .striped > tbody > :nth-child(odd) {
		background: var(--cdm-bg-alt) !important;
	}

	body.wp-admin .wp-list-table .row-actions {
		color: var(--cdm-text-muted);
	}

	/* ------------------------------------------------------------------
	   Formulářové prvky
	   ------------------------------------------------------------------ */
	body.wp-admin input[type="text"],
	body.wp-admin input[type="search"],
	body.wp-admin input[type="password"],
	body.wp-admin input[type="email"],
	body.wp-admin input[type="url"],
	body.wp-admin input[type="number"],
	body.wp-admin textarea,
	body.wp-admin select {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin input[type="text"]:focus,
	body.wp-admin input[type="search"]:focus,
	body.wp-admin textarea:focus,
	body.wp-admin select:focus {
		border-color: var(--cdm-link);
	}

	body.wp-admin .wp-core-ui .button,
	body.wp-admin .wp-core-ui .button-secondary {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .wp-core-ui .button:hover {
		background: var(--cdm-surface);
		color: var(--cdm-text);
	}

	body.wp-admin .wp-core-ui .button-primary {
		background: var(--cdm-link);
		border-color: var(--cdm-link);
		color: #0b1220;
	}

	body.wp-admin .wp-core-ui .button-primary:hover {
		background: var(--cdm-link-hover);
		border-color: var(--cdm-link-hover);
	}

	/* ------------------------------------------------------------------
	   Média — knihovna (grid i list view) a modal
	   ------------------------------------------------------------------ */
	body.wp-admin .media-frame,
	body.wp-admin .media-frame-content,
	body.wp-admin .media-frame-router,
	body.wp-admin .media-frame-toolbar,
	body.wp-admin .attachments-browser .media-toolbar,
	body.wp-admin .media-sidebar,
	body.wp-admin .attachments,
	body.wp-admin .attachment {
		background: var(--cdm-bg);
		color: var(--cdm-text);
	}

	body.wp-admin .media-frame select.attachment-filters,
	body.wp-admin .media-frame input[type="search"] {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .attachment .thumbnail {
		background: var(--cdm-surface);
	}

	body.wp-admin .attachment.details .attachment-preview,
	body.wp-admin .attachment:hover .attachment-preview {
		background: var(--cdm-surface);
	}

	body.wp-admin .media-modal-content,
	body.wp-admin .media-frame select,
	body.wp-admin .compat-item {
		background: var(--cdm-bg);
		color: var(--cdm-text);
	}

	body.wp-admin .media-frame .media-toolbar-primary .media-button,
	body.wp-admin .media-frame .media-toolbar-secondary .media-button {
		background: var(--cdm-bg-alt);
		color: var(--cdm-text);
		border-color: var(--cdm-border);
	}

	/* ------------------------------------------------------------------
	   Blokový editor (Gutenberg) — chrome kolem, ne obsah v iframe
	   ------------------------------------------------------------------ */
	body.wp-admin .interface-interface-skeleton,
	body.wp-admin .edit-post-header,
	body.wp-admin .editor-header,
	body.wp-admin .interface-interface-skeleton__header,
	body.wp-admin .interface-interface-skeleton__sidebar,
	body.wp-admin .editor-sidebar,
	body.wp-admin .edit-post-sidebar,
	body.wp-admin .editor-post-publish-panel,
	body.wp-admin .components-panel__body,
	body.wp-admin .block-editor-block-inspector {
		background: var(--cdm-bg);
		color: var(--cdm-text);
	}

	body.wp-admin .components-panel__body-title button,
	body.wp-admin .components-panel__row label {
		color: var(--cdm-text);
	}

	body.wp-admin .components-text-control__input,
	body.wp-admin .components-select-control__input,
	body.wp-admin .components-textarea-control__input {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .components-button.is-primary {
		background: var(--cdm-link);
		color: #0b1220;
	}

	/* Modály obecně (potvrzovací dialogy, uvítací průvodce editorem atd.) —
	   univerzální třídy komponentové knihovny, platí napříč celou administrací */
	body.wp-admin .components-modal__frame,
	body.wp-admin .components-modal__content,
	body.wp-admin .components-guide,
	body.wp-admin .components-guide__page {
		background: var(--cdm-surface);
		color: var(--cdm-text);
	}

	body.wp-admin .components-guide__page-control-icon circle {
		fill: var(--cdm-text-muted);
	}

	/* Levý panel editoru (vkládání bloků: Bloky/Vzory/Média, i seznam bloků
	   dokumentu) — samostatný strukturální region, není potomkem
	   .editor-sidebar/.edit-post-sidebar výš (to je jen ten PRAVÝ panel) */
	body.wp-admin .interface-interface-skeleton__secondary-sidebar,
	body.wp-admin .block-editor-tabbed-sidebar,
	body.wp-admin .block-editor-inserter__menu,
	body.wp-admin .block-editor-inserter__panel-content,
	body.wp-admin .block-editor-list-view-tree,
	body.wp-admin .editor-list-view-sidebar,
	body.wp-admin .edit-post-list-view-sidebar {
		background: var(--cdm-bg);
		color: var(--cdm-text);
	}

	body.wp-admin .block-editor-inserter__search-input,
	body.wp-admin .block-editor-inserter__search .components-input-control__input {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.wp-admin .block-editor-block-types-list__item-title,
	body.wp-admin .block-editor-block-card__title,
	body.wp-admin .block-editor-block-card__description,
	body.wp-admin .block-editor-block-patterns-list__item-title {
		color: var(--cdm-text);
	}

	/* Zavírací tlačítko panelu vkládání bloků má vlastní natvrdo bílé pozadí
	   (WP core styl), nezdědí ho z .block-editor-tabbed-sidebar výš */
	body.wp-admin .block-editor-tabbed-sidebar__close-button {
		background: transparent;
		color: var(--cdm-text);
	}

	/* Všechna vyskakovací menu (Možnosti dokumentu, "..." menu bloku, výběr
	   barvy, odkazový popover atd.) sdílí tuhle komponentu — jedno pravidlo
	   pokrývá naprostou většinu zbylých bílých ploch v editoru */
	body.wp-admin .components-popover__content,
	body.wp-admin .components-dropdown-menu__menu {
		background: var(--cdm-surface);
		color: var(--cdm-text);
		border-color: var(--cdm-border);
	}

	body.wp-admin .components-menu-item__button,
	body.wp-admin .components-menu-item__item,
	body.wp-admin .components-menu-group__label {
		color: var(--cdm-text);
	}

	body.wp-admin .components-menu-item__button:hover,
	body.wp-admin .components-menu-item__button:focus {
		background: var(--cdm-bg-alt);
		color: var(--cdm-text);
	}

	/* Poznámka: ikony ve WP core komponentách jdou skoro vždy přes SVG s
	   fill="currentColor", takže jim stačí, že rodič dostal správnou barvu
	   textu výš (viz .components-menu-item__button, panely nad tímhle
	   pravidlem) — netřeba plošně přebíjet fill na <svg>, to by rozbilo
	   záměrně barevné ikony (Kadence, kategorie bloků atd.). Cílené opravy
	   konkrétních natvrdo černých ikon (pokud se najdou) patří sem, ne jako
	   plošné pravidlo. */

	/* ------------------------------------------------------------------
	   Přihlašovací obrazovka (wp-login.php)
	   ------------------------------------------------------------------ */
	body.login {
		background: var(--cdm-bg);
	}

	body.login #login form {
		background: var(--cdm-surface);
		border-color: var(--cdm-border);
		box-shadow: none;
	}

	body.login label {
		color: var(--cdm-text);
	}

	body.login input[type="text"],
	body.login input[type="password"] {
		background: var(--cdm-bg-alt);
		border-color: var(--cdm-border);
		color: var(--cdm-text);
	}

	body.login #nav a,
	body.login #backtoblog a {
		color: var(--cdm-link);
	}
}