@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@500;600;700;800&display=swap');

/* assets/community-sunset.css — направление «Сансет» для community.php (лента обсуждений)
   и post.php (отдельный пост). Подключается только здесь через $tm_extra_head. */

:root{
  --sun-coral:#ff6f59; --sun-pink:#ff3d7a; --sun-gold:#ffb648;
  --sun-paper:#fffaf6; --sun-ink:#2c1720; --sun-soft:#8a7178; --sun-line:#f3e3df;
}

body{ background:var(--sun-paper); }
.tm-topbar{ background:var(--sun-paper); border-bottom-color:var(--sun-line); }
.tm-logo{ font-family:'Golos Text',sans-serif; font-weight:700; color:var(--sun-ink); }
.tm-nav a{ color:var(--sun-soft); }
.tm-nav a:hover{ background:#fff; color:var(--sun-ink); }
.tm-nav a.active{ background:#fff; color:var(--sun-pink); }
.tm-nav-badge{ background:var(--sun-pink); }
.tm-search-link::before{ background:var(--sun-line); }
.tm-search-link:hover{ background:#fff; }
.tm-nav a.tm-nav-highlight{ background:#fff; color:var(--sun-pink); box-shadow:0 0 0 1px var(--sun-line) inset; }
.tm-nav a.tm-nav-highlight:hover, .tm-nav a.tm-nav-highlight.active{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); color:#fff; box-shadow:none; }
.tm-consultant-btn{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); }

/* ── Герой ленты: тот же приём, что и на index.php (feed-sunset.css) — тёплый градиент + зерно ── */
.tm-feed-hero{
  position:relative; overflow:hidden; background:linear-gradient(125deg,var(--sun-gold) 0%,var(--sun-coral) 48%,var(--sun-pink) 100%);
  border-radius:26px; box-shadow:0 20px 44px rgba(255,90,90,.22);
}
.tm-feed-hero::after{
  content:''; position:absolute; inset:0; pointer-events:none; mix-blend-mode:overlay; opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.tm-feed-hero h1{ font-family:'Golos Text',sans-serif; font-weight:800; font-size:26px; position:relative; }
.tm-feed-hero p{ position:relative; }
.tm-feed-hero .btn-white{ position:relative; color:var(--sun-ink) !important; font-weight:700; }
.tm-feed-hero .btn-white:hover{ transform:translateY(-1px); }
.tm-feed-stats{ position:relative; }
.tm-feed-stat-num{ font-family:'Golos Text',sans-serif; font-weight:800; }

/* ── Фильтры ── */
.tm-filters{ background:#fff; border-color:var(--sun-line); box-shadow:0 6px 18px rgba(255,90,90,.08); }
.tm-filters select{ background:var(--sun-paper); }
.tm-filters select:focus{ outline:2px solid var(--sun-coral); }
.tm-filters .btn-outline{ border-color:var(--sun-line); color:var(--sun-ink); }
.tm-filters .btn-outline:hover{ border-color:var(--sun-coral); color:var(--sun-pink); }

.tm-empty{ background:#fff; border:1px solid var(--sun-line); border-radius:20px; color:var(--sun-soft); }
.tm-empty a{ color:var(--sun-pink); font-weight:600; }

/* ── Карточки постов ── */
.tm-post-card{
  background:#fff; border-color:var(--sun-line); border-radius:20px;
  box-shadow:0 8px 22px rgba(255,90,90,.08); transition:transform .18s ease, box-shadow .18s ease;
}
.tm-post-card:hover{ box-shadow:0 16px 32px rgba(255,90,90,.16); transform:translateY(-3px); }
.tm-post-card-head img{ box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--sun-line); }
.tm-post-card-author{ font-family:'Golos Text',sans-serif; color:var(--sun-ink); }
.tm-post-card-author:hover{ color:var(--sun-pink); }
.tm-post-card-meta{ color:var(--sun-soft); }
.tm-post-card-title{ font-family:'Golos Text',sans-serif; font-weight:700; color:var(--sun-ink); }
.tm-post-card-excerpt{ color:var(--sun-soft); }
.tm-post-card-stats{ color:var(--sun-soft); }
.tm-post-card-cover{ background:var(--sun-paper); }

.tm-pagination a{ border-color:var(--sun-line); color:var(--sun-ink); }
.tm-pagination a:hover{ border-color:var(--sun-coral); color:var(--sun-pink); }
.tm-pagination a.active{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); border-color:transparent; color:#fff; }

@media (max-width:768px){
  .tm-feed-hero .btn-white{ color:var(--sun-ink) !important; }
}