/*
 Theme Name: GeneratePress Child – Vista Pet Health
 Template: generatepress
 Version: 1.0
*/
:root{
  --vph-teal:#0D9488;
  --vph-dark:#0F172A;
  --vph-slate:#334155;
  --vph-light:#F8FAFC;
  --vph-muted:#E5E7EB;
  --vph-bg:#FFFFFF;
}

/* ===============================
   SECTION LAYOUT
================================ */
.vph-section{padding:24px 0;background:var(--vph-bg)}
.vph-section.light{background:var(--vph-light)}
.vph-section.dark{background:#0b1020;color:#eaf1ff}
.vph-wrap{max-width:1200px;margin:0 auto;padding:0 16px}

/* Заголовок секции + кнопка на одной линии */
.vph-head{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 28px; /* единый «воздух» под заголовком */
}

/* Если секция без .vph-head и h2 стоит отдельно — тоже даём «воздух» */
.vph-wrap > .vph-h2{margin:0 0 28px}

/* H2 + акцентная полоска (только один маркер — через span::before) */
.vph-h2{font-weight:800;color:var(--vph-dark);margin:0}
.vph-h2.accent span{position:relative;padding-left:14px;color:var(--vph-teal)}
.vph-h2.accent span::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:6px;height:22px;background:var(--vph-teal);border-radius:3px
}
/* тёмная секция: белый заголовок и светлая полоска */
.vph-section.dark .vph-h2.accent span{color:#fff}
.vph-section.dark .vph-h2.accent span::before{background:#fff;opacity:.6}

/* Кнопка View all */
.vph-viewall{
  display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;
  border:1px solid var(--vph-muted);border-radius:10px;background:#fff;
  color:var(--vph-teal);text-decoration:none;font-weight:700;white-space:nowrap
}
.vph-viewall:hover{border-color:var(--vph-teal);background:#E6FFFB}
.vph-section.dark .vph-viewall{
  color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.55);box-shadow:none
}
.vph-section.dark .vph-viewall:hover,
.vph-section.dark .vph-viewall:focus{border-color:#fff;background:#fff;color:#0b1520}

/* ===============================
   GRID / CARD
================================ */
.vph-grid{display:grid;gap:16px}
.vph-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vph-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){ .vph-grid.cols-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .vph-grid.cols-3,.vph-grid.cols-2{grid-template-columns:1fr} }

.vph-card{background:#fff;border:1px solid var(--vph-muted);border-radius:14px;overflow:hidden}
.vph-card a{color:inherit;text-decoration:none}
.vph-thumb img{width:100%;height:auto;display:block}
.vph-body{padding:14px}
.vph-title{font-weight:800;line-height:1.2;margin:6px 0 8px;color:var(--vph-dark)}
.vph-excerpt{color:#475569;margin:0}
.vph-meta{font-size:.85rem;color:#64748b}

/* Блок статей #1 */
.vph-cards .vph-title{font-size:1.15rem}

/* ===============================
   SPOTLIGHT (картинка слева, текст справа)
================================ */
.vph-spotlight{display:grid;grid-template-columns:1.9fr 1.1fr;gap:24px;align-items:stretch}
@media (max-width:980px){ .vph-spotlight{grid-template-columns:1fr} }

.vph-spot-main{
  display:grid;grid-template-columns:58% 42%;
  border-radius:16px;overflow:hidden;border:none;background:#0e1731;
}
.vph-spot-main .vph-thumb{height:100%;min-height:320px}
.vph-spot-main .vph-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vph-spot-main .vph-body{padding:20px 22px;background:#0e1731}
.vph-spot-main .vph-title{font-size:1.9rem;line-height:1.2;margin:0 0 .6rem;color:#eaf1ff}
.vph-spot-main .vph-excerpt{color:#eaf1ff}
.vph-section.dark .vph-spot-main a{color:#eaf1ff}

.vph-spot-list{display:grid;grid-auto-rows:minmax(112px,auto);gap:14px;align-content:start}
.vph-spot-list .vph-item{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:center}
.vph-spot-list .vph-thumb{border-radius:10px;overflow:hidden}
.vph-spot-list .vph-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vph-spot-list .vph-title{font-size:1.1rem;line-height:1.3;margin:0;color:#eaf1ff}
@media (max-width:640px){
  .vph-spot-main{grid-template-columns:1fr}
  .vph-spot-list .vph-item{grid-template-columns:140px 1fr}
}

/* ===============================
   MAG LIST (картинка слева + текст)
================================ */
.vph-maglist .vph-row{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}
@media (max-width:700px){ .vph-maglist .vph-row{grid-template-columns:1fr} }
.vph-maglist .vph-title{font-size:1.15rem}

/* ===============================
   CATEGORIES / TAGS / AUTHORS
================================ */
.vph-pill{
  display:inline-block;padding:.5rem .85rem;border-radius:999px;
  background:#E6FFFB;color:var(--vph-teal);text-decoration:none;
  margin:.25rem .35rem .25rem 0;font-weight:600
}
.vph-catcard .vph-title{font-size:1.1rem}
.vph-author{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center}
.vph-author img{width:80px;height:80px;border-radius:50%}

/* ===============================
   INSIGHTS (WebMD-style)
================================ */
.vph-insights{display:grid;grid-template-columns:minmax(0,2fr) 1fr;gap:28px;align-items:start}
@media (max-width:1024px){ .vph-insights{grid-template-columns:1fr} }

/* большой материал слева */
.vph-insights-main a{display:block;color:#eaf1ff;text-decoration:none}
.vph-insights-main .vph-media{
  width:100%;aspect-ratio:16/9;background:#0a0f1f;border-radius:14px;overflow:hidden;
}
.vph-insights-main .vph-media img{width:100%;height:100%;object-fit:cover;display:block}
.vph-insights-main .vph-title{margin:16px 0 0;font-size:2rem;line-height:1.15;font-weight:800;color:#eaf1ff}

/* правая колонка */
.vph-insights-list{padding-left:28px;border-left:1px solid rgba(234,241,255,.18)}
.vph-insights-item{display:grid;grid-template-columns:136px 1fr;gap:14px;align-items:center;margin:0 0 18px}
.vph-insights-item:last-child{margin-bottom:0}
.vph-insights-item .thumb{width:136px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0a0f1f}
.vph-insights-item .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vph-insights-item .ititle{margin:0;font-size:1.15rem;line-height:1.25;font-weight:800;color:#eaf1ff}
.vph-insights-item a{display:contents;color:inherit;text-decoration:none}
@media (max-width:640px){
  .vph-insights-list{padding-left:0;border-left:none}
  .vph-insights-item{grid-template-columns:120px 1fr}
}

/* ===============================
   UTILITIES
================================ */
/* аккуратное превью для карточек категорий */
.vph-catthumb{aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;background:#f3f5f8}
.vph-catthumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Чуть больше воздуха у шапки maglist (если там своя .vph-head) */
.vph-maglist .vph-head{ margin-bottom: 28px; }

/* ===== Author page ===== */
.vph-h1{font-weight:800;font-size:2rem;margin:0 0 .25rem;color:var(--vph-dark)}
.vph-author-hero{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.vph-author-left img{width:100%;height:auto;border-radius:50%;display:block}
.vph-author-role{margin:.25rem 0;color:var(--vph-slate)}
.vph-author-loc{margin:0 0 .75rem;color:#6b7280}
.vph-author-bio p{margin:.6rem 0}
.vph-author-links{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}
.vph-author-links a{display:inline-flex;align-items:center;padding:.4rem .7rem;border:1px solid var(--vph-muted);border-radius:999px;text-decoration:none;color:var(--vph-teal);font-weight:700}
.vph-author-links a:hover{background:#E6FFFB;border-color:var(--vph-teal)}
@media(max-width:640px){
  .vph-author-hero{grid-template-columns:1fr}
  .vph-author-left{max-width:180px}
}

/* Авторский блок в тёмной секции (главная) */
.vph-author-card{
  background:#12182b;
  border:none;
  border-radius:16px;
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.vph-author-photo img{
  width:140px; height:140px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:14px;
}
.vph-author-body .vph-title{color:#fff; font-size:1.4rem; margin:0 0 8px;}
.vph-author-body .vph-job{color:#cfe0ff; font-weight:600; margin:0 0 4px;}
.vph-author-body .vph-cred{color:#9fb8e8; font-size:.9rem; margin:0 0 10px;}
.vph-author-body .vph-excerpt{color:#eaf1ff; font-size:.95rem; line-height:1.4;}

/* ===== Trust / About Us block ===== */
.vph-about-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr; /* картинка больше, как в референсе */
  gap:28px;
  align-items:center;
}
.vph-about-fig img{
  width:100%;height:auto;display:block;object-fit:cover;border-radius:16px;
}
.vph-about-copy p{margin:0;color:#475569;line-height:1.6}
.vph-checklist{list-style:none;margin:12px 0 18px;padding:0}
.vph-checklist li{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  margin:12px 0;
}
.vph-checklist .num{
  width:36px;height:36px;border-radius:999px;background:var(--vph-teal);
  color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;
  line-height:1;flex:0 0 36px;margin-top:2px;
}
@media(max-width:900px){ .vph-about-grid{grid-template-columns:1fr} }

/* ===== Trust / About Us block ===== */
.vph-about-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:28px;
  align-items:stretch;                /* ← тянем правую колонку по высоте картинки */
}
.vph-about-fig{height:100%}
.vph-about-fig img{
  width:100%; height:100%;
  object-fit:cover; display:block; border-radius:16px;
}

/* правая колонка — растяжение на полную высоту и красивое распределение контента */
.vph-about-copy{
  display:flex; flex-direction:column;
  min-height:100%;
}
.vph-about-intro{
  margin:.35rem 0 .5rem;
  color:#475569; line-height:1.6;
  max-width:60ch;                    /* комфортная длина строки */
}
.vph-checklist{
  list-style:none; margin:10px 0 18px; padding:0;
  flex-grow:1;                        /* список занимает доступную высоту */
}
.vph-checklist li{
  display:grid; grid-template-columns:auto 1fr;
  gap:12px; align-items:start; margin:12px 0;
}
.vph-checklist .num{
  width:36px; height:36px; border-radius:999px;
  background:var(--vph-teal); color:#fff; font-weight:800;
  display:inline-flex; align-items:center; justify-content:center;
  line-height:1; flex:0 0 36px; margin-top:2px;
}

/* кнопка прилипает к низу правой колонки и выравнивается по левому краю */
.vph-about-cta{ align-self:flex-start; margin-top:auto; }

@media(max-width:900px){
  .vph-about-grid{grid-template-columns:1fr}
  .vph-about-fig img{height:auto}
}

/* Дополнительные отступы в Trust-блоке */
.vph-about-copy h2 {
  margin: 0 0 16px;       /* отступ вниз после заголовка */
}

.vph-about-intro {
  margin: 0 0 20px;       /* отступ вниз после текста (до списка) */
  color: #475569;
  line-height: 1.6;
}

.vph-checklist {
  margin-top: 0;          /* убираем лишний дефолтный */
}

/* ===== Hover zoom для изображений в карточках ===== */

/* делаем обёртку картинок «маской», чтобы зум не вылезал за границы */
.vph-thumb,
.vph-catthumb,
.vph-insights-item .thumb,
.vph-author-photo {
  position: relative;
  overflow: hidden;
}

/* плавный трансформ картинок по умолчанию */
.vph-thumb img,
.vph-catthumb img,
.vph-insights-item .thumb img,
.vph-author-photo img {
  transition: transform .35s ease, filter .35s ease;
  will-change: transform;
}

/* общий hover для карточек статей/категорий/инсайтов */
.vph-card:hover .vph-thumb img,
.vph-card:hover .vph-catthumb img,
.vph-insights-item:hover .thumb img {
  transform: scale(1.06);
}

/* hover‑зум для карточек авторов в тёмной секции */
.vph-author-card:hover .vph-author-photo img {
  transform: scale(1.06);
}

/* чуть более деликатный зум для маленьких превью в списках (правые плитки в инсайтах и т.п.) */
.vph-spot-list .vph-item:hover .vph-thumb img {
  transform: scale(1.05);
}

/* опционально: лёгкий «подсвет» на hover (если нравится) */
/*
.vph-card:hover,
.vph-author-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transition: box-shadow .25s ease;
}
*/

/* ---------- Header base ---------- */
.site-header{
  background:#fff;
  border-bottom:1px solid #E5E7EB;
  transition:padding .2s ease, box-shadow .2s ease, border-color .2s ease;
  padding:12px 0;
}

/* Внутренности навигации */
.inside-navigation{
  max-width:1200px;
  padding-inline:16px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  position:relative;
}

/* Sticky (без GP Premium) */
.main-navigation{ position:sticky; top:0; z-index:50; background:#fff; }

/* Сжатие хедера при скролле */
.vph-scrolled .site-header{
  padding:8px 0;
  box-shadow:0 6px 24px rgba(16,24,40,.06);
  border-color:transparent;
}

/* ---------- Navigation links ---------- */
.main-navigation .main-nav ul li a{
  font-weight:700;
  color:#0F172A;
  padding:12px 14px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a{ color:#0D9488; }

.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a{
  color:#0D9488;
  position:relative;
}
.main-navigation .main-nav ul li.current-menu-item > a::after,
.main-navigation .main-nav ul li.current-menu-ancestor > a::after{
  content:"";
  position:absolute;
  left:10px; right:10px; bottom:-8px;
  height:3px; background:#0D9488; border-radius:2px;
}

/* ---------- Right extras (Search + CTA) ---------- */
.vph-nav-extras{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  position:relative; /* привязка для выпадающей панели поиска */
}

.vph-search-toggle{
  border:1px solid #E5E7EB;
  background:#fff;
  color:#0F172A;
  border-radius:10px;
  padding:8px 10px;
  line-height:0;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.vph-search-toggle:hover{
  border-color:#0D9488;
  color:#0D9488;
  background:#F8FFFE;
}

.vph-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  background:#0D9488;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.vph-cta:hover{
  background:#0b7f77;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(13,148,136,.25);
}

/* ---------- Search panel ---------- */
.vph-search-panel{
  position:absolute; right:16px; top:calc(100% + 8px);
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:12px;
  padding:10px;
  box-shadow:0 10px 24px rgba(16,24,40,.08);
  z-index:60;
}
.vph-search-panel[hidden]{ display:none !important; }

.vph-search-panel form{ display:flex; gap:8px; align-items:center; }
.vph-search-panel input[type="search"]{
  width:260px; height:44px;
  border:1px solid #E5E7EB; border-radius:10px;
  padding:0 12px; font-size:15px;
}
.vph-search-panel button[type="submit"]{
  height:44px; padding:0 14px; border-radius:10px;
  border:1px solid #0D9488; background:#0D9488;
  color:#fff; font-weight:700;
}

/* ---------- Logo (фикс: не блокируем ползунок width в кастомайзере) ---------- */
/* Снимаем жёсткую высоту и позволяем кастомайзеру управлять шириной.
   Мы лишь ограничиваем максимальную высоту, чтобы шапка не «распухала». */
.site-logo a,
.site-logo img{ display:block; }

.site-logo img{
  height:auto !important;
  width:auto;                /* inline-width из кастомайзера перебьёт это — это нормально */
  max-height:84px;           /* увеличь до 88–96px, если нужно крупнее */
}
.vph-scrolled .site-logo img{ max-height:60px; }

/* ---------- Mobile ---------- */
@media (max-width:1024px){
  .vph-cta{ display:none; } /* CTA уедет в бургер */
  .vph-search-panel{ right:8px; }
}
@media (max-width:768px){
  .main-navigation .main-nav ul li a{ padding:10px 12px; }
  .vph-search-panel input[type="search"]{ width:220px; }
}

/* ======== Vista Pet Health – Footer ======== */
.vph-footer{
  background:#0b1020;
  color:#eaf1ff;
  padding:40px 0 20px;
}
.vph-footer .vph-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

/* Верхняя зона футера: 3 колонки */
.vph-footer-top{
  display:grid;
  grid-template-columns:1.6fr 1fr 1.4fr;
  gap:28px;
  align-items:start;
}
.vph-footer h3{
  margin:0 0 10px;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#9fb8e8;
}

/* Логотип в футере */
.vph-footer .vph-footer-logo .custom-logo{
  max-height:32px;
  width:auto;
  display:block;
  filter:brightness(0) invert(1); /* если логотип светлый и теряется — убери эту строку */
}

.vph-foot-blurb{
  margin:12px 0 0;
  color:#cfe0ff;
  line-height:1.55;
}

/* Меню */
.vph-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.vph-menu a{
  color:#eaf1ff;
  text-decoration:none;
}
.vph-menu a:hover{ color:#80e1d1; }

/* Дисклеймер и маленькие ссылки */
.vph-disclaimer{
  margin:0 0 8px;
  color:#cfe0ff;
  line-height:1.5;
}
.vph-links-sm a{
  color:#cfe0ff;
  text-decoration:none;
}
.vph-links-sm a:hover{ color:#80e1d1; }

/* Нижняя линия */
.vph-footer-bottom{
  margin-top:26px;
  padding-top:14px;
  border-top:1px solid rgba(234,241,255,.18);
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}
.vph-footer-bottom p{ margin:0; color:#cfe0ff; }

.vph-top{
  border:1px solid rgba(234,241,255,.45);
  background:transparent;
  color:#eaf1ff;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
  line-height:1;
}
.vph-top:hover{
  background:#eaf1ff;
  color:#0b1020;
}

/* Адаптив */
@media (max-width:900px){
  .vph-footer-top{ grid-template-columns:1fr; gap:22px; }
  .vph-footer .vph-footer-logo .custom-logo{ max-height:28px; }
}

/* ===== Single Article Layout & Typography ===== */
.single .site-main { max-width: 820px; margin: 0 auto; }
@media (min-width: 1024px){ .single .site-main { max-width: 860px; } }

/* карточка статьи в GP */
.single .inside-article{ padding:0; background:transparent; border:none; }

/* Обложка */
.single .post-image, .single .featured-image, .single .post-image img{
  display:block; width:100%;
}
.single .post-image img, .single .featured-image img{
  border-radius:16px; height:auto; object-fit:cover;
}

/* Заголовок и мета */
.single .entry-header{ margin:18px 0 26px; }
.single .entry-title{
  font-weight:900;
  font-size:clamp(32px, 4.2vw, 44px);
  line-height:1.15;
  letter-spacing:-.01em;
  margin:14px 0 8px;
  color:#0F172A;
}
.single .entry-meta{
  display:flex; flex-wrap:wrap; gap:10px 16px;
  font-weight:700; color:#64748b; font-size:14px;
}

/* Основной текст */
.single .entry-content{
  font-size:18.5px;
  line-height:1.7;
  color:#0f172a;
}
.single .entry-content p{ margin:0 0 1.1em; }
.single .entry-content ul, 
.single .entry-content ol{ margin:0 0 1.2em 1.25em; }
.single .entry-content li{ margin:.2em 0; }
.single .entry-content a{
  color:#0D9488; text-decoration:underline; text-underline-offset:2px;
}
.single .entry-content a:hover{ color:#0b7f77; }

/* Заголовки внутри текста */
.single .entry-content h2{
  font-weight:900; color:#0F172A;
  margin:2.2em 0 .6em;
  font-size: clamp(24px, 2.6vw, 30px);
  scroll-margin-top:110px; /* чтобы якоря не прятались под шапку */
}
.single .entry-content h3{
  font-weight:800; color:#0F172A;
  margin:1.8em 0 .5em; font-size: clamp(20px, 2.1vw, 24px);
}

/* Цитаты */
.single blockquote{
  border-left:4px solid #0D9488;
  padding: .75rem 1rem; margin:1.4em 0;
  background:#F0FDFA; border-radius:10px;
  color:#0f172a;
}

/* Подписи к изображениям */
.single figure{ margin:1.6em 0; }
.single figure figcaption{
  color:#64748b; font-size:.95rem; margin-top:.35rem;
}

/* Карточка TOC (популярные плагины) */
.single .toc_container,
.single .ez-toc-container,
.single .ez-toc-v2-container,
.single #ez-toc-container{
  border:1px solid #E5E7EB;
  background:#F8FAFC;
  border-radius:12px;
  padding:14px 16px;
  margin: 1.2em 0 1.6em;
}
.single .toc_container .toc_title,
.single .ez-toc-title{ font-weight:800; color:#0F172A; margin:0 0 .4rem; }

/* Маленькие «бейджи» внутри текста (например Reading time) */
.single .vph-badge{
  display:inline-flex; align-items:center; gap:.4rem;
  background:#E6FFFB; color:#0D9488; border-radius:999px;
  font-weight:800; font-size:.85rem; padding:.35rem .65rem;
}

/* Аккуратные заметки (используйте Gutenberg Group с class=“is-note | is-tip | is-warn”) */
.single .is-note, .single .is-tip, .single .is-warn{
  border:1px solid #E5E7EB; border-radius:12px; padding:14px 16px; margin:1.1em 0;
}
.single .is-note{ background:#F8FAFC; }
.single .is-tip{ background:#F0FDFA; border-color:#99F6E4; }
.single .is-warn{ background:#FEF3C7; border-color:#FDE68A; }

/* Таблицы — зебра и прокрутка на мобилках */
.single .entry-content table{ width:100%; border-collapse:collapse; font-size: .97rem; }
.single .entry-content table th, 
.single .entry-content table td{ border:1px solid #E5E7EB; padding:.6rem .7rem; }
.single .entry-content table tr:nth-child(odd){ background:#F9FAFB; overflow:auto; }

/* Чуть больше воздуха после статьи перед автор-боксом и т.п. */
.single .entry-content{ padding-bottom: 10px; }

.single .entry-content figure img{
  border-radius:12px; transition: transform .35s ease;
}
.single .entry-content figure:hover img{
  transform:scale(1.015);
}

/* ==== Article-only heading style (safe; won't affect homepage) ==== */

/* H1 статьи — оставляем как есть в теме, при желании можно усилить */
.single-post .entry-title{
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
}

/* H2 в тексте: акцентный цвет + вертикальная «полоска» слева */
.single-post .entry-content h2{
  position: relative;
  padding-left: 14px;             /* место под маркер */
  margin: 2.25rem 0 1rem;
  font-weight: 800;
  color: #0D9488;                  /* как на главной */
}
.single-post .entry-content h2::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 6px; height: 22px;
  background: #0D9488;
  border-radius: 3px;
}

/* H3 в тексте: тёмный текст + более тонкий маркер */
.single-post .entry-content h3{
  position: relative;
  padding-left: 12px;
  margin: 1.75rem 0 .75rem;
  font-weight: 800;
  color: #0F172A;
}
.single-post .entry-content h3::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 18px;
  background: #14b8a6;           /* чуть светлее для подзаголовков */
  border-radius: 3px;
  opacity: .9;
}

/* Первый H2 после вступления — чуть ближе */
.single-post .entry-content > h2:first-of-type{ margin-top: 1.75rem; }

/* Если сразу за заголовком идёт список — делаем его немного ближе */
.single-post .entry-content h2 + ul,
.single-post .entry-content h3 + ul{ margin-top: .5rem; }

/* ===== Prev / Next cards — only on single posts ===== */
.single-post nav.post-navigation{
  margin: 28px 0 0;
  border-top: 1px solid #E5E7EB;
  padding-top: 18px;
}
.single-post nav.post-navigation .nav-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 720px){
  .single-post nav.post-navigation .nav-links{ grid-template-columns: 1fr; }
}

/* каждая сторона как карточка */
.single-post nav.post-navigation .nav-previous,
.single-post nav.post-navigation .nav-next{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:14px;
  overflow:hidden;
  transition: box-shadow .25s ease, border-color .25s ease;
}
.single-post nav.post-navigation .nav-previous:hover,
.single-post nav.post-navigation .nav-next:hover{
  border-color:#0D9488;
  box-shadow:0 10px 24px rgba(16,24,40,.08);
}

/* многие темы выводят три ссылки: "Previous/Next" (1), превью (2), заголовок (3).
   Скрываем первый «служебный» якорь, чтобы не торчал над карточкой */
.single-post nav.post-navigation .nav-previous > a:first-child,
.single-post nav.post-navigation .nav-next > a:first-child{
  display:none !important;
}

/* превью */
.single-post nav.post-navigation .nav-previous a img,
.single-post nav.post-navigation .nav-next a img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition: transform .35s ease;
}
.single-post nav.post-navigation .nav-previous:hover a img,
.single-post nav.post-navigation .nav-next:hover a img{
  transform:scale(1.04);
}

/* подписи «Previous / Next» как бейджи (если метки внутри ссылки) */
.single-post nav.post-navigation .meta-nav{
  display:none; /* прячем, чтобы не дублировалось */
}
.single-post nav.post-navigation .nav-previous a:nth-child(2)::before,
.single-post nav.post-navigation .nav-next a:nth-child(2)::before{
  content:"";
  display:none; /* по умолчанию не рисуем, т.к. многие темы уже добавляют метку */
}

/* заголовок карточки (3-я ссылка) */
.single-post nav.post-navigation .nav-previous a:last-child,
.single-post nav.post-navigation .nav-next a:last-child{
  display:block;
  padding:10px 12px 12px;
  font-weight:800;
  line-height:1.25;
  color:#0F172A;
  text-decoration:none;
}
.single-post nav.post-navigation .nav-previous a:last-child:hover,
.single-post nav.post-navigation .nav-next a:last-child:hover{ color:#0D9488; }

/* «бейдж» в верхнем левом углу карточки (если хочешь — включи) */
/*
.single-post nav.post-navigation .nav-previous::before,
.single-post nav.post-navigation .nav-next::before{
  content: attr(data-kicker);
  position:absolute; margin:10px 12px; padding:.2rem .5rem;
  border-radius:999px; font-size:.75rem; font-weight:800;
  background:#E6FFFB; color:#0D9488;
}
.single-post nav.post-navigation .nav-previous{ position:relative; }
.single-post nav.post-navigation .nav-next{ position:relative; }
.single-post nav.post-navigation .nav-previous{ --kicker:'Previous'; }
.single-post nav.post-navigation .nav-next{ --kicker:'Next'; }
*/

/* ==== (опционально) стили для нашего кастомного блока, если он подключён ==== */
.single-post .vph-nextprev{
  margin:28px 0 0; border-top:1px solid #E5E7EB; padding-top:18px;
  display:grid; grid-template-columns:1fr 1fr; gap:16px;
}
@media(max-width:720px){ .single-post .vph-nextprev{ grid-template-columns:1fr; } }
.single-post .vph-nextprev .vph-card{
  background:#fff; border:1px solid #E5E7EB; border-radius:14px; overflow:hidden; text-decoration:none; color:#0F172A;
  transition: box-shadow .25s ease, border-color .25s ease;
}
.single-post .vph-nextprev .vph-card:hover{ border-color:#0D9488; box-shadow:0 10px 24px rgba(16,24,40,.08); }
.single-post .vph-nextprev .vph-card .row{ display:grid; grid-template-columns:120px 1fr; gap:12px; align-items:center; padding:10px 12px 12px; }
.single-post .vph-nextprev .vph-card img{ width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:10px; transition:transform .35s ease; }
.single-post .vph-nextprev .vph-card:hover img{ transform:scale(1.04); }
.single-post .vph-nextprev .vph-card h4{ margin:0; font-size:1.05rem; line-height:1.25; font-weight:800; }
.single-post .vph-nextprev .kicker{ display:block; padding:8px 12px 0; font-size:.8rem; font-weight:800; color:#0D9488; text-transform:uppercase; letter-spacing:.04em; }

/* Отступы перед футером на страницах статей */
.single-post .vph-post-footer{ margin-bottom: 28px; }
.single-post .vph-nextprev{ margin-bottom: 28px; }
.single-post .site-main{ padding-bottom: 28px; }

/* На всякий случай: если тема всё же успела вывести свою навигацию до remove_action,
   прячем только её (на single), наш .vph-nextprev не трогаем */
.single-post nav.post-navigation{ display:none; }

/* На single прячем мету темы, если она вдруг всё-таки вывелась */
.single-post .entry-header .entry-meta:not(.vph-meta){ display:none; }

/* Чуть ровнее вертикальные отступы под заголовком */
.single-post .entry-header .vph-meta{ margin-top:.35rem; gap:12px; }

/* ======== Category (Archive) layout ======== */

/* Hero */
.vph-arch-hero{padding:28px 0;background:var(--vph-light)}
.vph-arch-hero-grid{
  display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;
}
.vph-arch-hero-copy .vph-h2{font-size:clamp(28px,3.2vw,40px)}
.vph-arch-hero-desc{color:#475569;line-height:1.6;margin:.5rem 0 0}
.vph-arch-hero-fig{margin:0}
.vph-arch-hero-fig img{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}
.vph-arch-chips{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.vph-arch-chips .vph-pill-label{align-self:center;margin-right:6px;color:#64748b;font-weight:700}
@media(max-width:900px){ .vph-arch-hero-grid{grid-template-columns:1fr} }

/* Sort toolbar + grid wrapper */
.vph-cat-area{padding:18px 0;background:var(--vph-bg)}
.vph-cat-toolbar{
  display:flex;align-items:center;justify-content:flex-end;margin:0 0 14px;
}
.vph-cat-toolbar .vph-sort{display:flex;align-items:center;gap:10px}
.vph-cat-toolbar label{font-weight:700;color:#475569}
.vph-cat-toolbar select{
  border:1px solid var(--vph-muted);border-radius:10px;
  padding:.45rem .6rem;background:#fff;color:#0F172A;font-weight:700
}

/* Сетка архива (оборачивает стандартные <article>) */
.vph-cat-grid{
  display:grid;gap:16px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:980px){ .vph-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:640px){ .vph-cat-grid{grid-template-columns:1fr} }

/* Карточка для стандартной разметки GP */
.vph-cat-grid article{
  background:#fff;border:1px solid var(--vph-muted);
  border-radius:14px;overflow:hidden;height:100%;
  display:flex;flex-direction:column;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.vph-cat-grid article:hover{
  border-color:#0D9488; box-shadow:0 10px 24px rgba(16,24,40,.08);
}

/* Внутренности записи GP */
.vph-cat-grid .inside-article{padding:0;background:transparent;border:none}
.vph-cat-grid .post-image, 
.vph-cat-grid .featured-image{margin:0}
.vph-cat-grid .post-image a,
.vph-cat-grid .featured-image a{display:block}
.vph-cat-grid .post-image img, 
.vph-cat-grid .featured-image img{
  display:block;width:100%;height:auto;object-fit:cover
}

/* Заголовок/мета/отрывок */
.vph-cat-grid .entry-header{padding:12px 14px 0;margin:0}
.vph-cat-grid .entry-title{
  font-size:1.05rem;line-height:1.25;margin:4px 0 8px;font-weight:800;color:var(--vph-dark);
}
.vph-cat-grid .entry-meta{padding:0 14px 6px;color:#64748b;font-weight:700;font-size:.9rem}
.vph-cat-grid .entry-summary,
.vph-cat-grid .entry-content{padding:0 14px 14px;color:#475569}

/* Кнопка "читать далее" если тема её добавляет внутри summary */
.vph-cat-grid .read-more{display:inline-flex;margin-top:6px;font-weight:800;color:var(--vph-teal)}

/* Пагинация под сеткой — немного воздуха */
.archive .paging-navigation,
.archive .navigation.posts-navigation{margin:18px 0 0}

/* --- GP archive grid fix: hero + grid must span full width --- */
.vph-arch-hero,
.vph-cat-area{
  grid-column: 1 / -1;   /* занять все колонки GP-контейнера */
  width: 100%;
  clear: both;           /* на случай старых float-стилей */
}

/* если родитель — .grid-container (GeneratePress), тоже прикроем точечно */
.grid-container > .vph-arch-hero,
.grid-container > .vph-cat-area{
  grid-column: 1 / -1;
}

/* подстраховка: запретить газетные multi-columns на нашем списке */
.vph-cat-grid{
  column-count: initial;
  column-width: auto;
}

/* breadcrumbs — опустить чуть ниже шапки и отделить от hero */
.vph-breadcrumbs{
  margin-top: 16px;       /* вниз от шапки */
  margin-bottom: 10px;    /* немного воздуха перед hero */
}

/* 1) Хлебные крошки — чуть ниже от шапки и не прилипают */
.vph-breadcrumbs{
  margin-top: 20px;
  margin-bottom: 14px;
}

/* 2) В hero категории изображение НЕ нужно */
.archive.category .vph-arch-hero-fig{ display:none !important; }
.archive.category .vph-arch-hero-grid{ grid-template-columns: 1fr; }

/* 3) В карточках архива изображение ДОЛЖНО быть видно и ровное */
.vph-cat-grid .post-image,
.vph-cat-grid .featured-image{
  display:block !important;
  margin:0;
}
.vph-cat-grid .post-image a,
.vph-cat-grid .featured-image a{ display:block; }

.vph-cat-grid .post-image img,
.vph-cat-grid .featured-image img{
  width:100%;
  aspect-ratio:16/9;      /* единая пропорция */
  object-fit:cover;
  display:block;
  border-bottom: 0;       /* на случай тем с бордером у img */
}

/* чуть больше «воздуха» у карточки, когда есть превью */
.vph-cat-grid .entry-header{ padding:12px 14px 0; }
.vph-cat-grid .entry-meta{ padding:0 14px 6px; }
.vph-cat-grid .entry-summary,
.vph-cat-grid .entry-content{ padding:0 14px 14px; }

/* Category hero: вырубить медиа, пришедшие из term_description */
.archive.category .vph-arch-hero-desc img,
.archive.category .vph-arch-hero-desc figure,
.archive.category .vph-arch-hero-desc .wp-caption,
.archive.category .vph-arch-hero-desc .alignleft,
.archive.category .vph-arch-hero-desc .alignright,
.archive.category .vph-arch-hero-desc .aligncenter{
  display: none !important;
}

/* === Category hero: описание на ту же ширину, что и чипсы === */
.archive.category .vph-arch-hero-copy{
  max-width: 100%;
}

.archive.category .vph-arch-hero-desc{
  width: 100%;
  max-width: 100%;
  white-space: normal;     /* вернуть переносы строк */
  overflow: visible;
  text-overflow: clip;
  margin: .25rem 0 .5rem;  /* немного воздуха перед "Top topics" */
}

/* <p> снова блочный — чтобы занимал всю ширину колонки */
.archive.category .vph-arch-hero-desc p{
  display: block;
  margin: 0;
}

/* медиавставки из описания по-прежнему отключены */
.archive.category .vph-arch-hero-desc img,
.archive.category .vph-arch-hero-desc figure,
.archive.category .vph-arch-hero-desc .wp-caption,
.archive.category .vph-arch-hero-desc .alignleft,
.archive.category .vph-arch-hero-desc .alignright,
.archive.category .vph-arch-hero-desc .aligncenter{
  display: none !important;
}

/* ===== Vista Pet Health — Category (Archive) polish ===== */

/* --- GP grid fix: наши блоки на всю ширину контейнера --- */
.vph-arch-hero,
.vph-cat-area{ grid-column:1 / -1; width:100%; clear:both; }
.grid-container > .vph-arch-hero,
.grid-container > .vph-cat-area{ grid-column:1 / -1; }

/* --- Breadcrumbs: чуть ниже шапки --- */
.vph-breadcrumbs{ margin-top:20px; margin-bottom:14px; }

/* --- Hero категории: без картинки + нормальный текст --- */
.archive.category .vph-arch-hero-fig{ display:none !important; }
.archive.category .vph-arch-hero-grid{ grid-template-columns:1fr; }
.archive.category .vph-arch-hero-desc{
  width:100%; max-width:100%; margin:.25rem 0 .5rem;
  white-space:normal; overflow:visible; text-overflow:clip;
}
/* вырубить любые медиа, пришедшие из term_description */
.archive.category .vph-arch-hero-desc img,
.archive.category .vph-arch-hero-desc figure,
.archive.category .vph-arch-hero-desc .wp-caption,
.archive.category .vph-arch-hero-desc .alignleft,
.archive.category .vph-arch-hero-desc .alignright,
.archive.category .vph-arch-hero-desc .aligncenter{ display:none !important; }

/* --- Chips (Top topics): адаптив --- */
.vph-arch-chips{ display:flex; flex-wrap:wrap; gap:10px 12px; }
.vph-arch-chips .vph-pill-label{ color:#384152; opacity:.9; }
@media(max-width:720px){
  .vph-arch-chips{ overflow:auto; white-space:nowrap; padding-bottom:6px; }
  .vph-arch-chips .vph-pill{ display:inline-block; margin-right:8px; }
}

/* --- Toolbar сортировки --- */
.vph-cat-toolbar{ display:flex; align-items:center; justify-content:flex-end; margin:0 0 14px; }
.vph-cat-toolbar label{ font-weight:700; color:#475569; cursor:pointer; }
.vph-cat-toolbar select{
  border:1px solid var(--vph-muted); border-radius:10px;
  padding:.45rem .6rem; background:#fff; color:#0F172A; font-weight:700;
}
.vph-cat-toolbar select:focus{ outline:2px solid var(--vph-teal); outline-offset:2px; }

/* --- Сетка карточек архива --- */
.vph-cat-grid{ display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:980px){ .vph-cat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px){ .vph-cat-grid{ grid-template-columns:1fr; } }

/* Карточка */
.vph-cat-grid article{
  background:#fff; border:1px solid var(--vph-muted); border-radius:14px;
  overflow:hidden; height:100%; display:flex; flex-direction:column;
  transition: box-shadow .25s, border-color .25s, transform .15s;
}
.vph-cat-grid article:hover{ border-color:#0D9488; box-shadow:0 10px 24px rgba(16,24,40,.08); transform:translateY(-1px); }
.vph-cat-grid .inside-article{ padding:0; background:transparent; border:none; }

/* Превью в карточке — оставить и выровнять */
.vph-cat-grid .post-image, .vph-cat-grid .featured-image{ display:block !important; margin:0; }
.vph-cat-grid .post-image a, .vph-cat-grid .featured-image a{ display:block; }
.vph-cat-grid .post-image img, .vph-cat-grid .featured-image img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}

/* Заголовок/мета/отрывок */
.vph-cat-grid .entry-header{ padding:12px 14px 0; margin:0; min-height:72px; }
.vph-cat-grid .entry-title{
  font-size:1.05rem; line-height:1.25; margin:4px 0 8px; font-weight:800; color:var(--vph-dark);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.vph-cat-grid .entry-meta{ padding:0 14px 6px; color:#64748b; font-weight:700; font-size:.9rem; }
.vph-cat-grid .entry-summary, .vph-cat-grid .entry-content{ padding:0 14px 14px; color:#475569; }
.vph-cat-grid .entry-summary p{ margin:0; }
.vph-cat-grid .entry-summary{
  display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;
}

/* Сделать всю карточку кликабельной (через слой поверх) */
.vph-cat-grid article{ position:relative; }
.vph-cat-grid .entry-title a{ position:static; }
.vph-cat-grid .entry-title a::after{ content:""; position:absolute; inset:0; }

/* Пагинация под сеткой */
.archive .paging-navigation, .archive .navigation.posts-navigation{ margin:18px 0 0; }

/* --- Укротить мету GeneratePress под карточкой --- */
/* 1) Категории в карточках — скрыть полностью */
.archive.category .vph-cat-grid .cat-links{ display:none !important; }

/* 2) Теги: показывать только первые 6 ссылок (остальные скрыть) */
.archive.category .vph-cat-grid .tags-links a:nth-of-type(n+7){ display:none !important; }

/* Можно сделать лимит чуть больше на десктопе */
@media(min-width:1024px){
  .archive.category .vph-cat-grid .tags-links a:nth-of-type(n+9){ display:none !important; }
}

/* === Category cards: no tags/categories footer === */
.archive.category .vph-cat-grid .entry-footer,
.archive.category .vph-cat-grid .tags-links,
.archive.category .vph-cat-grid .cat-links{
  display: none !important;
}

/* === Excerpt: длиннее и без "обрубленных" букв === */
.vph-cat-grid .entry-summary{
  /* больше строк */
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;        /* было 5 — сделали просторнее */
  overflow: hidden;

  /* мягкий fade-out в конце, чтобы не было видимых «обрезов» */
  /* поддерживается в современных браузерах */
  -webkit-mask-image: linear-gradient(180deg, #000 92%, transparent);
          mask-image: linear-gradient(180deg, #000 92%, transparent);

  padding-bottom: 8px;          /* чуть воздуха, чтобы fade выглядел аккуратно */
}

/* Excerpt: длиннее, мягкий fade, место под ссылку */
.vph-cat-grid .entry-summary{
  position: relative;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;             /* 8 строк текста */
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent);
          mask-image: linear-gradient(180deg, #000 90%, transparent);
  padding-bottom: 18px;               /* резерв под ссылку */
}

/* Read more — отдельным слоем, не попадает под маску */
.vph-cat-grid .entry-summary .more-link,
.vph-cat-grid .entry-summary .read-more,
.vph-cat-grid .entry-summary .vph-more{
  position: absolute;
  left: 14px;
  bottom: 8px;
  font-weight: 800;
  color: var(--vph-teal);
  text-decoration: none;
  -webkit-mask-image: none; mask-image: none;
}
.vph-cat-grid .entry-summary .more-link:hover,
.vph-cat-grid .entry-summary .read-more:hover,
.vph-cat-grid .entry-summary .vph-more:hover{
  text-decoration: underline;
}

/* === Excerpt: кламп + плавный фейд, без наложения на ссылку === */
.vph-cat-grid .entry-summary{
  position: relative;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;     /* ~8 строк текста */
  overflow: hidden;
  padding: 0 14px 0;         /* внутренние поля оставляем у контейнера карточки ниже */
}

/* рисуем fade поверх НИЗА текста, но не трогаем ссылку (она будет снаружи) */
.vph-cat-grid .entry-summary::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:48px;                 /* высота затухания */
  background:linear-gradient(180deg, rgba(255,255,255,0), #fff 85%);
  pointer-events:none;
}

/* контейнер для ссылки под отрывком */
.vph-cat-grid .vph-more-wrap{
  padding: 8px 14px 14px;
}
.vph-cat-grid .vph-more-wrap a{
  font-weight:800;
  color:var(--vph-teal);
  text-decoration:none;
}
.vph-cat-grid .vph-more-wrap a:hover{ text-decoration:underline; }

/* убрать предыдущие абсолютные стили ссылки, если остались */
.vph-cat-grid .entry-summary .more-link,
.vph-cat-grid .entry-summary .read-more,
.vph-cat-grid .entry-summary .vph-more{
  position:static !important;
  left:auto !important; bottom:auto !important;
  -webkit-mask-image:none !important; mask-image:none !important;
  margin-top:0 !important;
}

/* Tag hero — так же, как у категории: одна колонка, без медиа из описания */
.archive.tag .vph-arch-hero-grid{ grid-template-columns:1fr; }
.archive.tag .vph-arch-hero-desc img,
.archive.tag .vph-arch-hero-desc figure,
.archive.tag .vph-arch-hero-desc .wp-caption{ display:none !important; }

/* На страницах тэгов карточки — в нашей сетке; категории под карточкой можно оставить/скрыть по вкусу */
.archive.tag .vph-cat-grid .cat-links{ display:none; } /* скрыли категории под карточкой — чище */

/* одинаковые отступы над/под крошками для тегов и категорий */
.archive.tag    .vph-breadcrumbs,
.archive.category .vph-breadcrumbs{
  margin-top: 20px;
  margin-bottom: 16px;   /* воздух между крошками и H1 */
}

/* hero для категорий – как на тэг-архивах: одна колонка, без медиа из описания */
.archive.category .vph-arch-hero-grid{ grid-template-columns:1fr; }
.archive.category .vph-arch-hero-desc img,
.archive.category .vph-arch-hero-desc figure,
.archive.category .vph-arch-hero-desc .wp-caption{ display:none !important; }

/* =======================
   Breadcrumbs — единый стиль для tag & category
   ======================= */
.vph-breadcrumbs{
  max-width: 1200px;
  padding: 0 16px;
  margin: 20px auto 16px;     /* одинаковый «воздух» над/под крошками */
  text-align: left;           /* избавляемся от центрирования темой */
  font-weight: 700;
  color: #475569;
}
.vph-breadcrumbs a{ color: var(--vph-dark); text-decoration: none; }
.vph-breadcrumbs a:hover{ color: var(--vph-teal); text-decoration: underline; }
.vph-breadcrumbs span{ color:#94a3b8; } /* разделители и current посерее */

/* конкретно для архивов категорий и тэгов — подстрахуемся */
.archive.category .vph-breadcrumbs,
.archive.tag .vph-breadcrumbs{
  margin-top: 20px;
  margin-bottom: 16px;
  text-align: left;
}

/* hero блок сразу под крошками — без лишнего зазора и без картинок из описания */
.archive.category .vph-arch-hero-grid,
.archive.tag .vph-arch-hero-grid{ grid-template-columns: 1fr; }
.archive.category .vph-arch-hero-desc img,
.archive.category .vph-arch-hero-desc figure,
.archive.tag .vph-arch-hero-desc img,
.archive.tag .vph-arch-hero-desc figure{ display:none !important; }

/* Make breadcrumbs a full-width row in GP grid (same as hero & grid) */
.grid-container > nav.vph-breadcrumbs{
  grid-column: 1 / -1;   /* растягиваем на всю ширину родительского грида */
  width: 100%;
}

/* На всякий случай — и для тэгов тоже */
.archive.tag .grid-container > nav.vph-breadcrumbs,
.archive.category .grid-container > nav.vph-breadcrumbs{
  grid-column: 1 / -1;
}

/* Единое выравнивание и «воздух» (если тема где-то центрирует) */
.archive.tag .vph-breadcrumbs,
.archive.category .vph-breadcrumbs{
  text-align: left !important;
  margin-top: 20px !important;
  margin-bottom: 16px !important;
}

/* Крошки — такая же «полоса» как hero и сетка карточек */
.grid-container > nav.vph-breadcrumbs{
  grid-column: 1 / -1;   /* растянуть на всю ширину грид-контейнера GP */
  width: 100%;
}

/* Единые отступы и выравнивание (вдруг тема где-то центрирует) */
.archive.category .vph-breadcrumbs,
.archive.tag .vph-breadcrumbs{
  margin-top: 20px !important;
  margin-bottom: 16px !important;
  text-align: left !important;
}