/*
Theme Name: EDK Lublin
Description: Motyw blokowy strony Ekstremalnej Drogi Krzyżowej Lublin. Układ i kolorystyka na wzór dawnego szablonu Purity III (czarne tło, czerwone akcenty), z poprawioną dostępnością (WCAG 2.1 AA) i widokiem mobilnym.
Version: 0.6.0
Requires at least: 6.6
Requires PHP: 8.3
Author: Krzysztof Parol
Text Domain: edk-lublin
License: GPL-2.0-or-later
*/

/* ---------- Dostępność ---------- */

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px #c40000;
	border-radius: 2px;
}

.skip-link.screen-reader-text:focus {
	background: #fff;
	color: #000;
	font-weight: 700;
	z-index: 100000;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- Nagłówek ---------- */

.edk-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* przyklejony nagłówek: sticky musi mieć element <header> części szablonu - sama grupa .edk-header
   jest tak wysoka jak jej rodzic i nie miałaby gdzie się przykleić. Na niskich ekranach (telefon
   poziomo, powiększenie 400%) nagłówek zostaje w treści, żeby nie zabierał miejsca (WCAG 1.4.10). */
@media (min-height: 500px) {
	header.wp-block-template-part:has(> .edk-header) {
		position: sticky;
		top: 0;
		z-index: 50;
	}

	.admin-bar header.wp-block-template-part:has(> .edk-header) {
		top: var(--wp-admin--admin-bar--height, 0px);
	}

	/* kotwice i element z fokusem nie chowają się pod nagłówkiem (WCAG 2.4.11) */
	html {
		scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 6rem);
	}
}

@media (max-width: 600px) {
	.admin-bar header.wp-block-template-part:has(> .edk-header) {
		top: 0;
	}
}

.edk-header__bar {
	gap: 0.75rem 1.5rem;
}

.edk-header .wp-block-site-logo img {
	height: auto;
	max-height: 56px;
	width: auto;
}

/* bieżąca strona: czerwony; na 1. poziomie dodatkowo podkreślenie (nie tylko kolor - WCAG 1.4.1) */
.edk-main-nav .current-menu-item > .wp-block-navigation-item__content,
.edk-main-nav .current-menu-ancestor > .wp-block-navigation-item__content,
.edk-main-nav .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--wp--preset--color--accent);
}

.edk-main-nav .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
.edk-main-nav .wp-block-navigation__container > .current-menu-ancestor > .wp-block-navigation-item__content,
.edk-main-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"] {
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--accent);
}

.edk-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
	box-shadow: inset 3px 0 0 var(--wp--preset--color--accent);
}

/* przycisk rozwijania podmenu: domyślnie 10×10 px, cel dotyku min. 24×24 px (WCAG 2.5.8) */
.edk-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle {
	width: 24px;
	height: 24px;
	margin-left: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.edk-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle svg {
	width: 10px;
	height: 10px;
	margin-top: 0;
}

.edk-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
	column-gap: 1.25rem;
}

/* 600–1179 px: menu nie mieści się w jednej linii obok logo i przycisku (ostatnia pozycja spadała
   do drugiego wiersza) - przycisk menu i nakładka jak na telefonie; próg z zapasem na inne fonty */
@media (min-width: 600px) and (max-width: 1179px) {
	.edk-main-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.edk-main-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* rozwijane podmenu: ciemne tło zamiast białego */
.edk-main-nav .wp-block-navigation__submenu-container {
	background: #111 !important;
	border: 1px solid var(--wp--preset--color--border) !important;
	min-width: 15rem !important;
	padding: 0.25rem 0;
}

.edk-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1rem;
	text-transform: none;
}

.edk-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: #222;
}

/* menu mobilne (nakładka) */
.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: #000 !important;
	color: #fff !important;
	padding: 1.5rem 1.25rem !important;
}

.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left;
}

.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0.35rem !important;
	width: 100%;
}

.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-left: 1px solid var(--wp--preset--color--border) !important;
	background: transparent !important;
	padding: 0.1rem 0 0.4rem 1rem !important;
	gap: 0 !important;
	margin-left: 0.25rem;
}

.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.125rem;
	padding: 0.4rem 0 !important;
}

.edk-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-weight: 700;
	box-shadow: none;
}

.edk-main-nav .wp-block-navigation__responsive-container-open,
.edk-main-nav .wp-block-navigation__responsive-container-close {
	color: #fff;
	padding: 0.4rem;
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}

.edk-header .edk-cta .wp-block-button__link {
	white-space: nowrap;
}

@media (max-width: 1179px) {
	/* menu w nakładce: przycisk deklaracji przed ikoną menu */
	.edk-header .edk-main-nav {
		order: 2;
	}
}

@media (max-width: 599px) {
	.edk-header .wp-block-site-logo img {
		max-height: 40px;
	}
	.edk-header .edk-cta .wp-block-button__link {
		padding: 0.5rem 0.75rem;
		font-size: 0.9375rem;
	}
}

/* ---------- Slajder / baner ---------- */

.edk-hero {
	background: var(--wp--preset--color--surface-2);
}

.edk-hero .wp-block-image {
	margin: 0;
}

.edk-hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* karuzela: blok Galeria z klasą edk-carousel (assets/carousel.js) */
.edk-hero .wp-block-gallery.edk-carousel {
	display: block;
	margin: 0;
	gap: 0;
	position: relative;
}

.edk-hero .wp-block-gallery.edk-carousel > figure.wp-block-image,
.edk-hero .edk-carousel__track > figure.wp-block-image {
	width: 100% !important;
	margin: 0 !important;
	flex: none;
	display: block;
	position: relative;
}

/* bez JavaScriptu: tylko pierwszy slajd */
.edk-hero .edk-carousel:not(.is-enhanced) > figure:not(:first-of-type) {
	display: none !important;
}

.edk-hero .edk-carousel__track {
	display: grid;
	touch-action: pan-y;
}

.edk-hero .edk-carousel__track > figure {
	grid-area: 1 / 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.7s ease, visibility 0s linear 0.7s;
}

.edk-hero .edk-carousel__track > figure.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.7s ease, visibility 0s;
}

.edk-hero .edk-carousel img {
	height: auto !important;
	object-fit: contain !important;
	flex: none !important;
}

/* podpis slajdu: pod obrazem na telefonie, na obrazie (prawy dolny róg) na większych ekranach */
.edk-hero .edk-carousel figure figcaption,
.edk-hero .edk-carousel figure .wp-element-caption {
	position: static !important;
	margin: 0 !important;
	padding: 0.75rem 1rem 1rem !important;
	max-height: none !important;
	overflow: visible !important;
	background: #000 !important;
	text-align: center;
	font-size: clamp(1.1rem, 2.4vw, 1.75rem) !important;
	font-weight: 500;
	color: #fff !important;
	text-shadow: none;
	width: auto !important;
	box-sizing: border-box;
}

@media (min-width: 782px) {
	.edk-hero .edk-carousel figure figcaption,
	.edk-hero .edk-carousel figure .wp-element-caption {
		position: absolute !important;
		left: auto !important;
		right: 2rem !important;
		bottom: 1.25rem !important;
		max-width: 60% !important;
		text-align: right !important;
		padding: 0 !important;
		background: transparent !important;
		text-shadow: 0 1px 3px #000, 0 0 12px #000;
	}
}

/* sterowanie nałożone na obraz (warstwa nie przechwytuje kliknięć – tylko przyciski) */
.edk-hero .edk-carousel__controls {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.edk-hero .edk-carousel__btn,
.edk-hero .edk-carousel__dot {
	pointer-events: auto;
}

.edk-hero .edk-carousel__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	opacity: 0.8;
	cursor: pointer;
	transition: opacity 0.2s, background-color 0.2s;
}

.edk-hero .edk-carousel__btn svg {
	pointer-events: none;
}

.edk-hero .edk-carousel__btn:hover,
.edk-hero .edk-carousel__btn:focus-visible {
	opacity: 1;
	background: rgba(0, 0, 0, 0.75);
}

.edk-hero .edk-carousel__prev,
.edk-hero .edk-carousel__next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.edk-hero .edk-carousel__prev {
	left: clamp(0.5rem, 2vw, 1.25rem);
}

.edk-hero .edk-carousel__next {
	right: clamp(0.5rem, 2vw, 1.25rem);
}

.edk-hero .edk-carousel__bottom {
	position: absolute;
	left: 50%;
	bottom: 0.5rem;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 0.1rem;
	padding: 0 0.25rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
}

.edk-hero .edk-carousel__bottom .edk-carousel__btn {
	background: transparent;
	width: 36px;
	height: 36px;
}

.edk-hero .edk-carousel__bottom .edk-carousel__btn svg {
	width: 18px;
	height: 18px;
}

.edk-hero .edk-carousel__dots {
	display: flex;
}

.edk-hero .edk-carousel__dot {
	width: 28px;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.edk-hero .edk-carousel__dot::before {
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
	transition: background-color 0.2s, transform 0.2s;
}

.edk-hero .edk-carousel__dot:hover::before {
	background: rgba(255, 255, 255, 0.85);
}

.edk-hero .edk-carousel__dot[aria-current="true"]::before {
	background: #fff;
	transform: scale(1.25);
}

/* podpis slajdu nie chowa się pod kropkami */
.edk-hero .edk-carousel.is-enhanced figure figcaption,
.edk-hero .edk-carousel.is-enhanced figure .wp-element-caption {
	padding-bottom: 3rem !important;
}

@media (min-width: 782px) {
	.edk-hero .edk-carousel.is-enhanced figure figcaption,
	.edk-hero .edk-carousel.is-enhanced figure .wp-element-caption {
		padding-bottom: 0 !important;
		right: 4.5rem !important;
		bottom: 3.25rem !important;
	}
}

/* stary wzorzec (jeden obraz + podpis w akapicie) – zostaje obsługiwany */
.edk-hero__slide {
	position: relative;
}

.edk-hero .edk-hero__caption {
	margin: 0;
	padding: 0.75rem 1rem 1rem;
	background: #000;
	text-align: center;
	font-size: clamp(1.1rem, 2.4vw, 1.75rem);
	font-weight: 500;
	color: #fff;
}

@media (min-width: 782px) {
	.edk-hero .edk-hero__caption {
		position: absolute;
		right: 2rem;
		bottom: 1.25rem;
		max-width: 60%;
		text-align: right;
		padding: 0;
		text-shadow: 0 1px 3px #000, 0 0 12px #000;
		background: transparent;
	}
}

.edk-red {
	color: var(--wp--preset--color--accent);
	font-weight: inherit;
}

/* ---------- Treść ---------- */

.edk-main {
	min-height: 50vh;
}

.edk-layout {
	gap: clamp(1.5rem, 4vw, 3rem) !important;
}

.edk-content :where(img) {
	height: auto;
	max-width: 100%;
}

.edk-content :where(p, li) a {
	text-underline-offset: 0.15em;
}

/* stare treści z Joomli bywają z sztywną szerokością tabel/obrazków */
.edk-content table {
	max-width: 100%;
	display: block;
	overflow-x: auto;
}

/* bez łamania słów w środku w wąskich kolumnach („Począt-ek”, „Wąwolni-ca”) */
.edk-content :where(th, td) {
	word-break: normal;
	overflow-wrap: normal;
}

.edk-content table :where(.wp-element-button, .edk-button) {
	white-space: nowrap;
}

.edk-content iframe {
	max-width: 100%;
}

/* filmy z YouTube: na całą szerokość kolumny, bez zniekształcenia na telefonie */
.edk-content iframe[src*="youtube"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.edk-content figure.wp-block-table table {
	display: table;
}

/* tabela tras z Joomli (nazwa, początek, koniec, długość, szczegóły, zapisani, przycisk):
   w wąskiej kolumnie treści każda trasa jako karta zamiast 7 ściśniętych kolumn */
.edk-content .wp-block-post-content {
	container-type: inline-size;
}

.edk-content .table-catalog {
	border-collapse: collapse;
}

.edk-content .table-catalog :where(th, td) {
	padding: 0.5rem 0.6rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.edk-content .table-catalog :where(th, td):first-child {
	text-align: left;
}

.edk-content .table-catalog td:not(:first-child) {
	white-space: nowrap;
}

@container (max-width: 719px) {
	.edk-content .table-catalog,
	.edk-content .table-catalog tbody {
		display: block;
		width: 100% !important;
	}

	/* wiersz nagłówków zostaje dla czytników ekranu */
	.edk-content .table-catalog tr:has(> th) {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.edk-content .table-catalog tr {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.2rem 1rem;
		padding: 0.9rem 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
	}

	.edk-content .table-catalog td {
		display: block;
		padding: 0;
		border: 0;
		text-align: left;
	}

	.edk-content .table-catalog td:first-child {
		flex: 1 0 100%;
		font-weight: 700;
	}

	.edk-content .table-catalog td:nth-child(2)::after {
		content: " \2192" / "";
	}

	.edk-content .table-catalog td:nth-child(3) {
		margin-left: -0.6rem;
	}

	/* „pokaż” prowadzi tam samo jak nazwa trasy */
	.edk-content .table-catalog td:nth-child(5) {
		display: none;
	}

	.edk-content .table-catalog td:nth-child(6)::before {
		content: "zapisanych: ";
	}

	.edk-content .table-catalog td:last-child {
		flex: 1 0 100%;
		margin-top: 0.5rem;
	}
}

/* podpisy w galerii: biały tekst 13 px na 40% przyciemnieniu był nieczytelny na jasnych zdjęciach */
.edk-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: rgba(0, 0, 0, 0.78);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
	padding: 0.4rem 0.6rem;
}

.edk-content .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	display: none;
}

.edk-map__error {
	color: #ff8080;
}

.edk-post-list .wp-block-post {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: 1.5rem;
}

.edk-more {
	margin-top: 1rem;
}

.edk-more__link {
	display: inline-block;
	padding: 0.45rem 1rem;
	border: 1px solid #6b6b6b;
	border-radius: 4px;
	background: #1a1a1a;
	color: #fff;
	text-decoration: none;
}

.edk-more__link:hover,
.edk-more__link:focus-visible {
	border-color: var(--wp--preset--color--accent);
	color: #fff;
}

/* strona główna: wyróżnione wpisy (wstęp + „Czytaj więcej”) */
.edk-featured .wp-block-post-title {
	font-size: var(--wp--preset--font-size--xx-large);
}

.edk-post-list .wp-block-post-title {
	margin-bottom: 0.25rem;
}

.wp-block-query-pagination a {
	padding: 0.35rem 0.6rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 3px;
	text-decoration: none;
}

.wp-block-query-pagination .page-numbers.current {
	padding: 0.35rem 0.6rem;
	background: var(--wp--preset--color--accent-dark);
	color: #fff;
	border-radius: 3px;
}

/* poprzedni / następny wpis */
.edk-post-nav {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--border);
}

.edk-post-nav .wp-block-post-navigation-link {
	flex: 1 1 15rem;
}

.edk-post-nav .post-navigation-link-next {
	text-align: right;
}

.edk-post-nav .wp-block-post-navigation-link a {
	display: inline-block;
}

.edk-post-nav .post-navigation-link__label {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

/* wyszukiwarka: ciemne pole jak w formularzach */
.wp-block-search .wp-block-search__input {
	background: #0d0d0d;
	color: #fff;
	border: 1px solid #6b6b6b;
	border-radius: 4px;
}

/* ---------- Panel boczny ---------- */

.edk-sidebar h2,
.edk-sidebar h3 {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--wp--preset--color--strong);
	text-align: center;
	margin-top: 0;
}

.edk-sidebar > * + * {
	margin-top: 2rem;
}

.edk-sidebar img {
	max-width: 100%;
	height: auto;
}

.edk-sidebar .wp-block-image,
.edk-sidebar .wp-block-image.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.edk-sidebar .wp-block-image + p {
	margin-top: 0.5rem;
}

.edk-sidebar .wp-block-social-links {
	justify-content: center;
}

/* ---------- Stopka ---------- */

.edk-footer {
	border-top: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--muted);
}

.edk-footer h2,
.edk-footer h3 {
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
}

.edk-partners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem 2.25rem;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 960px;
}

.edk-partners li {
	margin: 0;
	text-align: center;
}

.edk-partners img {
	height: 90px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	/* białe tło dla logotypów przygotowanych na jasne tło */
	background: #fff;
	padding: 6px;
	border-radius: 4px;
}

.edk-partners .edk-partners__name {
	display: block;
	font-size: 0.875rem;
	margin-top: 0.25rem;
}

.edk-footer a {
	color: var(--wp--preset--color--strong);
}

/* ---------- Formularz kontaktowy ---------- */

.edk-contact-form {
	display: grid;
	gap: 1rem;
	max-width: 640px;
}

.edk-contact-form label {
	display: block;
	font-weight: 700;
	color: var(--wp--preset--color--strong);
	margin-bottom: 0.25rem;
}

.edk-contact-form :is(input[type="text"], input[type="email"], select, textarea) {
	width: 100%;
	box-sizing: border-box;
	background: #0d0d0d;
	color: #fff;
	border: 1px solid #6b6b6b;
	border-radius: 4px;
	padding: 0.6rem 0.75rem;
	font: inherit;
}

.edk-contact-form textarea {
	min-height: 10rem;
}

.edk-contact-form .edk-cf-check {
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
	font-weight: 400;
	color: inherit;
}

.edk-contact-form .edk-cf-check input {
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.2rem;
	flex: none;
	accent-color: #c40000;
}

.edk-contact-form .edk-cf-hint {
	font-size: 0.9375rem;
	color: var(--wp--preset--color--muted);
	margin: 0.25rem 0 0;
}

.edk-contact-form .edk-cf-error {
	color: #ff8080;
}

.edk-contact-form :is(input, select, textarea)[aria-invalid="true"] {
	border-width: 2px;
	border-color: #ff8080;
}

.edk-contact-form .edk-cf-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.edk-contact-form button {
	justify-self: start;
	background: var(--wp--preset--color--accent-dark);
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 0.7rem 1.4rem;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.edk-contact-form button:hover {
	background: #e00000;
}

.edk-cf-notice {
	border-left: 4px solid;
	padding: 0.75rem 1rem;
	background: #141414;
}

.edk-cf-notice--ok {
	border-color: #3bb54a;
}

.edk-cf-notice--error {
	border-color: var(--wp--preset--color--accent);
}

/* ---------- Formularz deklaracji (wtyczka edk-signon) na ciemnym tle ---------- */

body .edk-signon {
	--edk-hint: #a3a3a3;
	--edk-error: #ff8080;
	--edk-border: #3a3a3a;
	--edk-focus: #ffffff;
	--edk-button-bg: #c40000;
	--edk-button-bg-hover: #e00000;
	--edk-notice-bg: #141414;
	--edk-notice-text: inherit;
	--edk-success: #3bb54a;
	--edk-info: #6ea8ff;
	--edk-warning: #e0a030;
	--edk-field-bg: #0d0d0d;
	--edk-field-text: #ffffff;
	--edk-field-border: #6b6b6b;
}