/*
Theme Name: Arruma Meu PC Dashboard
Theme URI: https://arrumameupc.com.br
Description: Tema filho do GeneratePress para o dashboard de diagnóstico técnico (dark mode).
Author: Arruma Meu PC
Template: generatepress
Version: 1.8.21
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ampc-dashboard
License: GNU General Public License v2 or later
*/

/* ==========================================================================
   Paleta global — Arruma Meu PC
   ========================================================================== */
:root {
	--ampc-bg: #1e252b;
	--ampc-navy: #101d33;
	--ampc-cyan: #00d2ff;
	--ampc-orange: #ff9800;
	--ampc-green: #8bc34a;
	--ampc-yellow: #ffeb3b;
	--ampc-text: #e8eef2;
	--ampc-muted: #9aa8b2;
	--ampc-line: rgba(0, 210, 255, 0.18);
	--ampc-card: #252e36;
	--ampc-radius: 10px;
	--ampc-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html {
	background: var(--ampc-bg);
}

body,
body.ampc-theme {
	background: var(--ampc-bg) !important;
	color: var(--ampc-text);
	font-family: var(--ampc-font);
}

body .site,
body .site-content,
body #page,
body #content,
body .site-main,
body .inside-article,
body .entry-content,
body .entry-header,
body .page-header,
body .widget-area,
body .woocommerce {
	background: var(--ampc-bg);
	color: var(--ampc-text);
}

body.ampc-theme h1,
body.ampc-theme h2,
body.ampc-theme h3,
body.ampc-theme h4,
body.ampc-theme h5,
body.ampc-theme h6,
body.ampc-theme .entry-title,
body.ampc-theme .page-title,
body.ampc-theme .entry-content,
body.ampc-theme .entry-summary,
body.ampc-theme p,
body.ampc-theme li,
body.ampc-theme .widget {
	color: var(--ampc-text);
}

body.ampc-theme .entry-title a,
body.ampc-theme .page-title a {
	color: var(--ampc-text);
}

a {
	color: var(--ampc-cyan);
}

a:hover,
a:focus {
	color: #7ae7ff;
}

/* Cabeçalho / contraste */
.site-header,
.main-navigation,
.inside-header,
.site-footer,
.footer-widgets,
.inside-site-info {
	background: var(--ampc-navy) !important;
	color: var(--ampc-text);
}

.site-header,
.inside-header {
	border-bottom: 1px solid var(--ampc-line);
}

.site-footer,
.inside-site-info {
	border-top: 1px solid var(--ampc-line);
	color: var(--ampc-muted);
}

body.ampc-dashboard-view .sidebar,
body.ampc-dashboard-view .widget-area {
	display: none;
}

.main-navigation a,
.site-branding .main-title a,
.site-description {
	color: var(--ampc-text) !important;
}

.main-navigation .main-nav ul li[class*="current-menu"] > a {
	color: var(--ampc-cyan) !important;
}

/* CTA */
.button,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.ampc-btn {
	background: var(--ampc-cyan) !important;
	color: var(--ampc-navy) !important;
	border: 0 !important;
	border-radius: var(--ampc-radius);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.button:hover,
.ampc-btn:hover {
	filter: brightness(1.08);
}

.ampc-btn-ghost {
	background: transparent !important;
	color: var(--ampc-cyan) !important;
	border: 1px solid var(--ampc-cyan) !important;
}

/* Status */
.ampc-ok,
.woocommerce-message {
	color: var(--ampc-green);
}

.ampc-warn {
	color: var(--ampc-yellow);
}

.ampc-alert,
.woocommerce-error,
.woocommerce-info {
	color: var(--ampc-orange);
}

/* ==========================================================================
   Shell dashboard
   ========================================================================== */
.ampc-shell {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	min-height: calc(100vh - 80px);
	background: var(--ampc-bg);
}

.ampc-sidebar {
	background: var(--ampc-navy);
	border-right: 1px solid var(--ampc-line);
	padding: 1.5rem 1.15rem;
}

.ampc-sidebar__brand {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--ampc-cyan);
	margin: 0 0 1.5rem;
}

.ampc-sidebar a {
	display: block;
	padding: 0.55rem 0.7rem;
	border-radius: 8px;
	text-decoration: none;
	color: var(--ampc-text);
}

.ampc-sidebar a:hover,
.ampc-sidebar a.is-active {
	background: rgba(0, 210, 255, 0.12);
	color: var(--ampc-cyan);
}

.ampc-main {
	padding: 1.75rem 1.5rem 3rem;
}

.ampc-card {
	background: var(--ampc-card);
	border: 1px solid var(--ampc-line);
	border-radius: var(--ampc-radius);
	padding: 1.25rem 1.35rem;
	margin: 0 0 1rem;
}

.ampc-card h1,
.ampc-card h2,
.ampc-kicker {
	margin-top: 0;
}

.ampc-kicker {
	color: var(--ampc-cyan);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.ampc-meta-block h3 {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
	color: var(--ampc-cyan);
}

.ampc-alert-box {
	border-left: 3px solid var(--ampc-orange);
	padding-left: 0.9rem;
	color: var(--ampc-orange);
}

.ampc-ok-box {
	border-left: 3px solid var(--ampc-green);
	padding-left: 0.9rem;
}

.ampc-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: ampc-step;
}

.ampc-steps li {
	display: none;
	counter-increment: ampc-step;
}

.ampc-steps li.is-active {
	display: block;
}

.ampc-steps li::before {
	content: "Teste " counter(ampc-step);
	display: block;
	color: var(--ampc-yellow);
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
}

.ampc-step-nav {
	display: flex;
	gap: 0.6rem;
	margin-top: 1rem;
}

.ampc-locked {
	max-width: 40rem;
}

.ampc-paywall {
	position: relative;
	margin: 0 0 1rem;
	border: 1px solid var(--ampc-line);
	border-radius: var(--ampc-radius);
	overflow: hidden;
	background: var(--ampc-card);
}

.ampc-paywall__blur {
	filter: blur(8px);
	user-select: none;
	pointer-events: none;
	opacity: 0.4;
	padding: 1.25rem 1.35rem 5rem;
	color: var(--ampc-muted);
}

.ampc-paywall__card {
	position: relative;
	margin: -3.5rem 1rem 1rem;
	padding: 1.25rem 1.35rem;
	background: var(--ampc-navy);
	border: 1px solid var(--ampc-line);
	border-radius: var(--ampc-radius);
	border-left: 3px solid var(--ampc-yellow);
}

.ampc-paywall__card h2 {
	margin: 0 0 0.6rem;
	color: var(--ampc-text);
}

.ampc-paywall__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
}

@media (max-width: 860px) {
	.ampc-shell {
		grid-template-columns: 1fr;
	}

	.ampc-sidebar {
		border-right: 0;
		border-bottom: 1px solid var(--ampc-line);
	}
}
