/*
Theme Name: WPacer
Theme URI: 
Author: wpointer
Author URI: 
Description: wordpress site scanner
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpacer
Domain Path: /languages
Tags: full-site-editing, translation-ready, block-patterns
*/

/*
 * This file holds the theme header WordPress reads to register the theme.
 * In a block theme, global styles (colors, typography, spacing, layout)
 * belong in theme.json — keep this file for the header and for small CSS
 * tweaks that theme.json cannot express.
 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&display=swap');

/* Brand wordmark — refined geometric type for a cleaner product logo. */
.wpa-logo,
.wpa-logo a {
	font-family: 'Manrope', 'Noto Sans TC', sans-serif;
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1;
	text-decoration: none;
	color: #10201c;
}

.wpa-logo a:hover {
	text-decoration: none;
	color: #10201c;
}

/* Footer link columns (block markup uses .wpa-footer-links). */
.wpa-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.wpa-footer-links li {
	margin: 0;
}

.wpa-footer-links a {
	font-size: var(--wp--preset--font-size--sm);
	color: #5c716b;
	text-decoration: none;
}

.wpa-footer-links a:hover {
	color: #ff6f61;
}

/* Header navigation links inherit the muted tone, coral on hover. */
header .wp-block-navigation .wp-block-navigation-item a:hover {
	color: #ff6f61;
}

/* Feature "what we check" bullet list. */
.wpa-check-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wpa-check-list li {
	position: relative;
	padding-left: 22px;
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.85;
	/* Inherit the surrounding text colour so the list is readable on both
	   light cards and the dark "完整報告" section (no hard-coded colour). */
	color: inherit;
}

.wpa-check-list li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background: #15b0ba;
}

/* Equal-height feature cards inside columns. */
.wpa-card {
	height: 100%;
}

/* Report tables (sample report page). */
.wpa-report-table table {
	border-collapse: collapse;
	width: 100%;
	font-size: var(--wp--preset--font-size--sm);
}

.wpa-report-table th {
	background: #fbfdfc;
	text-align: left;
	font-size: var(--wp--preset--font-size--small);
	color: #5c716b;
}

.wpa-report-table th,
.wpa-report-table td {
	border: 1px solid #e2ebe7;
	padding: 13px 16px;
	line-height: 1.7;
	vertical-align: top;
}

/* Numbered install steps. */
.wpa-steps {
	counter-reset: wpa-step;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wpa-steps li {
	position: relative;
	padding-left: 34px;
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.8;
	color: #2a3e39;
}

.wpa-steps li::before {
	counter-increment: wpa-step;
	content: counter( wpa-step );
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border-radius: 99px;
	background: #e3f5f7;
	color: #0a7e86;
	font-family: 'JetBrains Mono', ui-monospace, monospace;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	display: grid;
	place-items: center;
}

/* ---- Home scan form ---------------------------------------------------- */
.wpa-scan-form {
	background: #fff;
	border: 1px solid #e2ebe7;
	border-radius: 16px;
	padding: 16px;
	box-shadow: 0 10px 30px -18px rgba( 16, 32, 28, .28 );
	margin-top: 30px;
}

.wpa-scan-form__label {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	color: #5c716b;
	margin-bottom: 9px;
}

.wpa-scan-form__row {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
}

.wpa-scan-form__input {
	flex: 1 1 220px;
	min-width: 0;
	font-size: var(--wp--preset--font-size--base);
	padding: 13px 15px;
	border: 1px solid #d8e5e1;
	border-radius: 11px;
	outline: none;
	background: #fbfdfc;
	color: #10201c;
}

.wpa-scan-form__input:focus {
	border-color: #15b0ba;
	background: #fff;
}

.wpa-scan-form__btn {
	flex: 0 0 auto;
	background: #15b0ba;
	color: #fff;
	border: 0;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
	padding: 13px 26px;
	border-radius: 11px;
	cursor: pointer;
	box-shadow: 0 8px 18px -10px rgba( 21, 176, 186, .9 );
	transition: background .15s;
}

.wpa-scan-form__btn:hover {
	background: #0a7e86;
}

.wpa-scan-form__btn:disabled {
	opacity: .7;
	cursor: default;
}

.wpa-scan-form__note {
	margin-top: 13px;
	font-size: var(--wp--preset--font-size--small);
	color: #7b8f89;
}

.wpa-scan-form__error {
	margin-top: 12px;
	background: #fdecec;
	border: 1px solid #f6c9c9;
	color: #a64545;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.7;
	padding: 10px 13px;
	border-radius: 10px;
}

/* ---- Home example result card ------------------------------------------ */
.wpa-example-findings {
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.wpa-example-findings li {
	position: relative;
	padding: 12px 0 12px 20px;
	border-top: 1px solid #f5f9f7;
}

.wpa-example-findings li:first-child {
	border-top: 0;
}

.wpa-example-findings li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 18px;
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background: #93a5a0;
}

.wpa-example-findings li[data-sev="high"]::before {
	background: #d93b3b;
}

.wpa-example-findings li[data-sev="mid"]::before {
	background: #d98a16;
}

.wpa-example-findings li[data-sev="ok"]::before {
	background: #15b0ba;
}

.wpa-example-findings strong {
	display: block;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
	margin-bottom: 4px;
}

.wpa-example-findings span {
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.75;
	color: #5c716b;
}