/*
Theme Name: AdecPC
Theme URI: https://www.adecpc.pro
Author: AdecPC
Description: Tema custom per AdecPC — assistenza informatica e vendita PC/componenti a Roma. Nero lucido, cromature, accento neon oro. Compatibile WooCommerce.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: adecpc
*/

:root{
	--nero:#08080A;
	--nero-pannello:#131316;
	--cromo-chiaro:#E8E9EC;
	--cromo-medio:#8A8D93;
	--cromo-scuro:#3A3B40;
	--oro:#F6C453;
	--oro-scuro:#E8A93C;
	--oro-glow: rgba(246,196,83,0.45);
	--bianco:#F5F4F0;
	--grigio-testo:#A7A7AD;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	background:
		radial-gradient(ellipse at 50% -10%, rgba(246,196,83,0.08), transparent 45%),
		var(--nero);
	color:var(--bianco);
	font-family:'Segoe UI', system-ui, -apple-system, sans-serif;
	line-height:1.55;
}
h1,h2,h3,h4{
	font-family:'Oswald','Arial Narrow',Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.04em;
	margin:0 0 0.5em;
	color:var(--cromo-chiaro);
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; }
.mono{ font-family:'IBM Plex Mono',Consolas,monospace; }
.container{ max-width:1120px; margin:0 auto; padding:0 24px; }

.glass{
	background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015));
	border:1px solid rgba(255,255,255,0.08);
	backdrop-filter:blur(6px);
	box-shadow:
		0 1px 0 rgba(255,255,255,0.08) inset,
		0 20px 40px rgba(0,0,0,0.45);
	border-radius:14px;
}

.btn{
	display:inline-block;padding:15px 30px;border-radius:8px;
	font-weight:700;text-decoration:none;font-size:0.85rem;
	letter-spacing:0.08em;text-transform:uppercase;
	transition:transform .2s ease, box-shadow .2s ease;
	border:none;cursor:pointer;
}
.btn-primario{
	background:linear-gradient(135deg, var(--oro), var(--oro-scuro));
	color:#1a1300;
}
.btn-primario:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 30px rgba(246,196,83,0.35), 0 0 24px var(--oro-glow);
}
.btn-secondario{
	border:1px solid var(--cromo-medio);color:var(--cromo-chiaro);
	background:transparent;
}
.btn-secondario:hover{
	border-color:var(--oro);color:var(--oro);
	box-shadow:0 0 16px var(--oro-glow);
}

/* ===================== HEADER ===================== */
.site-header{
	display:flex;align-items:center;justify-content:space-between;
	padding:22px 24px;
	max-width:1120px;margin:0 auto;
	flex-wrap:wrap; gap:16px;
}
.site-branding{ display:flex; align-items:center; gap:12px; }
.site-branding svg{ width:46px; height:46px; flex-shrink:0; }
.site-branding .nome{ font-family:'Oswald',sans-serif; font-weight:700; font-size:1.2rem; letter-spacing:0.12em; color:var(--cromo-chiaro); }
.site-branding .nome .pc{ color:var(--oro); text-shadow:0 0 12px var(--oro-glow); }

.main-navigation ul{ list-style:none; display:flex; gap:30px; margin:0; padding:0; }
.main-navigation a{
	font-size:0.85rem; letter-spacing:0.06em; text-transform:uppercase;
	color:var(--grigio-testo); transition:color .2s, text-shadow .2s;
}
.main-navigation a:hover{ color:var(--oro); text-shadow:0 0 10px var(--oro-glow); }
.main-navigation .current-menu-item > a{ color:var(--oro); }

.menu-toggle{ display:none; }

@media (max-width:760px){
	.main-navigation ul{ display:none; }
	.menu-toggle{
		display:block; background:none; border:1px solid var(--cromo-medio);
		color:var(--cromo-chiaro); padding:8px 14px; border-radius:6px;
	}
	.main-navigation.toggled ul{
		display:flex; flex-direction:column; gap:14px;
		width:100%; padding:16px 0 0;
	}
}

/* ===================== HERO ===================== */
.hero{ padding:90px 24px 60px; text-align:center; }
.hero-badge{ width:110px; height:110px; margin:0 auto 26px; animation:float 6s ease-in-out infinite; }
@keyframes float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
.eyebrow{
	font-family:'IBM Plex Mono',monospace; font-size:0.78rem; letter-spacing:0.18em;
	text-transform:uppercase; color:var(--oro); display:inline-block; margin-bottom:22px;
	border:1px solid rgba(246,196,83,0.35); padding:6px 16px; border-radius:100px;
	text-shadow:0 0 8px var(--oro-glow);
}
.hero h1{ font-size:clamp(2rem, 5vw, 3.4rem); max-width:820px; margin:0 auto 22px; }
.hero h1 .accent{ color:var(--oro); text-shadow:0 0 22px var(--oro-glow), 0 0 4px rgba(246,196,83,0.8); }
.hero p.lead{ max-width:560px; margin:0 auto 34px; color:var(--grigio-testo); font-size:1.05rem; text-transform:none; }
.cta-group{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ===================== PILASTRI ===================== */
.pilastri-wrap{ padding:40px 24px 20px; }
.pilastri{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1040px; margin:0 auto; }
.pilastro{ padding:32px 26px 28px; transition:transform .35s ease, box-shadow .35s ease; }
.pilastro:hover{
	transform:translateY(-6px);
	box-shadow:0 1px 0 rgba(255,255,255,0.1) inset, 0 30px 60px rgba(0,0,0,0.55), 0 0 30px rgba(246,196,83,0.12);
}
.pilastro .num{
	font-family:'IBM Plex Mono',monospace; font-size:0.75rem; color:var(--oro);
	display:block; margin-bottom:12px; letter-spacing:0.1em; text-shadow:0 0 8px var(--oro-glow);
}
.pilastro h3{ font-size:1.2rem; }
.pilastro p{ color:var(--grigio-testo); font-size:0.92rem; margin-bottom:18px; text-transform:none; letter-spacing:normal; }
.pilastro .link-pilastro{ font-family:'IBM Plex Mono',monospace; font-size:0.82rem; color:var(--oro); }
.pilastro .link-pilastro:hover{ text-shadow:0 0 8px var(--oro-glow); }

@media (max-width:760px){ .pilastri{ grid-template-columns:1fr; } }

/* ===================== STORIA ===================== */
.storia{ padding:90px 24px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:56px; max-width:1120px; margin:0 auto; align-items:center; }
.storia p{ color:var(--grigio-testo); margin-bottom:14px; text-transform:none; letter-spacing:normal; font-size:1rem; }
.specs-card{ padding:28px; font-family:'IBM Plex Mono',monospace; font-size:0.88rem; }
.specs-card .riga{ display:flex; justify-content:space-between; padding:11px 0; border-bottom:1px dashed rgba(255,255,255,0.1); }
.specs-card .riga:last-child{ border-bottom:none; }
.specs-card .chiave{ color:var(--grigio-testo); }
.specs-card .valore{ color:var(--oro); text-shadow:0 0 6px var(--oro-glow); }

@media (max-width:760px){ .storia{ grid-template-columns:1fr; } }

/* ===================== CONTENUTO GENERICO (pagine, blog) ===================== */
.contenuto-pagina{ max-width:820px; margin:0 auto; padding:80px 24px; }
.contenuto-pagina h1{ font-size:2.2rem; }
.contenuto-pagina p, .contenuto-pagina li{ color:var(--grigio-testo); text-transform:none; letter-spacing:normal; }
.contenuto-pagina a:not(.btn){ color:var(--oro); text-decoration:underline; }

/* ===================== FOOTER ===================== */
.site-footer{ border-top:1px solid rgba(255,255,255,0.08); padding:44px 24px; text-align:center; color:var(--grigio-testo); font-size:0.85rem; }
.site-footer .oro{ color:var(--oro); }
.site-footer p{ margin:0 0 8px; }

/* ===================== WOOCOMMERCE ===================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015));
	border:1px solid rgba(255,255,255,0.08);
	border-radius:14px; padding:18px; text-align:center;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	color:var(--cromo-chiaro); font-size:1rem; text-transform:none; letter-spacing:normal;
}
.woocommerce ul.products li.product .price{ color:var(--oro); font-family:'IBM Plex Mono',monospace; }
.woocommerce span.onsale{ background:var(--oro); color:#1a1300; }
.woocommerce .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit{
	background:linear-gradient(135deg, var(--oro), var(--oro-scuro)) !important;
	color:#1a1300 !important; border-radius:8px !important; border:none !important;
	font-weight:700; text-transform:uppercase; letter-spacing:0.06em; font-size:0.82rem;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--oro); font-family:'IBM Plex Mono',monospace; }
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ border:none; background:transparent; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
	color:var(--grigio-testo); background:transparent;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error{
	background:var(--nero-pannello) !important; border-top-color:var(--oro) !important; color:var(--bianco) !important;
}
.woocommerce .quantity input.qty, .woocommerce table.shop_table, .woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-checkout textarea{
	background:var(--nero-pannello); color:var(--bianco); border:1px solid rgba(255,255,255,0.15); border-radius:6px;
}
.woocommerce-breadcrumb{ color:var(--grigio-testo); padding:0 24px; max-width:1120px; margin:20px auto; }
.woocommerce-breadcrumb a{ color:var(--oro); }
main#primary{ display:block; max-width:1120px; margin:0 auto; padding:40px 24px 80px; }