/*
Theme Name: greatartists
Description: Лёгкая кастомная тема для greatartists.ru — галерея картин, быстрая и чистая.
Version: 1.0
*/

:root{
  --bg:#faf9f7; --surface:#ffffff; --fg:#1b1a18; --muted:#6f6b64; --line:#e7e3db;
  --accent:#9a3b2e; --accent-h:#7c2e23; --wrap:1200px;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-h)}
h1,h2,h3{line-height:1.22;font-weight:600;margin:0 0 .5em}
h1{font-size:2rem}
.container{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.site-main{padding:40px 0 64px;min-height:60vh}

/* ---- header ---- */
.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.site-wordmark{font-weight:700;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);white-space:nowrap}
.site-wordmark:hover{color:var(--accent)}
.site-nav{display:flex;align-items:center;gap:22px}
.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:20px}
.nav-menu a{color:var(--fg);font-size:.92rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.nav-menu a:hover{color:var(--accent)}
.search-form{display:flex}
.search-field{border:1px solid var(--line);background:var(--bg);border-radius:20px;
  padding:7px 14px;font:inherit;font-size:.9rem;width:150px;outline:none;transition:border-color .15s,width .2s}
.search-field:focus{border-color:var(--accent);width:180px}
.vk-link{font-weight:700;font-size:.78rem;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--muted)}
.vk-link:hover{border-color:var(--accent);color:var(--accent)}

/* ---- footer ---- */
.site-footer{background:#1b1a18;color:#cfc9c0;padding:48px 0 26px;margin-top:56px}
.site-footer a{color:#e8e3da}
.site-footer a:hover{color:#fff}
.footer-cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-start}
.footer-wordmark{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:8px}
.footer-about p{color:#9a948b;max-width:360px;margin:0}
.footer-bottom{border-top:1px solid #33302b;margin-top:32px;padding-top:18px;color:#7d776e;font-size:.85rem}

/* ---- simple list fallback (index) ---- */
.ga-list{columns:2;column-gap:40px;list-style:none;padding:0;margin:0}
.ga-list li{break-inside:avoid;margin:0 0 10px}

/* ---- card grid (архивы/хабы/главная) ---- */
.ga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin:8px 0 32px}
.ga-card{display:block;color:var(--fg);background:var(--surface);border:1px solid var(--line);
  border-radius:8px;overflow:hidden;transition:box-shadow .18s,transform .18s}
.ga-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px);color:var(--fg)}
.ga-card-media{aspect-ratio:1/1;overflow:hidden;background:#efece6}
.ga-card-media img{width:100%;height:100%;object-fit:cover}
.ga-card-title{padding:10px 12px 14px;font-size:.94rem;line-height:1.35}
.archive-head{margin:0 0 22px}
.archive-desc{color:var(--muted);max-width:720px}

/* ---- home (главная) ---- */
.home-hero{background:linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--line);padding:56px 0 46px;text-align:center}
.home-title{font-size:2.6rem;margin-bottom:.15em}
.home-sub{color:var(--muted);font-size:1.1rem;margin:0 auto 1.6em;max-width:560px}
.home-search{max-width:520px;margin:0 auto;gap:8px}
.home-search .search-field{flex:1;width:auto;border-radius:24px;padding:12px 20px;font-size:1rem}
.home-search .search-field:focus{width:auto}
.home-search-btn{border:none;background:var(--accent);color:#fff;border-radius:24px;padding:12px 24px;font:inherit;font-weight:600;cursor:pointer}
.home-search-btn:hover{background:var(--accent-h)}
.home-section{margin:44px 0}
.home-h2{font-size:1.5rem;margin-bottom:.8em}
.artist-card .ga-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}
.card-count{color:var(--muted);font-weight:400;font-size:.82rem}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:7px 16px;
  color:var(--fg);font-size:.9rem;display:inline-flex;gap:7px;align-items:center}
.chip span{color:var(--muted);font-size:.8rem}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.home-more{margin-top:16px}.home-more a{font-weight:600}

/* ---- single (картина) ---- */
.single{max-width:820px;margin:0 auto}
.single-title{font-size:2.1rem;margin-bottom:.6em}
.single-lead{margin:0 0 24px}
.single-lead img{width:100%;border-radius:8px;background:#efece6}
.single-body{font-size:1.06rem;line-height:1.72}
.single-body p{margin:0 0 1em}
.single-body img{border-radius:6px;margin:.4em 0 1em}
.ga-artist-hublink{margin-top:1.4em}
.ga-artist-hublink a{font-weight:600}
.share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0;padding:16px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.share-label{color:var(--muted);font-size:.9rem}
.share a{font-size:.88rem;font-weight:600;padding:6px 14px;border-radius:6px;border:1px solid var(--line);color:var(--fg)}
.share a:hover{border-color:var(--accent);color:var(--accent)}
.related,.comments{margin:44px 0}
.related h2,.comments h2{font-size:1.3rem;border-bottom:1px solid var(--line);padding-bottom:.35em;margin-bottom:.9em}

/* ---- page / хабы ---- */
.page-content h1{font-size:2rem;margin-bottom:.5em}
.page-content > p{max-width:760px;color:#333}

/* ---- pagination ---- */
.pagination .nav-links,.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0}
.page-numbers{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:6px;
  color:var(--fg);background:var(--surface);font-size:.9rem}
.page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}
a.page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.page-numbers.dots{border:none;background:none}

/* ---- responsive ---- */
@media(max-width:720px){
  body{font-size:16px}
  h1{font-size:1.6rem}
  .header-inner{height:auto;padding:12px 0;flex-wrap:wrap;gap:12px}
  .site-nav{gap:14px;flex-wrap:wrap;width:100%;justify-content:flex-start}
  .search-field{width:130px}
  .search-field:focus{width:150px}
  .ga-list{columns:1}
  .ga-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
  .home-title{font-size:2rem}
  .home-hero{padding:36px 0 30px}
  .home-search{flex-wrap:nowrap}
}