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

/* assets/landing-sunset.css — направление «Сансет» для публичных посадочных страниц раздела:
   index.php (лендинг для незалогиненных — самая первая точка входа с SEO) и destination.php
   (страница направления, /trip-meet/turkey.html и т.п.). Общий файл — обе делят .tm-landing-*
   разметку. Подключается только здесь через $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-landing-banner{ box-shadow:0 14px 34px rgba(255,90,90,.14); }

/* ── Герой — та же тёплая палитра + зерно, что на ленте анкет ── */
.tm-landing-hero{
  position:relative; overflow:hidden; background:linear-gradient(125deg,var(--sun-gold) 0%,var(--sun-coral) 48%,var(--sun-pink) 100%);
  border:none; border-radius:26px; box-shadow:0 20px 44px rgba(255,90,90,.22);
}
.tm-landing-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-landing-hero h1{ position:relative; font-family:'Golos Text',sans-serif; font-weight:800; color:#fff; }
.tm-landing-hero p{ position:relative; color:rgba(255,255,255,.92); }
.tm-landing-hero .btn-primary{ position:relative; background:#fff !important; color:var(--sun-ink) !important; font-weight:700; }
.tm-landing-hero .btn-primary:hover{ transform:translateY(-1px); }

.tm-landing-section h2{ font-family:'Golos Text',sans-serif; color:var(--sun-ink); }

.tm-steps{ }
.tm-step{ background:#fff; border-color:var(--sun-line); box-shadow:0 8px 22px rgba(255,90,90,.08); }
.tm-step-num{ background:linear-gradient(135deg,var(--sun-coral),var(--sun-pink)); }
.tm-step h3{ color:var(--sun-ink); font-family:'Golos Text',sans-serif; }
.tm-step p{ color:var(--sun-soft); }

.tm-trust-card{ background:#fff; border:1px solid var(--sun-line); box-shadow:0 6px 18px rgba(255,90,90,.06); }
.tm-trust-card h3{ color:var(--sun-ink); font-family:'Golos Text',sans-serif; }
.tm-trust-card p{ color:var(--sun-soft); }

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

.tm-landing-faq details{ background:#fff; border-color:var(--sun-line); }
.tm-landing-faq summary{ color:var(--sun-ink); }
.tm-landing-faq summary::after{ color:var(--sun-coral); }
.tm-landing-faq p{ color:var(--sun-soft); }

/* ── Статистика направления (destination.php) ── */
.tm-dest-stats .num{ font-family:'Golos Text',sans-serif; font-weight:800; color:var(--sun-coral); }
.tm-dest-stats .label{ color:var(--sun-soft); }

/* ── Карточки анкет (фото + scrim) — тот же приём, что в people-grid-sunset.css ── */
.tm-profile-card{
  border:1px solid var(--sun-line); box-shadow:0 10px 26px rgba(255,90,90,.10);
  transition:box-shadow .25s,transform .25s,border-color .25s;
}
.tm-profile-card:hover{ box-shadow:0 18px 40px rgba(255,61,122,.22); transform:translateY(-4px); border-color:#ffcfc2; }
.tm-profile-card-scrim{ background:linear-gradient(to top, rgba(44,23,32,.86) 0%, rgba(44,23,32,.34) 55%, rgba(44,23,32,0) 100%); }
.tm-profile-card-name{ font-family:'Golos Text',sans-serif; }
.tm-profile-card-badge.trip{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); }
.tm-profile-card-verified{
  font-size:0; background:linear-gradient(135deg,var(--sun-coral),var(--sun-pink));
  box-shadow:0 0 0 3px #fff, 0 3px 8px rgba(44,23,32,.25);
}
.tm-profile-card-verified::after{
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 10 18 20 6'/%3E%3C/svg%3E") center/56% no-repeat;
}

/* ── Карточки постов (destination.php) — тот же приём, что в community-sunset.css ── */
.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-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; }

.btn-outline{ border-color:var(--sun-line) !important; color:var(--sun-ink) !important; }
.btn-outline:hover{ border-color:var(--sun-coral) !important; color:var(--sun-pink) !important; }
