/*
Theme Name:     PCFast
Theme URI:      https://pcfast.nl
Description:    Twenty Twenty-Five child theme for the PCFast shop.
Author:         Shopimport
Author URI:     https://shopimport.nl
Template:       twentytwentyfive
Version:        0.1.0
Text Domain:    pcfast
*/

/* ---- PCFast brand ---------------------------------------------------------- */
:root {
	--pcf-orange: #f5820a;
	--pcf-orange-dark: #d96e00;
	--pcf-charcoal: #2b2b2b;
	--pcf-line: #e4e7eb;
}

/* Header: white bar with the PCFast logo + a clean nav. */
.pcf-header { border-bottom: 1px solid var(--pcf-line); }
.pcf-header .wp-block-site-logo img { max-height: 34px; width: auto; }
.pcf-header .wp-block-navigation { font-weight: 600; }
.pcf-header .wp-block-navigation a:hover { color: var(--pcf-orange); }

/* Hero banner: edge-to-edge image on the charcoal band, no gaps. */
.pcf-hero { overflow: hidden; }
.pcf-hero-img { margin: 0; }
.pcf-hero-img img { display: block; width: 100%; height: auto; }

/* Section headings with an orange accent. */
.pcf-h2 {
	font-weight: 800;
	letter-spacing: -0.01em;
	position: relative;
	padding-left: 0.75rem;
	margin-bottom: 1rem;
}
.pcf-h2::before {
	content: "";
	position: absolute;
	left: 0; top: 0.15em; bottom: 0.15em;
	width: 5px; border-radius: 3px;
	background: var(--pcf-orange);
}

/* USP strip. */
.pcf-usp { margin: 0; line-height: 1.35; }
.pcf-usp strong { color: var(--pcf-charcoal); }
.pcf-usp-row { gap: 1.5rem; }

/* Category tiles: light cards, orange on hover; the first one stays filled. */
.pcf-cats { gap: 0.75rem; }
.pcf-cats .wp-block-button__link {
	background: #fff;
	color: var(--pcf-charcoal);
	border: 1px solid var(--pcf-line);
	font-weight: 600;
	border-radius: 8px;
	padding: 0.85rem 1.15rem;
	transition: all 0.15s ease;
}
.pcf-cats .wp-block-button__link:hover {
	background: var(--pcf-charcoal);
	color: #fff;
	border-color: var(--pcf-charcoal);
	transform: translateY(-1px);
}
.pcf-cats .is-style-fill .wp-block-button__link,
.pcf-cats .wp-block-button:first-child .wp-block-button__link {
	background: var(--pcf-orange);
	color: #fff;
	border-color: var(--pcf-orange);
}
.pcf-cats .is-style-fill .wp-block-button__link:hover,
.pcf-cats .wp-block-button:first-child .wp-block-button__link:hover {
	background: var(--pcf-orange-dark);
	border-color: var(--pcf-orange-dark);
}

/* Store band on charcoal. */
.pcf-storeband a { color: #fff; text-decoration: underline; }
.pcf-storeband .wp-block-button__link { background: var(--pcf-orange); color: #fff; text-decoration: none; }
.pcf-storeband .wp-block-button__link:hover { background: var(--pcf-orange-dark); }

/* Newest-products grid spacing. */
.pcf-section .wc-block-grid__products,
.pcf-section ul.products { margin-top: 0.5rem; }

/* About / intro section. */
.pcf-about { text-align: center; }
.pcf-about .pcf-h2 { display: inline-block; text-align: left; }
.pcf-lead { font-size: 1.3rem; font-weight: 600; color: var(--pcf-charcoal); margin: 0.25rem 0 0.75rem; }
.pcf-about p { max-width: 780px; margin-left: auto; margin-right: auto; }
.pcf-ncnp {
	color: var(--pcf-orange);
	white-space: nowrap;
}
.pcf-services { margin-top: 1.25rem; font-size: 0; }
.pcf-services span {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 600;
	background: #fff;
	border: 1px solid var(--pcf-line);
	color: var(--pcf-charcoal);
	border-radius: 999px;
	padding: 0.35rem 0.9rem;
	margin: 0.25rem;
}

/* WhatsApp button on the store band: outlined white. */
.pcf-storeband .pcf-wa .wp-block-button__link {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.pcf-storeband .pcf-wa .wp-block-button__link:hover {
	background: #fff;
	color: var(--pcf-charcoal);
}

/* Reparatie page: price tables + service list. */
.pcf-page .pcf-h2 { margin-top: 2rem; }
.pcf-pricetable { margin: 0.75rem 0 0; }
.pcf-pricetable table { border-collapse: collapse; width: 100%; }
.pcf-pricetable td { border: 0; border-bottom: 1px solid var(--pcf-line); padding: 0.6rem 0.25rem; }
.pcf-pricetable tr td:last-child { text-align: right; font-weight: 700; white-space: nowrap; color: var(--pcf-charcoal); }
.pcf-servicelist { line-height: 1.9; }
.pcf-page-hero .pcf-h2 { margin-top: 0; }

/* Solid WhatsApp button (on orange band): white with charcoal text. */
.pcf-wa-solid .wp-block-button__link { background: #fff; color: var(--pcf-charcoal); }
.pcf-wa-solid .wp-block-button__link:hover { background: var(--pcf-ink, #1b1d21); color: #fff; }

/* Footer. */
.pcf-footer a { color: #fff; text-decoration: underline; }
.pcf-footer a:hover { color: var(--pcf-orange); }
.pcf-footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.5rem;
	margin: 0 auto 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255,255,255,0.12);
	max-width: 900px;
}
.pcf-footer-links a { text-decoration: none; font-weight: 600; font-size: 0.95rem; }
.pcf-footer-contact { margin: 0; }
.pcf-copyright { text-align: center; font-size: 0.85rem; opacity: 0.65; margin: 0.75rem 0 0; }

/* Legal pages: comfortable reading width + article spacing. */
.pcf-legal h2 { margin-top: 2rem; font-size: 1.3rem; }
.pcf-legal p, .pcf-legal ul, .pcf-legal ol { max-width: 780px; }
.pcf-hours tr td:last-child { font-weight: 700; }

@media (max-width: 600px) {
	.pcf-usp-row { gap: 0.75rem; }
}