/*
Theme Name: Cream Reviews
Theme URI: https://creamglobal.com
Author: Cream
Description: Lightweight theme for Amazon product round-up listicles. Renders the score-card review design site-wide. Posts carry the .ar-root markup; this theme loads the fonts + design CSS and a clean shell.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: cream-reviews
*/

/* Theme shell (the design itself lives in assets/review-template.css) */
:root { --shell-line: #e9e6df; }
* { box-sizing: border-box; }
body { margin: 0; background: #faf9f6; color: #16161d;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
img { max-width: 100%; height: auto; }

/* Minimal site header/footer (theme chrome, not the article) */
.site-header { border-bottom: 1px solid var(--shell-line); background: #fff; }
.site-header .bar { max-width: 880px; margin: 0 auto; padding: 16px 20px;
  display: flex; align-items: center; justify-content: space-between; }
.site-brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 20px;
  color: #16161d; text-decoration: none; letter-spacing: -0.02em; }
.site-nav { display: flex; align-items: center; gap: 22px; list-style: none; margin: 0; padding: 0; }
.site-nav li { list-style: none; margin: 0; }
.site-nav a { color: #52525e; text-decoration: none; font-size: 14px; font-weight: 500;
  font-family: 'Space Grotesk', sans-serif; }
.site-nav a:hover, .site-nav .current-menu-item > a { color: #157a5b; }
@media (max-width: 600px) {
  .site-header .bar { flex-wrap: wrap; gap: 10px; }
  .site-nav { gap: 14px; flex-wrap: wrap; }
  .site-nav a { font-size: 13px; }
}
.site-footer { border-top: 1px solid var(--shell-line); margin-top: 60px; background: #fff; }
.site-footer .bar { max-width: 880px; margin: 0 auto; padding: 28px 20px; color: #8b8b95; font-size: 13px; }

/* Archive list */
.archive-wrap { max-width: 880px; margin: 0 auto; padding: 40px 20px; }
.archive-wrap h1 { font-family: 'Space Grotesk', sans-serif; letter-spacing: -0.02em; }
.post-list { list-style: none; padding: 0; }
.post-list li { margin: 0 0 12px; }
.post-list a { display: block; padding: 18px 20px; background: #fff; border: 1px solid var(--shell-line);
  border-radius: 14px; text-decoration: none; color: #16161d; font-weight: 600; }
.post-list a:hover { border-color: #157a5b; }