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

/* assets/post-sunset.css — направление «Сансет» для post.php (отдельный пост + комментарии)
   и new-post.php (форма создания поста). Общий файл — new-post.php использует часть тех же
   компонентов (.tm-post-card-head, .tm-action-btn). Подключается только здесь через $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, .tm-action-btn.primary, .btn-primary{
  background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)) !important;
  background-size:220% 100%; background-position:0% 0; box-shadow:0 4px 14px rgba(255,61,122,.28) !important;
  transition:background-position .35s ease, box-shadow .2s, transform .18s;
}
.tm-consultant-btn:hover, .tm-action-btn.primary:hover, .btn-primary:hover{
  background-position:100% 0; box-shadow:0 6px 20px rgba(255,61,122,.38) !important; transform:translateY(-1px);
}
.tm-action-btn.soft{ background:#ffe9e0; color:var(--sun-pink); }
.tm-action-btn.soft:hover{ background:#ffdccb; }
.tm-action-btn.neutral{ background:var(--sun-paper); color:var(--sun-soft); }
.tm-action-btn.neutral:hover{ background:var(--sun-line); color:var(--sun-ink); }
.tm-action-icon-btn:hover{ background:var(--sun-paper); color:var(--sun-pink); }

.tm-back-link{ color:var(--sun-soft); }
.tm-back-link:hover{ color:var(--sun-pink); }

/* ── Пост целиком ── */
.tm-post-full{ background:#fff; border-color:var(--sun-line); border-radius:22px; box-shadow:0 10px 26px rgba(255,90,90,.10); }
.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-full h1{ font-family:'Golos Text',sans-serif; font-weight:800; color:var(--sun-ink) !important; }
.tm-post-body{ color:var(--sun-ink); }
.tm-location-pill{ color:var(--sun-pink); background:#ffe9e0; }
.tm-location-pill:hover{ background:#ffdccb; }

/* ── Иконки "поделиться" — реальные цвета соцсетей, тот же приём, что в личном кабинете ── */
.tm-share-row{ gap:8px; }
.tm-share-row .tm-action-icon-btn{
  width:36px; height:36px; border-radius:50%; color:#fff; font-size:14px; margin-left:0;
  transition:transform .15s, box-shadow .15s;
}
.tm-share-row .tm-action-icon-btn:hover{ background:inherit; color:#fff; transform:translateY(-2px); box-shadow:0 6px 14px rgba(44,23,32,.24); }
.tm-share-row .tm-action-icon-btn:nth-child(1){ background:#29a9eb; } /* Telegram */
.tm-share-row .tm-action-icon-btn:nth-child(2){ background:#0077ff; } /* VK */
.tm-share-row .tm-action-icon-btn:nth-child(3){ background:#25d366; } /* WhatsApp */
.tm-share-row .tm-action-icon-btn:nth-child(4){ background:var(--sun-line); color:var(--sun-ink); } /* Скопировать ссылку */

/* ── Комментарии ── */
.tm-comments-heading{ font-family:'Golos Text',sans-serif; color:var(--sun-ink); }
.tm-comment{ border-bottom-color:var(--sun-line); }
.tm-comment-author, .tm-comment-author a{ color:var(--sun-ink); font-family:'Golos Text',sans-serif; }
.tm-comment-author a:hover{ color:var(--sun-pink); }
.tm-comment-time{ color:var(--sun-soft); }
.tm-comment-text{ color:var(--sun-ink); }
.tm-comment-links a{ color:var(--sun-soft); }
.tm-comment-links a:hover{ color:var(--sun-pink); }

.tm-composer-row textarea, .tm-field input, .tm-field select, .tm-field textarea{
  border-color:var(--sun-line) !important; background:var(--sun-paper) !important; color:var(--sun-ink) !important;
}
.tm-field input:focus, .tm-field select:focus, .tm-field textarea:focus,
.tm-composer-row textarea:focus{ outline:none !important; border-color:var(--sun-coral) !important; }

.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; }

/* ── new-post.php: карточка формы ── */
.tm-card{ background:#fff; border-color:var(--sun-line); border-radius:22px; box-shadow:0 10px 26px rgba(255,90,90,.10); }
.tm-card h1{ font-family:'Golos Text',sans-serif; font-weight:800; color:var(--sun-ink); }
.tm-card p.tm-sub{ color:var(--sun-soft); }
.tm-field label{ color:var(--sun-ink); }
.tm-album-item{ border-radius:14px; }
.tm-album-add{ border-color:#ffd9c9; color:var(--sun-coral); }
.tm-album-add:hover{ border-color:var(--sun-coral); background:var(--sun-paper); }