/* Home page specific styles for ClassicArcadeMarket */

/* Layout sections */
.section { padding: var(--space-16) 0; }
.section-header { margin-bottom: var(--space-8); }
.hero { position: relative; padding: var(--space-16) 0 var(--space-12); overflow: hidden; }
.hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 60% at 80% 20%, rgba(5,217,232,.08), transparent 60%), radial-gradient(40% 40% at 10% 80%, rgba(255,42,109,.08), transparent 60%); }
.hero-inner { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 992px) { .hero-inner { grid-template-columns: 1.1fr .9fr; } }
.hero-copy p { max-width: 60ch; }
.hero-media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-xl); border: 1px solid var(--color-gray-800); }

/* Search */
.hero-search { margin: var(--space-6) 0 var(--space-4); display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.hero-quick-links { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Featured grid */
.featured-grid .featured-item .card-media { margin-bottom: var(--space-4); border-radius: var(--radius-md); overflow: hidden; }

/* Posts */
.post-list { display: grid; gap: var(--space-6); }
.post-card .post-title a { color: var(--color-text); }
.post-card .post-title a:hover { color: var(--color-secondary-bright); }
.post-meta { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-3); }
.share-btn { color: var(--color-secondary); }

/* Community */
.community-cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); }
.community-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Palette */
.palette-list { display: grid; gap: var(--space-3); }
.swatch { display: inline-block; width: 1.25rem; height: 1.25rem; border-radius: var(--radius-sm); margin-right: var(--space-2); vertical-align: middle; box-shadow: var(--shadow-sm); border: 1px solid var(--color-gray-700); }
.swatch-primary { background: var(--color-primary); box-shadow: var(--glow-primary); }
.swatch-secondary { background: var(--color-secondary); box-shadow: var(--glow-secondary); }
.swatch-accent { background: var(--color-accent); box-shadow: var(--glow-accent); }

/* Tag nav */
.tag-nav { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.tag { display: inline-flex; align-items: center; gap: .5ch; padding: .4rem .75rem; border-radius: var(--radius-full); border: 1px solid var(--color-gray-700); background: var(--color-background-card); color: var(--color-text); transition: transform var(--transition-fast); }
.tag:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }

/* Small refinements */
.section .card + .card { margin-top: var(--space-4); }

/* Accessibility helpers */
.post-card:focus-within { outline: 2px solid var(--color-secondary); outline-offset: 2px; border-radius: var(--radius-md); }