/* ============================================================================
   Форум / посты Supermoms — редизайн в стиле /calendar-beremennosti.php
   Дизайн-система smc-*, всё под .smc-page, чтобы не конфликтовать со
   style_inner.css и Bootstrap, которые грузит layouts.web.
   ============================================================================ */

.smc-page{
  --ink:#2c2a4a; --muted:#726e90; --line:#ece7f7; --card:#fff; --bg:#fbf7ff; --purple:#514b7e;
  --accent:#a98cff; --accent-2:#c4b3ff; --accent-soft:#f2ecff; --hero-a:#efe9ff; --hero-b:#fdf0f7;
  --radius:20px; --radius-lg:28px;
  --shadow:0 22px 50px -28px rgba(60,50,110,.45); --shadow-sm:0 10px 26px -18px rgba(60,50,110,.5);
  --maxw:1080px; --read:720px;
  background:var(--bg); color:var(--ink);
  font-family:'Roboto',system-ui,-apple-system,Segoe UI,sans-serif; font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  padding-bottom:8px;
}
.smc-page *{box-sizing:border-box;}
.smc-page img{max-width:100%;}

.smc-shell{max-width:var(--read);margin:0 auto;padding:0 20px;}
.smc-shell.is-wide{max-width:var(--maxw);}

.smc-crumbs{font-size:13px;color:var(--muted);padding:20px 0 0;display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.smc-crumbs a{color:var(--accent);text-decoration:none;font-weight:600;}
.smc-crumbs a:hover{text-decoration:underline;}
.smc-crumbs .sep{opacity:.4;}

/* ── HERO ────────────────────────────────────────────────────────────────── */
.smc-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);margin:16px 0 0;
  padding:30px 34px;background:linear-gradient(135deg,var(--hero-a),var(--hero-b));border:1px solid #fff;}
.smc-eyebrow{display:inline-block;font-family:'Manrope',sans-serif;font-weight:800;font-size:12px;
  letter-spacing:.8px;text-transform:uppercase;color:var(--purple);background:rgba(255,255,255,.7);
  padding:6px 13px;border-radius:999px;margin-bottom:12px;}
.smc-hero h1{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(26px,4vw,40px);
  line-height:1.08;letter-spacing:-.6px;margin:0 0 8px;color:var(--ink);}
.smc-hero .lead{font-size:clamp(15px,2vw,18px);color:#58527a;font-weight:500;margin:0;max-width:52ch;}
.smc-hero-emoji{position:absolute;right:26px;bottom:16px;font-size:46px;opacity:.85;
  filter:drop-shadow(0 10px 14px rgba(60,50,110,.18));}

/* ── Аватар-чип (общий) ──────────────────────────────────────────────────── */
.smc-ava{width:50px;height:50px;border-radius:50%;flex:0 0 auto;background-size:cover;background-position:center;
  display:grid;place-items:center;font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:#fff;
  background-image:linear-gradient(135deg,var(--accent),var(--accent-2));}
.smc-author{display:flex;align-items:center;gap:13px;}
.smc-author-meta{display:flex;flex-direction:column;gap:2px;min-width:0;}
.smc-author-name{font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;color:var(--ink);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.smc-author-sub{font-size:13px;color:var(--muted);}

/* плашки из _plashki.blade.php — приводим к smc-бейджам */
.smc-page .dbtt_boy,.smc-page .dbtt_girl,.smc-page .dbtt_pregnant,.smc-page .smc-badge{
  display:inline-block;font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;line-height:1.4;
  padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--purple);white-space:nowrap;}
.smc-page .dbtt_boy{background:#e4f0ff;color:#2f6bbd;}
.smc-page .dbtt_girl{background:#ffe9f1;color:#c64b86;}
.smc-page .dbtt_pregnant{background:linear-gradient(135deg,#ffd9ec,#ffc4b3);color:#8a3b5e;}

/* ── КАРТОЧКА ПОСТА (show) ───────────────────────────────────────────────── */
.smc-postcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);padding:26px 30px;margin:16px 0 0;}
.smc-post-h1{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(22px,3.4vw,30px);
  line-height:1.18;letter-spacing:-.4px;color:var(--ink);margin:20px 0 0;}
.smc-post-body{margin:14px 0 0;color:#3d3960;font-size:17px;white-space:pre-wrap;word-wrap:break-word;}
.smc-post-media{margin:18px 0 0;display:flex;flex-direction:column;gap:10px;}
.smc-post-media img{width:100%;display:block;border-radius:var(--radius);border:1px solid var(--line);}
.smc-stats{display:flex;gap:10px;margin:20px 0 0;flex-wrap:wrap;}
.smc-stat{display:inline-flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-weight:700;
  font-size:14px;color:var(--purple);background:var(--accent-soft);border-radius:999px;padding:8px 15px;}
.smc-stat span{color:var(--muted);font-weight:600;}

/* ── Приглашение в приложение (главный конвертер) ────────────────────────── */
.smc-join{margin:18px 0 0;border-radius:var(--radius-lg);padding:24px 26px;
  background:linear-gradient(135deg,var(--hero-a),var(--hero-b));border:1px solid #fff;box-shadow:var(--shadow-sm);}
.smc-join h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;margin:0 0 6px;color:var(--ink);}
.smc-join p{margin:0 0 16px;color:#58527a;font-size:15px;}
.smc-badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.smc-badges img{height:48px;width:auto;}

/* ── Форма комментария (для авторизованных) ─────────────────────────────── */
.smc-replyform{margin:18px 0 0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;box-shadow:var(--shadow-sm);}
.smc-replyform textarea{width:100%;min-height:84px;border:1px solid var(--line);border-radius:14px;
  padding:12px 14px;font:inherit;color:var(--ink);resize:vertical;background:#fff;}
.smc-replyform textarea:focus{outline:none;border-color:var(--accent);}
.smc-replyform-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;flex-wrap:wrap;}
.smc-replyform .attach{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;cursor:pointer;}
.smc-replyform button{font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;color:#fff;border:none;cursor:pointer;
  padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--accent));box-shadow:var(--shadow-sm);}

/* ── КОММЕНТАРИИ — чат-пузыри ────────────────────────────────────────────── */
.smc-comments{margin:34px 0 0;}
.smc-comments-head{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:var(--ink);
  margin:0 0 16px;display:flex;align-items:center;gap:10px;}
.smc-comments-head .cnt{font-size:14px;color:#fff;background:var(--accent);border-radius:999px;padding:2px 11px;}
.smc-cmt{display:flex;gap:12px;margin:0 0 16px;}
.smc-cmt .smc-ava{width:40px;height:40px;font-size:16px;}
.smc-bubble{background:var(--card);border:1px solid var(--line);border-radius:6px 18px 18px 18px;
  padding:12px 16px;box-shadow:var(--shadow-sm);flex:1 1 auto;min-width:0;}
.smc-bubble .who{font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;color:var(--ink);
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px;}
.smc-bubble .txt{color:#3d3960;font-size:15px;word-wrap:break-word;}
.smc-bubble .when{font-size:12px;color:#a8a3bd;margin-top:6px;}
.smc-bubble .reply-to{color:var(--accent);font-weight:600;}
.smc-bubble .cmt-img{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;}
.smc-bubble .cmt-img img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--line);}
.smc-cmt.is-reply{margin-left:42px;}
.smc-cmt.is-reply .smc-bubble{background:#faf7ff;border-radius:18px;}
.smc-cmt-more{display:block;text-align:center;font-family:'Manrope',sans-serif;font-weight:700;color:var(--purple);
  background:var(--accent-soft);border-radius:14px;padding:14px;text-decoration:none;margin-top:6px;transition:.15s;}
.smc-cmt-more:hover{color:var(--purple);filter:brightness(.98);}

/* ── Большой CTA-band ────────────────────────────────────────────────────── */
.smc-cta-band{margin:40px 0 0;border-radius:var(--radius-lg);padding:32px 36px;color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--accent));display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:var(--shadow);}
.smc-cta-band h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:23px;margin:0 0 7px;color:#fff;}
.smc-cta-band p{margin:0;opacity:.92;font-size:15px;max-width:430px;}
.smc-cta-band .smc-badges img{height:46px;}

/* ── Похожее + темы ──────────────────────────────────────────────────────── */
.smc-sec-h{font-family:'Manrope',sans-serif;font-weight:800;font-size:22px;color:var(--ink);margin:40px 0 16px;}
.smc-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
.smc-rcard{display:flex;flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:.16s;}
.smc-rcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent);}
.smc-rcard .rauthor{display:flex;align-items:center;gap:9px;}
.smc-rcard .smc-ava{width:34px;height:34px;font-size:14px;}
.smc-rcard .rname{font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;color:var(--purple);}
.smc-rcard .rtext{font-size:15px;color:#46426a;line-height:1.45;}
.smc-topics{display:flex;flex-wrap:wrap;gap:9px;}
.smc-topics a{font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;color:var(--purple);background:var(--card);
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.15s;}
.smc-topics a:hover{border-color:var(--accent);color:var(--accent);}

/* ── ЛЕНТА (index) ───────────────────────────────────────────────────────── */
.smc-cats{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0;}
.smc-cats a{font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;color:var(--purple);background:var(--card);
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.15s;}
.smc-cats a:hover{border-color:var(--accent);color:var(--accent);}
.smc-feed{display:flex;flex-direction:column;gap:16px;margin:18px 0 0;}
.smc-feedcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);padding:22px 26px;text-decoration:none;color:inherit;transition:.16s;}
.smc-feedcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent);}
.smc-feedcard .ftext{margin:14px 0 0;color:#3d3960;font-size:16px;line-height:1.55;}
.smc-feedcard .fmedia{margin:14px 0 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);max-height:320px;}
.smc-feedcard .fmedia img{width:100%;display:block;object-fit:cover;}
.smc-feedcard .fstats{display:flex;gap:18px;margin:16px 0 0;color:var(--muted);font-size:14px;font-weight:600;}
.smc-feedcard .fstats b{color:var(--purple);}

/* ── Пагинация Laravel ───────────────────────────────────────────────────── */
.smc-page .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:28px 0 0;justify-content:center;}
.smc-page .pagination .page-item .page-link,.smc-page .pagination li a,.smc-page .pagination li span{
  display:block;min-width:40px;text-align:center;padding:9px 13px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--purple);font-family:'Manrope',sans-serif;font-weight:700;text-decoration:none;box-shadow:var(--shadow-sm);}
.smc-page .pagination .active span,.smc-page .pagination li.active span{
  background:linear-gradient(135deg,var(--purple),var(--accent));color:#fff;border-color:transparent;}
.smc-page .pagination .disabled span{opacity:.45;}

/* ── Футер-строка постов ─────────────────────────────────────────────────── */
.smc-pfoot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;
  margin:36px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#a8a3bd;}
.smc-pfoot a{color:var(--muted);text-decoration:none;}
.smc-pfoot a:hover{color:var(--purple);}

@media(max-width:760px){
  .smc-page{font-size:16px;}
  .smc-postcard,.smc-feedcard{padding:20px 18px;border-radius:22px;}
  .smc-hero{padding:24px 20px;border-radius:22px;}
  .smc-hero-emoji{display:none;}
  .smc-cta-band{padding:26px 22px;}
  .smc-cmt.is-reply{margin-left:20px;}
}
.smc-page a:focus-visible,.smc-page summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px;}
@media (prefers-reduced-motion:reduce){.smc-page *{transition:none !important;}}

/* ============================================================================
   TOPBAR (заменяет старую шапку layouts.web на этих страницах) + 2 КОЛОНКИ
   posts_smc.css грузится только на /web/posts*, поэтому #header прячем тут.
   ============================================================================ */
body #header{display:none !important;}
body{background:#fbf7ff;}

.smc-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);
  backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid #ece7f7;}
.smc-topbar-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 20px;}
.smc-topbar .brand{flex:0 0 auto;display:flex;align-items:center;}
.smc-topbar .brand img{height:42px;width:auto;display:block;}
.smc-topbar .nav{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;}
.smc-topbar .nav::-webkit-scrollbar{display:none;}
.smc-topbar .nav a{font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;white-space:nowrap;
  color:#726e90;text-decoration:none;padding:8px 12px;border-radius:999px;transition:.15s;}
.smc-topbar .nav a:hover,.smc-topbar .nav a.is-active{color:#514b7e;background:#f2ecff;}
.smc-topbar .tools{flex:0 0 auto;display:flex;align-items:center;gap:10px;}
.smc-topbar .lang{display:flex;gap:2px;background:#f4f1fb;border-radius:999px;padding:3px;}
.smc-topbar .lang a{font-family:'Manrope',sans-serif;font-weight:700;font-size:12px;color:#726e90;text-decoration:none;
  padding:5px 10px;border-radius:999px;}
.smc-topbar .lang a.is-active{background:#fff;color:#514b7e;box-shadow:0 2px 6px rgba(60,50,110,.12);}
.smc-topbar .login{flex:0 0 auto;font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;color:#514b7e;
  text-decoration:none;white-space:nowrap;}
.smc-topbar .login:hover{color:#a98cff;}
.smc-topbar .install{flex:0 0 auto;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;color:#fff;
  text-decoration:none;padding:9px 16px;border-radius:999px;white-space:nowrap;
  background:linear-gradient(135deg,#514b7e,#a98cff);box-shadow:0 8px 18px -10px rgba(60,50,110,.6);}
.smc-topbar .install:hover{color:#fff;filter:brightness(1.05);}

/* 2 колонки: контент + липкий сайдбар */
.smc-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:30px;align-items:start;margin-top:16px;}
.smc-layout > .main{min-width:0;}
.smc-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px;}
.smc-side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:20px 22px;box-shadow:var(--shadow-sm);}
.smc-side-card h4{font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:var(--ink);margin:0 0 12px;}
.smc-side-app{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));border:1px solid #fff;text-align:center;}
.smc-side-app .emoji{font-size:42px;line-height:1;}
.smc-side-app h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;color:var(--ink);margin:8px 0 6px;}
.smc-side-app p{margin:0 0 16px;color:#58527a;font-size:14px;}
.smc-side-app .smc-badges{flex-direction:column;align-items:center;gap:10px;}
.smc-side-app .smc-badges img{height:46px;}
.smc-side-topics{display:flex;flex-wrap:wrap;gap:8px;}
.smc-side-topics a{font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;color:var(--purple);
  background:var(--accent-soft);border-radius:999px;padding:6px 13px;text-decoration:none;transition:.15s;}
.smc-side-topics a:hover{background:var(--accent);color:#fff;}
.smc-side-stat{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--line);}
.smc-side-stat:last-child{border-bottom:none;}
.smc-side-stat .v{font-family:'Manrope',sans-serif;font-weight:800;color:var(--purple);font-size:18px;}
.smc-side-stat .k{font-size:13px;color:var(--muted);}

@media(max-width:980px){
  .smc-layout{grid-template-columns:1fr;}
  .smc-side{position:static;flex-direction:column;}
  .smc-topbar .login{display:none;}
}
@media(max-width:760px){
  .smc-topbar .install{display:none;}
  .smc-topbar .brand img{height:36px;}
}