/*
Theme Name: Showcase Catalogue
Description: A Timber-powered product catalogue demonstration theme.
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.2
Text Domain: showcase-catalogue
*/

:root { --catalogue-ink: #172033; --catalogue-accent: #0866c6; --catalogue-surface: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--catalogue-ink); font: 16px/1.5 system-ui, sans-serif; }
.site-header, .site-footer, main { max-width: 72rem; margin: auto; padding: 1.25rem; }
.site-header { display: flex; gap: 2rem; align-items: center; justify-content: space-between; }
.site-header ul { display: flex; gap: 1rem; margin: 0; padding: 0; list-style: none; }
a { color: var(--catalogue-accent); }
.catalogue-filters { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem; background: var(--catalogue-surface); }
.catalogue-filters label { display: grid; gap: .25rem; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.5rem; margin: 2rem 0; }
.product-card { border: 1px solid #d9e0eb; border-radius: .5rem; padding: 1rem; }
.product-card img, .product > img { width: 100%; height: auto; object-fit: cover; }
.badge { display: inline-block; margin: .25rem .25rem 0 0; padding: .15rem .5rem; border-radius: 1rem; background: var(--catalogue-surface); font-size: .8rem; }
.cta { padding: 2rem; background: var(--catalogue-surface); }.cta--dark { background: var(--catalogue-ink); color: white; }
table { width: 100%; border-collapse: collapse; } th, td { padding: .75rem; border-bottom: 1px solid #d9e0eb; text-align: left; }
@media (max-width: 42rem) { .site-header { align-items: flex-start; flex-direction: column; } }