/* AshSec — supplementary styles (loaded after theme.json global styles) */

body { -webkit-font-smoothing: antialiased; }
::selection { background: var(--wp--preset--color--amber); color: var(--wp--preset--color--ink); }

/* ---- Header / nav ---- */
.ashsec-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(10,15,26,0.86);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.ashsec-logo {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 600; font-size: 17px; letter-spacing: 0.02em;
}
.ashsec-cursor { color: var(--wp--preset--color--amber); animation: ashsec-blink 1.1s step-end infinite; }
@keyframes ashsec-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ashsec-cursor { animation: none; } }

/* Navigation block: port-styled enhancement (see assets/js/nav-enhance.js) */
.wp-block-navigation .wp-block-navigation-item__label { font-family: var(--wp--preset--font-family--mono); font-size: 12.5px; }
.ashsec-port-dot {
	display: inline-block; width: 6px; height: 6px; border-radius: 50%;
	margin-right: 7px; box-shadow: 0 0 6px currentColor;
}
.ashsec-port-dot.c-low { background: var(--wp--preset--color--sig-low); color: var(--wp--preset--color--sig-low); }
.ashsec-port-dot.c-amber { background: var(--wp--preset--color--amber); color: var(--wp--preset--color--amber); }
.ashsec-port-dot.c-medium { background: var(--wp--preset--color--sig-medium); color: var(--wp--preset--color--sig-medium); }
.ashsec-port-label { color: var(--wp--preset--color--paper-dim); font-size: 11px; margin-right: 5px; }
@media (max-width: 640px) { .ashsec-port-label { display: none; } }

/* ---- Hero scan output ---- */
.ashsec-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px; letter-spacing: 0.06em; color: var(--wp--preset--color--amber);
}
.ashsec-scan-output {
	font-family: var(--wp--preset--font-family--mono); font-size: 12.5px;
	color: var(--wp--preset--color--paper-dim); white-space: pre-wrap; min-height: 64px;
	border-left: 2px solid #6E5530; padding-left: 14px; margin: 0 0 10px;
}

/* ---- Buttons ---- */
.is-style-ashsec-fill .wp-block-button__link {
	background: var(--wp--preset--color--amber) !important; color: var(--wp--preset--color--ink) !important;
	font-family: var(--wp--preset--font-family--mono); font-weight: 600; border-radius: 3px !important;
}
.is-style-ashsec-fill .wp-block-button__link:hover { background: #ffc274 !important; }
.is-style-ashsec-ghost .wp-block-button__link {
	background: transparent !important; border: 1px solid var(--wp--preset--color--line) !important;
	color: var(--wp--preset--color--paper) !important; font-family: var(--wp--preset--font-family--mono);
	border-radius: 3px !important;
}
.is-style-ashsec-ghost .wp-block-button__link:hover { border-color: #6E5530 !important; color: var(--wp--preset--color--amber) !important; }

/* ---- Identification / id-card pattern ---- */
.ashsec-id-card {
	background: var(--wp--preset--color--ink-2); border: 1px solid var(--wp--preset--color--line);
	border-radius: 6px; padding: 22px 24px;
}
.ashsec-id-row {
	display: flex; gap: 18px; padding: 9px 0; font-size: 14px;
	border-bottom: 1px solid var(--wp--preset--color--line); flex-wrap: wrap;
}
.ashsec-id-row:last-child { border-bottom: none; }
.ashsec-id-row .ashsec-id-key {
	font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--paper-dim);
	width: 76px; flex-shrink: 0; font-size: 12px; padding-top: 2px;
}
.ashsec-badge {
	display: inline-block; font-family: var(--wp--preset--font-family--mono); font-size: 11.5px;
	letter-spacing: 0.03em; border: 1px solid #6E5530; color: var(--wp--preset--color--amber);
	padding: 6px 11px; border-radius: 20px; margin: 0 8px 8px 0;
}

/* ---- Findings log (Query Loop post template) ---- */
.ashsec-finding {
	border-top: 1px solid var(--wp--preset--color--line); padding: 26px 0; transition: padding-left .15s;
}
.ashsec-finding:hover { padding-left: 8px; }
.ashsec-finding-head {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--mono); font-size: 11.5px; color: var(--wp--preset--color--paper-dim);
	margin-bottom: 8px;
}
.ashsec-tag {
	padding: 3px 8px; border-radius: 3px; font-weight: 600; letter-spacing: 0.03em;
	background: rgba(255,180,84,0.12); color: var(--wp--preset--color--amber);
}
.wp-block-post-terms a { color: inherit; }

/* ---- Entry content (posts/pages) ---- */
.entry-content pre, .wp-block-code {
	font-family: var(--wp--preset--font-family--mono) !important; background: var(--wp--preset--color--ink-2);
	border: 1px solid var(--wp--preset--color--line); padding: 18px; border-radius: 6px;
	overflow-x: auto; font-size: 13.5px; line-height: 1.6;
}
code { font-family: var(--wp--preset--font-family--mono); background: var(--wp--preset--color--ink-2);
	border: 1px solid var(--wp--preset--color--line); padding: 2px 6px; border-radius: 3px; font-size: 0.9em;
	color: var(--wp--preset--color--sig-low);
}
pre code { background: none; border: none; padding: 0; color: var(--wp--preset--color--paper); }
.wp-block-quote { border-left: 3px solid #6E5530; padding-left: 18px; color: var(--wp--preset--color--paper-dim); font-style: italic; }
figure img, .wp-block-image img { border-radius: 6px; border: 1px solid var(--wp--preset--color--line); }
.wp-block-table table { border-collapse: collapse; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--wp--preset--color--line); padding: 8px 12px; }
.wp-block-table th { color: var(--wp--preset--color--amber); font-family: var(--wp--preset--font-family--mono); font-size: 12px; }

/* A ready-made "callout / note" box, available as a Group block style variation */
.is-style-ashsec-callout {
	background: var(--wp--preset--color--ink-2);
	border-left: 3px solid var(--wp--preset--color--amber);
	border-radius: 4px;
	padding: 16px 20px;
}

/* ---- Footer ---- */
.ashsec-footer { text-align: center; }
.ashsec-footer p { font-family: var(--wp--preset--font-family--mono); font-size: 12px; color: var(--wp--preset--color--paper-dim); }
.ashsec-closed::before { content: "> "; color: #6E5530; }

/* Section rhythm — using classNames (not inline block styles) so the
   block editor never flags a markup mismatch when you edit these blocks. */
.ashsec-section { padding: 96px 24px; }
.ashsec-hero { border-bottom: 1px solid var(--wp--preset--color--line); padding-top: 72px; padding-bottom: 80px; }
.ashsec-about { border-bottom: 1px solid var(--wp--preset--color--line); }

/* Site title "cursor" flourish */
.ashsec-logo a::after {
	content: "_"; color: var(--wp--preset--color--amber); margin-left: 2px;
	animation: ashsec-blink 1.1s step-end infinite;
}
.ashsec-logo a { font-family: var(--wp--preset--font-family--mono); font-weight: 600; }