/*
 * Tyst Opinion — Theme Effects v0.1.0
 * Effects-only CSS. Layout via theme.json + editor settings.
 */

/* ═══ GLOBAL ═══ */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::selection { background-color: var(--wp--preset--color--red); color: var(--wp--preset--color--white); }
a { text-decoration: none; transition: color 0.2s; }
.wp-block-post-content strong { font-weight: 600; color: var(--wp--preset--color--white); }

/* ═══ HEADER ═══ */
.to-sticky-header { z-index: 100; }
.to-header { border-bottom: 1px solid var(--wp--custom--border--subtle); }
.to-nav-topbar { display: contents; }
.to-nav-topbar-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.to-nav-topbar-list li a { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--smoke); text-decoration: none; transition: color 0.15s; }
.to-nav-topbar-list li a:hover { color: var(--wp--preset--color--white) !important; }
.to-nav-topbar-list li.current-menu-item a { color: var(--wp--preset--color--red) !important; }

/* ═══ FOOTER ═══ */
.to-footer { border-top: 1px solid var(--wp--custom--border--subtle); }

/* ═══ POST CONTENT ═══ */
.wp-block-post-content p + p { margin-top: 1.6em; }
.wp-block-post-content li { line-height: 1.75; margin-bottom: 0.5em; }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 768px) {
  .to-nav-topbar-list { gap: 12px; }
}