/* ============ SINGLE COLLECTION (scoped) ============ */

/* container */
.mns-sc__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* --- Page head (над карткою) --- */
.mns-archive__head{ margin:18px 0 8px; }
.mns-archive__head .mns-h1{ margin:0; line-height:1.1; font-size:clamp(28px,3.6vw,42px); }

/* --- Card wrapper --- */
.mns-sc__card{
  background: var(--card,#141617);
  border: 1px solid var(--stroke,#1f2427);
  border-radius: 20px;
  box-shadow: 0 14px 36px rgba(0,0,0,.35);
  padding: 26px;
  margin: 22px 0 32px;
}

/* універсальний вертикальний ритм усередині картки */
.mns-sc__card > * + *{ margin-top: 24px !important; }

/* --- HERO --- */
.mns-sc__hero{
  margin: 0 !important;
  border-radius: 16px;
  overflow: hidden;
  line-height: 0; font-size: 0; /* ніяких щілин */
  position: relative;
}
.mns-sc__hero-img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: cover;
}
.mns-sc__lock{
  position:absolute; left:16px; bottom:16px;
  display:flex; gap:8px; align-items:center;
  padding:8px 10px; border-radius:10px;
  background:rgba(0,0,0,.45); color:#fff; backdrop-filter:blur(6px);
  font-size:14px; line-height:1;
}
.mns-sc__lock svg{ width:18px; height:18px; }

/* --- CONTENT --- */
.mns-sc__article{ margin-top: 2px; }
.mns-sc__content > * + *{ margin-top: 24px; }
.mns-sc__content img{
  max-width:100%; height:auto; display:block;
  border-radius: 14px;
  box-shadow: 0 3px 14px rgba(0,0,0,.25);
}
.mns-sc__pagination{ margin-top:16px; }

/* --- GALLERY: чиста сітка без зайвих відступів --- */
.mns-sc__content .wp-block-gallery,
.mns-sc__content .blocks-gallery-grid,
.mns-sc__content .gallery{
  display:flex !important;
  flex-wrap:wrap;
  gap:20px;
  margin: 6px 0 0 !important;
  padding: 0 !important;
}
.mns-sc__content .wp-block-gallery *,
.mns-sc__content .gallery *{
  margin:0 !important; padding:0 !important; border:0;
}
.mns-sc__content .wp-block-gallery .blocks-gallery-item,
.mns-sc__content .gallery .gallery-item{
  list-style:none;
  flex: 0 0 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  display:block;
}
.mns-sc__content .wp-block-gallery img,
.mns-sc__content .gallery img{
  width:100% !important; height:auto !important;
  display:block; object-fit:cover;
  border-radius:14px;
  box-shadow: 0 3px 14px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}
.mns-sc__content .wp-block-gallery img:hover,
.mns-sc__content .gallery img:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}
/* рівні колонки на планшеті/мобайлі */
@media (max-width: 1024px){
  .mns-sc__content .wp-block-gallery .blocks-gallery-item,
  .mns-sc__content .gallery .gallery-item{
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 640px){
  .mns-sc__content .wp-block-gallery .blocks-gallery-item,
  .mns-sc__content .gallery .gallery-item{
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* --- LOCKED BOX --- */
.mns-sc__locked{
  padding:20px;
  border-radius:16px;
  border:1px solid var(--stroke,#1f2427);
  background: var(--card-2,#1a1d1f);
}
.mns-sc__btn{
  display:inline-block; padding:10px 18px; border-radius:999px;
  background:var(--accent-1,#0cc0a0); color:#000; font-weight:600;
}
.mns-sc__teaser{ color:var(--text-3,#95a1ab); margin-top:10px; }

/* --- FOOTER BAR (actions + date right) --- */
.mns-sc__footerbar{
  margin-top: 24px !important;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:12px 16px;
  border-radius:14px;
  background:var(--card-2,#1a1d1f);
  border:1px solid var(--stroke,#22272a);
}
.mns-sc__fb-left{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

/* WP ULike всередині бару — тільки inline, без ширини на весь ряд */
.mns-sc__footerbar .wpulike,
.mns-sc__footerbar [class*="wp_ulike"]{
  display:inline-flex !important;
  align-items:center; gap:8px;
  width:auto !important; float:none !important;
  padding:8px 12px; border-radius:10px;
  background:transparent; border:1px solid transparent;
  margin:0 !important;
}
.mns-sc__footerbar .wpulike .count-box,
.mns-sc__footerbar [class*="wp_ulike"] .count-box{ margin-left:6px; opacity:.85; }

.mns-sc__act{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:10px;
  background:transparent; border:1px solid transparent; line-height:1;
  color:var(--text-2,#c9d0d6);
}
.mns-sc__act svg{ width:18px; height:18px; }
.mns-sc__act:hover{ border-color:rgba(255,255,255,.06); background:rgba(255,255,255,.03); transform:translateY(-1px); }

.mns-sc__fb-date{
  margin-left:auto;
  white-space:nowrap;
  color:var(--text-3,#95a1ab);
  font-size:.95rem;
}

/* --- COMMENTS as separate card --- */
.mns-sc__comments{
  background: var(--card,#141617);
  border: 1px solid var(--stroke,#1f2427);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  padding: 28px 30px;
  margin-top: 28px !important;
}
.mns-sc__comments h2,
.mns-sc__comments h3,
.mns-sc__comments h4{
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--stroke,#1f2427);
  padding-bottom: 10px;
}
.mns-sc__comments .comment{ border-bottom:1px solid var(--stroke,#1f2427); padding:14px 0; }
.mns-sc__comments .comment:last-child{ border-bottom:none; }
.mns-sc__comments .comment-author img{ border-radius:50%; width:40px; height:40px; margin-right:10px; }
.mns-sc__comments .comment-content{ line-height:1.6; margin-top:6px; }
.mns-sc__comments #respond{ margin-top:30px; border-top:1px solid var(--stroke,#1f2427); padding-top:24px; }
.mns-sc__comments textarea,
.mns-sc__comments input[type="text"],
.mns-sc__comments input[type="email"]{
  width:100%;
  background: var(--card-2,#1a1d1f);
  border:1px solid var(--stroke,#2a2f33);
  border-radius:10px;
  padding:10px 14px;
  color:var(--text-1,#fff);
  margin-top:6px;
}
.mns-sc__comments textarea:focus,
.mns-sc__comments input:focus{ border-color:var(--accent-1,#0cc0a0); outline:none; }
.mns-sc__comments input[type="submit"]{
  display:inline-block; margin-top:14px;
  background:var(--accent-1,#0cc0a0); color:#000;
  border:none; border-radius:999px; padding:10px 22px; font-weight:600; cursor:pointer;
  transition: background .25s ease, transform .25s ease;
}
.mns-sc__comments input[type="submit"]:hover{ background:var(--accent-2,#19c37d); transform:translateY(-1px); }

@media (max-width: 640px){
  .mns-sc__card{ padding:16px; border-radius:16px; }
  .mns-sc__hero{ border-radius:12px; }
  .mns-sc__comments{ padding:20px 18px; border-radius:16px; }
}
/* ===== NICE COMMENT LIST (inside .mns-sc__comments) ===== */

/* контейнер списку */
.mns-sc__comments ol.comment-list,
.mns-sc__comments ul.comment-list{
  list-style:none; margin:0; padding:0;
}

/* один коментар: картка + сіточка (аватар + контент) */
.mns-sc__comments .comment{
  margin:0 0 14px 0;
  padding:0;
}
.mns-sc__comments .comment-body{
  display:grid;
  grid-template-columns: 48px 1fr;
  gap:14px;
  padding:14px;
  border:1px solid var(--stroke,#1f2427);
  border-radius:14px;
  background: var(--card-2,#1a1d1f);
}

/* аватар */
.mns-sc__comments .comment-author img{
  width:48px; height:48px; border-radius:50%;
  display:block; background:#222;
}

/* шапка (імʼя + дата) */
.mns-sc__comments .comment-author{ display:flex; align-items:center; gap:8px; }
.mns-sc__comments .comment-author .says{ display:none; }
.mns-sc__comments .comment-author .fn,
.mns-sc__comments .comment-author .fn a{
  font-weight:600; color:var(--text-1,#fff); text-decoration:none;
}
.mns-sc__comments .comment-metadata,
.mns-sc__comments .comment-metadata a{
  color:var(--text-3,#95a1ab); font-size:.9rem; text-decoration:none;
}
.mns-sc__comments .comment-meta{ display:flex; gap:10px; align-items:center; }

/* текст */
.mns-sc__comments .comment-content{
  color:var(--text-2,#c9d0d6); line-height:1.6; margin-top:6px;
}
.mns-sc__comments .comment-content p{ margin:0 0 10px; }
.mns-sc__comments .comment-content a{ color:var(--accent-1,#0cc0a0); }

/* кнопка “Reply” + лайки плагіна – в один ряд */
.mns-sc__comments .reply{ margin-top:8px; }
.mns-sc__comments .comment-reply-link{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:transparent; border:1px solid var(--stroke,#2a2f33);
  color:var(--text-2,#c9d0d6); text-decoration:none; line-height:1;
  transition:background .2s,border-color .2s,transform .2s;
}
.mns-sc__comments .comment-reply-link:hover{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); transform:translateY(-1px);
}

/* популярні лайк-плагіни всередині комента */
.mns-sc__comments .comment-body .wpulike,
.mns-sc__comments .comment-body [class*="wp_ulike"]{
  display:inline-flex; align-items:center; gap:6px;
  margin-right:10px; vertical-align:middle;
}
.mns-sc__comments .comment-body .wpulike .count-box,
.mns-sc__comments .comment-body [class*="wp_ulike"] .count-box{ opacity:.85; }

/* вкладені відповіді */
.mns-sc__comments .children{
  list-style:none; margin:10px 0 0 48px; padding:0;
  border-left:2px solid var(--stroke,#273036);
}
.mns-sc__comments .children .comment{ margin-top:12px; }

/* модерація */
.mns-sc__comments .comment-awaiting-moderation{
  display:inline-block; margin-top:6px; padding:6px 10px;
  border-radius:8px; background:rgba(255,215,0,.08); color:#ffd76b; font-size:.9rem;
}

/* комент-навігація (пагінація) */
.mns-sc__comments .comment-navigation{
  display:flex; justify-content:space-between; gap:10px; margin-top:16px;
}
.mns-sc__comments .comment-navigation a{
  color:var(--text-2,#c9d0d6); text-decoration:none; padding:8px 12px; border:1px solid var(--stroke,#2a2f33); border-radius:10px;
}
.mns-sc__comments .comment-navigation a:hover{ background:rgba(255,255,255,.06); }

/* форма відповіді, коли рухається під комент */
.mns-sc__comments .comment-respond{
  margin-top:12px; padding:14px; border:1px dashed var(--stroke,#2a2f33); border-radius:12px;
}

/* mobile */
@media (max-width:640px){
  .mns-sc__comments .comment-body{
    grid-template-columns: 40px 1fr;
    padding:12px;
  }
  .mns-sc__comments .comment-author img{ width:40px; height:40px; }
  .mns-sc__comments .children{ margin-left:36px; }
}
/* ===== FIX: comment layout overlap ===== */
.mns-sc__comments .comment { margin:0 0 14px 0; padding:0; }

/* Каркас одного коментаря */
.mns-sc__comments .comment-body{
  display:grid !important;
  grid-template-columns: 56px 1fr;
  grid-auto-rows: auto;
  column-gap:14px;
  row-gap:6px;
  padding:14px;
  border:1px solid var(--stroke,#1f2427);
  border-radius:14px;
  background: var(--card-2,#1a1d1f);
  position: relative;
}

/* Скидання сторонніх стилів, що ламають потік */
.mns-sc__comments .comment-body *,
.mns-sc__comments .comment-body a{
 
}

/* Аватар — у першій колонці, на всі рядки */
.mns-sc__comments .comment-body img.avatar{
  grid-column:1;
  grid-row:1 / span 4;
  width:56px; height:56px; border-radius:50%;
  display:block;
}

/* Шапка: автор + дата в один ряд, з переносом */
.mns-sc__comments .comment-author{ grid-column:2; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.mns-sc__comments .comment-author .says{ display:none; }
.mns-sc__comments .comment-author .fn,
.mns-sc__comments .comment-author .fn a{ font-weight:600; color:var(--text-1,#fff); text-decoration:none; }

.mns-sc__comments .comment-meta,
.mns-sc__comments .comment-metadata{
  grid-column:2;
  display:inline-flex;
  gap:10px;
  color:var(--text-3,#95a1ab);
  font-size:.92rem;
}

/* Текст коментаря — окремим блоком на всю другу колонку */
.mns-sc__comments .comment-content{
  grid-column:2;
  color:var(--text-2,#c9d0d6);
  line-height:1.6;
  margin-top:4px;
}
.mns-sc__comments .comment-content p{ margin:0 0 8px; }

/* Дія/лайки — внизу одним рядком */
.mns-sc__comments .comment-body .reply,
.mns-sc__comments .comment-body .wpulike,
.mns-sc__comments .comment-body [class*="wp_ulike"]{
  grid-column:2;
}
.mns-sc__comments .comment-body .reply{ margin-top:8px; }
.mns-sc__comments .comment-body .wpulike,
.mns-sc__comments .comment-body [class*="wp_ulike"]{
  display:inline-flex !important;
  align-items:center; gap:6px;
  margin-right:10px; width:auto !important;
}
.mns-sc__comments .comment-reply-link{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:transparent; border:1px solid var(--stroke,#2a2f33);
  color:var(--text-2,#c9d0d6); text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
}
.mns-sc__comments .comment-reply-link:hover{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); transform:translateY(-1px);
}

/* Вкладені відповіді — відступ зліва, без перекосів */
.mns-sc__comments .children{
  list-style:none; margin:10px 0 0 56px; padding:0;
  border-left:2px solid var(--stroke,#273036);
}
.mns-sc__comments .children .comment{ margin-top:12px; }

/* Мобільна адаптація */
@media (max-width:640px){
  .mns-sc__comments .comment-body{
    grid-template-columns: 44px 1fr;
    padding:12px;
  }
  .mns-sc__comments .comment-body img.avatar{ width:44px; height:44px; }
  .mns-sc__comments .children{ margin-left:44px; }
}

/* === FIX PACK: comments row, like button, bullets, spacing === */

/* 1) Скидаємо маркери списку та прибираємо «ромбик» зліва */
.mns-sc__comments li,
.mns-sc__comments .comment,
.mns-sc__comments .children,
.mns-sc__comments .comment-list { list-style: none !important; }
.mns-sc__comments .comment::marker,
.mns-sc__comments li::marker { content: '' !important; }

/* 2) Каркас коментаря — залишаємо grid, але нормалізуємо відступи */
.mns-sc__comments .comment-body{
  display:grid !important;
  grid-template-columns: 2px;
  column-gap:14px; row-gap:8px;
  padding:14px;
  border:1px solid var(--stroke,#1f2427);
  border-radius:14px;
  background: var(--card-2,#1a1d1f);
}
.mns-sc__comments .comment-body img.avatar{
  grid-column:1; grid-row:1 / span 4;
  width:56px; height:56px; border-radius:50%;
  display:block;
}

/* 3) Шапка (автор+дата) і текст */
.mns-sc__comments .comment-author{ grid-column:2; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.mns-sc__comments .comment-author .says{ display:none; }
.mns-sc__comments .comment-author .fn,
.mns-sc__comments .comment-author .fn a{ font-weight:600; color:var(--text-1,#fff); text-decoration:none; }
.mns-sc__comments .comment-meta,
.mns-sc__comments .comment-metadata{ grid-column:2; color:var(--text-3,#95a1ab); font-size:.92rem; }

.mns-sc__comments .comment-content{
  grid-column:2;
  margin-top:2px; line-height:1.6; color:var(--text-2,#c9d0d6);
}

/* 4) Ряд дій під текстом — ЛАЙК + REPLY поруч зліва */
.mns-sc__comments .comment-body .reply,
.mns-sc__comments .comment-body .wpulike,
.mns-sc__comments .comment-body [class*="wp_ulike"]{
  grid-column:2; /* одна комірка сітки */
}

.mns-sc__comments .comment-body .reply{ display:inline-block; margin-top:8px; margin-right:10px; }

/* WP ULike: вимкнути float/absolute, зробити inline, не тягнути вправо */
.mns-sc__comments .comment-body .wpulike,
.mns-sc__comments .comment-body [class*="wp_ulike"]{
  display:inline-flex !important;
  align-items:center; gap:6px;
  margin:8px 10px 0 0 !important;
  padding:0 !important;
  width:auto !important;
  float:none !important;
 
}
.mns-sc__comments .comment-body .wpulike .count-box,
.mns-sc__comments .comment-body [class*="wp_ulike"] .count-box{ opacity:.85; }

/* Кнопка reply */
.mns-sc__comments .comment-reply-link{
  padding:8px 12px; border-radius:999px;
  background:transparent; border:1px solid var(--stroke,#2a2f33);
  color:var(--text-2,#c9d0d6); text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
}
.mns-sc__comments .comment-reply-link:hover{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); transform:translateY(-1px); }

/* 5) Вкладені відповіді — чистий відступ без маркерів */
.mns-sc__comments .children{
  margin:12px 0 0 56px; padding:0 0 0 12px;
  border-left:2px solid var(--stroke,#273036);
}

/* 6) Мобільна адаптація */
@media (max-width:640px){
  .mns-sc__comments .comment-body{ grid-template-columns:44px 1fr; padding:12px; }
  .mns-sc__comments .comment-body img.avatar{ width:44px; height:44px; }
  .mns-sc__comments .children{ margin-left:44px; }
}

/* ensure last load */ @media all { :root{ --sc-collection-loaded:1; } }