/*
Theme Name: Listing Labs
Theme URI: https://blog.listinglabs.us
Description: Custom WordPress theme matching listinglabs.us design system - dark, modern, indigo accent
Version: 1.0
Author: Listing Labs
Text Domain: listinglabs
*/

:root {
  --bg: #0a0a0f;
  --bg-2: #0f0f18;
  --surface: #14141f;
  --surface-2: #1a1a28;
  --border: #1e1e30;
  --border-2: #2a2a40;
  --text: #f0f0f5;
  --text-2: #c0c0d0;
  --muted: #8888a0;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --accent-soft: rgba(99,102,241,0.12);
  --green: #10b981;
  --green-soft: rgba(16,185,129,0.12);
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --ease: cubic-bezier(0.4,0,0.2,1);
  --duration: 200ms;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:var(--font);
  background:var(--bg)!important;
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font);
  font-weight:700;
  line-height:1.2;
  color:var(--text)!important;
}

h1{font-size:48px;font-weight:800}
h2{font-size:36px;margin-bottom:16px}
h3{font-size:24px;margin-bottom:12px}

p{color:var(--text-2);margin-bottom:16px;font-size:17px;line-height:1.75}

a{color:var(--accent);text-decoration:none;transition:color var(--duration) var(--ease)}
a:hover{color:var(--accent-hover)}

.wp-site-blocks{padding-top:0!important;padding-bottom:0!important}
.has-global-padding{padding-right:0!important;padding-left:0!important}
:where(.wp-site-blocks)>*{margin-block-start:0!important;margin-block-end:0!important}

.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  background:rgba(10,10,15,0.92)!important;
  backdrop-filter:blur(20px)!important;
  border-bottom:1px solid var(--border)!important;
}

.site-header .wp-block-site-title{font-size:20px!important;font-weight:700!important}
.site-header .wp-block-site-title a{color:var(--text)!important}
.site-header .wp-block-site-title a span{color:var(--accent)!important}

.wp-block-navigation{font-size:14px!important}
.wp-block-navigation a{color:var(--muted)!important;font-weight:500!important}
.wp-block-navigation a:hover{color:var(--text)!important}
.wp-block-navigation__container{gap:32px!important}

.wp-site-blocks main{padding-top:80px!important}
main{max-width:1120px!important;margin:0 auto!important;padding:100px 24px 80px!important}

.posts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  gap:24px;
  margin-top:40px;
}

.post-card{
  background:var(--surface)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  padding:32px!important;
  transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease)!important;
  display:flex!important;
  flex-direction:column!important;
}

.post-card:hover{
  border-color:var(--accent)!important;
  transform:translateY(-3px)!important;
}

.post-card .wp-block-post-title{font-size:22px!important;font-weight:700!important;margin-bottom:12px!important;line-height:1.3!important}
.post-card .wp-block-post-title a{color:var(--text)!important}
.post-card .wp-block-post-title a:hover{color:var(--accent)!important}
.wp-block-post-excerpt{margin-top:auto!important}
.wp-block-post-excerpt .wp-block-post-excerpt__excerpt{color:var(--text-2)!important;font-size:15px!important;line-height:1.6!important;margin-bottom:16px!important}
.wp-block-post-excerpt .wp-block-post-excerpt__more-link{color:var(--accent)!important;font-size:14px!important;font-weight:600!important}
.wp-block-post-date{color:var(--muted)!important;font-size:13px!important;margin-bottom:8px!important}
.wp-block-post-date a{color:var(--muted)!important}
.wp-block-post-date a:hover{color:var(--accent)!important}

.single-post main,.page main{max-width:720px!important;padding:120px 24px 80px!important}
.single-post .wp-block-post-title,.page .wp-block-post-title{font-size:48px!important;font-weight:800!important;line-height:1.1!important;margin-bottom:24px!important;color:var(--text)!important}
.single-post .wp-block-post-content,.page .wp-block-post-content{color:var(--text-2)!important;font-size:17px!important;line-height:1.8!important}
.single-post .wp-block-post-content p,.page .wp-block-post-content p{margin-bottom:20px!important;color:var(--text-2)!important}
.single-post .wp-block-post-content h2,.page .wp-block-post-content h2{font-size:28px!important;font-weight:700!important;margin-top:48px!important;margin-bottom:16px!important;color:var(--text)!important}
.single-post .wp-block-post-content h3,.page .wp-block-post-content h3{font-size:22px!important;font-weight:700!important;margin-top:32px!important;margin-bottom:12px!important;color:var(--text)!important}
.single-post .wp-block-post-content a,.page .wp-block-post-content a{color:var(--accent)!important;text-decoration:underline!important;text-underline-offset:3px!important}
.single-post .wp-block-post-content ul,.single-post .wp-block-post-content ol,.page .wp-block-post-content ul,.page .wp-block-post-content ol{padding-left:24px!important;margin-bottom:20px!important}
.single-post .wp-block-post-content li,.page .wp-block-post-content li{color:var(--text-2)!important;margin-bottom:8px!important;font-size:17px!important}
.single-post .wp-block-post-content blockquote,.page .wp-block-post-content blockquote{border-left:4px solid var(--accent)!important;padding-left:24px!important;margin:32px 0!important;font-style:italic!important;color:var(--text-2)!important}

.wp-block-button__link,.wp-element-button{background:var(--accent)!important;color:white!important;border-radius:var(--radius)!important;padding:12px 24px!important;font-weight:600!important;font-size:15px!important;transition:background var(--duration) var(--ease)!important;border:none!important}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--accent-hover)!important;color:white!important}

.site-footer{background:var(--surface)!important;border-top:1px solid var(--border)!important;padding:48px 0!important;margin-top:0!important}
.site-footer .wp-block-site-title a{color:var(--text)!important}

.blog-hero{text-align:center;padding:80px 24px 60px;max-width:720px;margin:0 auto}
.blog-hero h1{font-size:52px;font-weight:800;margin-bottom:16px;line-height:1.1}
.blog-hero p{font-size:18px;color:var(--muted);line-height:1.7}

::selection{background:var(--accent);color:white}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}

.wp-block-post-terms{font-size:13px!important;color:var(--muted)!important}
.wp-block-post-terms a{color:var(--accent)!important}

@media(max-width:768px){
  .posts-grid{grid-template-columns:1fr}
  h1{font-size:36px}
  h2{font-size:28px}
  .single-post .wp-block-post-title{font-size:36px!important}
  .blog-hero h1{font-size:38px}
  main{padding:80px 16px 60px!important}
}