/*
Theme Name:  Emptorium eID
Description: A Kadence based child theme
Author:      ellegaard ID
Template:    kadence
Version:     1.0.0
Text Domain: emptorium-kadence-eid
*/

/* Focus ring: 2px ink, 2px offset. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--global-palette3);
	outline-offset: 2px;
}

/* Content links: ink text, 2px accent underline. */
.entry-content a:where(:not(.button, .wp-block-button__link, .kb-button, .kt-button)) {
	text-decoration-line: underline;
	text-decoration-color: var(--global-palette1);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* Inputs: surface fill, 1px muted border, 2px radius. */
input:where([type="text"], [type="email"], [type="tel"], [type="url"], [type="password"], [type="search"], [type="number"]),
textarea,
select {
	background-color: var(--global-palette9);
	border: 1px solid var(--global-palette6);
	border-radius: 2px;
	color: var(--global-palette3);
}

/* Catalogue grid images: 4:5 */
.eid-catalogue-image img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; height: auto; }

/* Catalogue labels: no underline at rest */
.entry-content a.kb-advanced-heading-link { text-decoration: none; }
.entry-content a.kb-advanced-heading-link:hover { text-decoration: underline; text-decoration-color: var(--global-palette1); text-decoration-thickness: 2px; text-underline-offset: 3px; }