/**
 * Code block styling — newo25
 *
 * Dark terminal look for code blocks. Applied via theme.json (core/code)
 * and the "dark-terminal" block style.
 */

/* Base code element inside code blocks */
.wp-block-code code {
	font-family: var(--wp--preset--font-family--fira-code);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.7;
	white-space: pre;
	overflow-x: auto;
	display: block;
	tab-size: 4;
}

/* Dark terminal block style */
.wp-block-code.is-style-dark-terminal {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--accent-2);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40);
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Terminal dots decoration */
.wp-block-code.is-style-dark-terminal::before {
	content: "\25CF  \25CF  \25CF";
	display: block;
	font-size: 0.6rem;
	letter-spacing: 2px;
	color: var(--wp--preset--color--accent-4);
	margin-bottom: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--20);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Inline code */
:where(p, li, td, th) code {
	background: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-1);
	padding: 0.15em 0.4em;
	border-radius: 4px;
	font-family: var(--wp--preset--font-family--fira-code);
	font-size: 0.875em;
	font-weight: 400;
}

/* Preformatted blocks */
.wp-block-preformatted {
	overflow-x: auto;
	tab-size: 4;
}

/* Tech badge style for post terms */
.wp-block-post-terms.is-style-tech-badge a {
	display: inline-block;
	background: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-1);
	padding: 0.2em 0.65em;
	border-radius: 4px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.wp-block-post-terms.is-style-tech-badge a:hover {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}

/* Card style for groups */
.wp-block-group.is-style-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40);
	transition: box-shadow 0.2s, border-color 0.2s;
}

.wp-block-group.is-style-card:hover {
	border-color: var(--wp--preset--color--accent-1);
	box-shadow: 0 4px 12px rgba(15, 113, 115, 0.08);
}