/*
 * Tyst Opinion — Theme Effects v0.1.2
 * 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; }

/* ═══ TABSTRIP ═══ */
.to-nav-tabstrip { display: contents; }
.to-nav-tabstrip-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; }
.to-nav-tabstrip-list li a { display: flex; align-items: center; min-height: 48px; padding: 0 16px; border-bottom: 2px solid transparent; transition: border-color 0.15s, color 0.15s; color: var(--wp--preset--color--smoke); text-decoration: none; font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.to-nav-tabstrip-list li a:hover { color: var(--wp--preset--color--white) !important; }
.to-nav-tabstrip-list li.current-menu-item a { border-bottom-color: var(--wp--preset--color--red); color: var(--wp--preset--color--white) !important; }
@media (max-width: 768px) { .to-tabstrip { display: none; } }

/* ═══ SIDEBAR ═══ */
.to-sidebar { padding: 20px 0 48px 0; }
.to-nav-section { margin-bottom: 24px; }
.to-nav-sidebar { display: contents; }
.to-nav-sidebar-list { list-style: none; margin: 0; padding: 0; }
.to-nav-sidebar-list li { margin: 0; }
.to-nav-sidebar-list li a { display: block; text-decoration: none; color: var(--wp--preset--color--smoke); transition: color 0.15s; padding: 6px 16px; font-size: 0.8125rem; font-weight: 500; }
.to-nav-sidebar-list li a:hover { color: var(--wp--preset--color--white); }
.to-nav-sidebar-list li.current-menu-item a { color: var(--wp--preset--color--red) !important; }
.to-nav-sidebar-list .sub-menu { list-style: none; margin: 0; padding: 0 0 0 16px; }
.to-nav-sidebar-list .sub-menu li a { font-size: 0.75rem; font-weight: 400; padding: 4px 16px; }

/* ═══ 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; }

/* ═══ STICKY COLUMNS (single-post-filosofisk) ═══ */
main.to-has-sticky-columns { padding-top: 0; }
main.to-has-sticky-columns .to-content-col { padding-top: var(--wp--preset--spacing--60); }
.to-sidebar-col {
  position: sticky !important;
  top: 152px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 152px);
  overflow-y: auto;
}
.to-toc-rail {
  position: sticky !important;
  top: 152px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 152px);
}

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