/*
Theme Name:   Petitecouturebags
Description:  Blocksy child theme for the Petitecouturebags pre-owned luxury bags boutique. Quiet-luxury aesthetic inspired by voila.id: airy whites, near-black text, champagne-gold accents, serif headings.
Author:       SketsaWeb
Template:     blocksy
Version:      1.0.0
Text Domain:  petitecouturebags
*/

:root {
	--pcb-bg: #ffffff;
	--pcb-text: #141414;
	--pcb-muted: #6b6b6b;
	--pcb-hairline: #e5e5e5;
	--pcb-gold: #b08d57;
	--pcb-gold-soft: #f7f1e6;
	--pcb-dark: #111111;
}

/* Base */
body {
	background: var(--pcb-bg);
	color: var(--pcb-text);
	-webkit-font-smoothing: antialiased;
}

/* Typography: serif headings, clean sans body */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
	font-weight: 500;
	letter-spacing: 0.01em;
}

body, p, span, div, li, a, button, input, select, textarea {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Eyebrow labels: small uppercase, letter-spaced */
.pcb-eyebrow,
.woocommerce-products-header__title,
.woocommerce-breadcrumb {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 12px;
	color: var(--pcb-muted);
}

/* Quiet luxury: generous whitespace, hairline dividers */
.entry-content,
.woocommerce-product-details__short-description {
	line-height: 1.8;
}

hr, .wp-block-separator {
	border-color: var(--pcb-hairline);
}

/* Buttons: dark charcoal primary (voila.id convention), gold hover */
.wp-block-button__link,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--pcb-dark);
	color: #fff;
	border: 1px solid var(--pcb-dark);
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 12px;
	font-weight: 600;
	padding: 16px 32px;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.wp-block-button__link:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--pcb-gold);
	border-color: var(--pcb-gold);
	color: #fff;
}

/* WooCommerce: product cards — airy grid */
ul.products li.product {
	text-align: left;
}

ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 17px;
	font-weight: 500;
}

ul.products li.product .price {
	color: var(--pcb-text);
	font-weight: 600;
}

ul.products li.product .price del {
	color: var(--pcb-muted);
	font-weight: 400;
}

/* Brand name above product title (voila.id card convention) */
.pcb-brand-name {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 11px;
	color: var(--pcb-muted);
	margin-bottom: 6px;
}

/* Sale / TERJUAL badges */
.woocommerce span.onsale,
.pcb-sold-badge {
	background: var(--pcb-dark);
	color: var(--pcb-gold);
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 11px;
	font-weight: 700;
	padding: 8px 14px;
	min-height: 0;
	line-height: 1.4;
}

/* Single product: price bold, airy layout */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--pcb-text);
	font-size: 26px;
	font-weight: 600;
	font-family: 'Playfair Display', Georgia, serif;
}

/* Header: minimal, hairline bottom border */
.site-header {
	border-bottom: 1px solid var(--pcb-hairline);
}

/* Footer: quiet dark zone */
.site-footer {
	background: #0e0e0e;
	color: #cfcfcf;
}

.site-footer a {
	color: #cfcfcf;
}

.site-footer a:hover {
	color: var(--pcb-gold);
}

.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer .widget-title {
	color: #fff;
	font-family: 'Playfair Display', Georgia, serif;
	text-transform: none;
	letter-spacing: 0.04em;
}

/* Value-prop strip (100% Authentic etc.) */
.pcb-trust-strip {
	border-top: 1px solid var(--pcb-hairline);
	border-bottom: 1px solid var(--pcb-hairline);
	padding: 28px 0;
}

.pcb-trust-strip .pcb-trust-item {
	text-align: center;
}

.pcb-trust-strip .pcb-trust-item strong {
	display: block;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
}

.pcb-trust-strip .pcb-trust-item span {
	font-size: 13px;
	color: var(--pcb-muted);
}

/* Seasonal skins (body classes come from the Petitecouturebags plugin) */
body.pcb-skin-natal .button:hover,
body.pcb-skin-natal .wp-block-button__link:hover { background: #b3122f; border-color: #b3122f; }

body.pcb-skin-imlek .button:hover,
body.pcb-skin-imlek .wp-block-button__link:hover { background: #c8102e; border-color: #c8102e; }

body.pcb-skin-idulfitri .button:hover,
body.pcb-skin-idulfitri .wp-block-button__link:hover { background: #0f766e; border-color: #0f766e; }

/* Responsive niceties */
@media (max-width: 768px) {
	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		font-size: 22px;
	}
}