/* ==========================================================================
   blog.css - блог архив, карта на статия, единична статия
   Префикси: .mg-blog .mg-post .mg-single
   Дизайн: 05-blog-1440, 05-statia-1440, 08-blog-390, 08-statia-390 (И8, 18.09.2026)
   ========================================================================== */

/* ---------- Архив ---------- */
.mg-blog{ padding-block:36px 72px; }
.mg-blog__head{ display:flex; flex-direction:column; gap:14px; margin-bottom:20px; }
body.mg .mg-blog__head > *{ margin:0; }
body.mg .mg-blog__title{ font-size:clamp(27px,1.2rem + 2.4vw,46px); line-height:1.1; }
.mg-blog__chips{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px; }
/* чиповете в темата са линкове към категориите (a.mg-chip), затова носят и
   body.mg - иначе base.css `.mg-chip,body.mg a.mg-chip` (0,2,2) ги бие */
.mg-blog__chips .mg-chip,body.mg .mg-blog__chips a.mg-chip{ min-height:44px; padding:11px 20px; border-color:transparent; }
.mg-blog__chips .mg-chip.is-active{ font-weight:700; }
.mg-blog__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.mg-blog__pager{ margin-top:34px; }
body.mg a.mg-blog__more{ display:none; }

/* ---------- Карта на статия ---------- */
.mg-post{
  display:flex; flex-direction:column;
  background:var(--mg-white); border-radius:var(--mg-r-lg); overflow:hidden;
  box-shadow:var(--mg-sh-sm); transition:box-shadow .15s;
}
.mg-post:hover{ box-shadow:var(--mg-sh-lg); }
.mg-post__media{ display:block; background:var(--mg-p-pink-bg); }
.mg-post__media img{ width:100%; aspect-ratio:16/10; object-fit:cover; object-position:var(--mg-focus,50% 50%); }
.mg-post__body{ display:flex; flex-direction:column; gap:12px; flex:1 1 auto; padding:22px; }
body.mg .mg-post__body > *{ margin:0; }
.mg-post__meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mg-post__cat{
  display:inline-flex; align-items:center; padding:6px 11px; border-radius:var(--mg-r-pill);
  font-size:12px; font-weight:700; line-height:1.2;
  background:var(--mg-p-pink-bg); color:var(--mg-pink-text);
}
.mg-post__date{ font-size:13px; color:var(--mg-meta); }
body.mg .mg-post__title{ font-size:clamp(17px,0.9rem + 0.6vw,23px); line-height:1.25; }
body.mg .mg-post__title a{ color:var(--mg-ink); text-decoration:none; }
body.mg .mg-post__excerpt{ flex:1 1 auto; font-size:16px; line-height:1.6; color:var(--mg-text); }
body.mg .mg-post__more,body.mg a.mg-post__more{ margin-top:auto; font-size:15px; font-weight:700; color:var(--mg-pink); text-decoration:none; }

/* пастелните двойки се редуват по позиция (дизайн 05-blog-1440: розово, тюркоаз, лилаво, жълто) */
.mg-post:nth-child(4n+2) .mg-post__media,.mg-post:nth-child(4n+2) .mg-post__cat{ background:var(--mg-p-teal-bg); }
.mg-post:nth-child(4n+2) .mg-post__cat{ color:var(--mg-teal-text); }
.mg-post:nth-child(4n+3) .mg-post__media,.mg-post:nth-child(4n+3) .mg-post__cat{ background:var(--mg-p-purple-bg); }
.mg-post:nth-child(4n+3) .mg-post__cat{ color:#4A2E85; }
.mg-post:nth-child(4n+4) .mg-post__media,.mg-post:nth-child(4n+4) .mg-post__cat{ background:var(--mg-p-yellow-bg); }
.mg-post:nth-child(4n+4) .mg-post__cat{ color:#6B4400; }

/* ---------- Водеща статия ---------- */
.mg-post--lead{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-column:1 / -1;
  margin-bottom:16px; border-radius:20px; box-shadow:var(--mg-sh-md);
}
.mg-post--lead .mg-post__media{ position:relative; aspect-ratio:auto; min-width:0; min-height:420px; align-self:stretch; }
.mg-post--lead .mg-post__media img{ position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.mg-post--lead .mg-post__body{ justify-content:center; gap:16px; padding:40px; }
.mg-post--lead .mg-post__cat{ font-size:13px; padding:7px 12px; }
.mg-post--lead .mg-post__date{ font-size:14px; }
body.mg .mg-post--lead .mg-post__title{ font-size:clamp(21px,1rem + 1.3vw,34px); line-height:1.2; }
body.mg .mg-post--lead .mg-post__excerpt{ flex:0 0 auto; font-size:17px; line-height:1.7; }
body.mg .mg-post--lead a.mg-post__more{ margin-top:4px; font-size:16px; text-decoration:underline; text-underline-offset:5px; }

/* ==========================================================================
   Единична статия (05-statia-1440: колона 1120 = текст + сайдбар 300)
   ========================================================================== */
.mg-single,.mg-single__crumbs,.mg-single__related{ --mg-container:1120px; }
.mg-single__crumbs{ padding-top:4px; }
.mg-single{ padding-block:8px 64px; }
/* 1120 - 300 - 60 = 760 = ширината на .mg-entry, за да са текстът и каретата на една линия */
.mg-single__layout{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:60px; align-items:start; }
.mg-single__main{ display:flex; flex-direction:column; gap:22px; min-width:0; }
body.mg .mg-single__main > *{ margin:0; }

/* глава: категория, H1, ред автор/дати */
.mg-single__head{ display:flex; flex-direction:column; gap:22px; }
.mg-single__cats-top{ display:flex; gap:10px; flex-wrap:wrap; }
body.mg a.mg-single__cat{
  display:inline-flex; align-items:center; padding:7px 12px; border-radius:var(--mg-r-pill);
  font-size:13px; font-weight:700; line-height:1.2; text-decoration:none;
  background:var(--mg-p-pink-bg); color:var(--mg-pink-text);
}
body.mg .mg-single__title{
  margin:0; font-family:var(--mg-font-head); font-weight:700; color:var(--mg-ink);
  font-size:clamp(28px,1.2rem + 2.4vw,46px); line-height:1.12;
}
.mg-single__byline{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding-block:14px; border-block:1px solid var(--mg-line);
  font-size:14px; line-height:1.4; color:var(--mg-meta);
}
body.mg .mg-single__avatar{ width:44px; height:44px; border-radius:50%; flex:0 0 auto; }
.mg-single__author{ display:flex; flex-direction:column; }
.mg-single__author b{ font-size:15px; font-weight:700; color:var(--mg-ink); }
.mg-single__sep{ align-self:stretch; width:1px; background:var(--mg-line); }

/* корица */
.mg-single__cover{ display:flex; flex-direction:column; gap:8px; }
.mg-single__cover img{ width:100%; aspect-ratio:16/9; object-fit:cover; object-position:var(--mg-focus,50% 50%); border-radius:20px; background:var(--mg-p-pink-bg); }
.mg-single__cover figcaption{ font-size:14px; line-height:1.5; color:var(--mg-meta); }

/* надзаглавие на карета (Накратко, В тази статия, сайдбар, продукт) */
body.mg .mg-single__label{
  margin:0; font-size:13px; font-weight:700; line-height:1.3; letter-spacing:.12em;
  text-transform:uppercase; color:var(--mg-teal);
}

/* Накратко = get_the_excerpt */
.mg-single__tldr{ display:flex; flex-direction:column; gap:12px; padding:24px 26px; border-radius:var(--mg-r-lg); background:var(--mg-p-teal-bg); }
body.mg .mg-single__tldr > *{ margin:0; }
body.mg .mg-single__tldr .mg-single__label{ color:var(--mg-teal-text); }
.mg-single__tldr-text{ font-size:17px; line-height:1.7; color:#0E2F2D; }

/* В тази статия = H2-тата на post_content */
.mg-single__toc{ display:flex; flex-direction:column; gap:12px; padding:22px 26px; border-radius:var(--mg-r-lg); background:var(--mg-white); box-shadow:var(--mg-sh-sm); }
body.mg .mg-single__toc ul{ display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; }
body.mg .mg-single__toc li{ margin:0; }
body.mg .mg-single__toc a{ font-size:16px; line-height:1.45; color:var(--mg-ink); }
body.mg .mg-single__toc a:hover{ color:var(--mg-pink); text-decoration:none; }

/* текстът (post_content) */
.mg-single__body{ font-size:18px; line-height:1.85; color:var(--mg-ink); }
body.mg .mg-single__body > *{ margin-block:0 22px; }
body.mg .mg-single__body > :last-child{ margin-bottom:0; }
body.mg .mg-single__body h2{ margin-top:32px; font-size:clamp(24px,1.1rem + 1.2vw,32px); line-height:1.2; scroll-margin-top:24px; }
body.mg .mg-single__body h3{ margin-top:28px; font-size:clamp(19px,1rem + 0.5vw,24px); line-height:1.25; }
body.mg .mg-single__body a{ font-weight:600; text-underline-offset:4px; }
body.mg .mg-single__body ul,body.mg .mg-single__body ol{ padding-left:26px; line-height:1.9; }
body.mg .mg-single__body blockquote{
  padding:22px 26px; border-left:6px solid var(--mg-pink); border-radius:14px;
  background:var(--mg-p-pink-bg); color:#4A1230;
  font-family:var(--mg-font-head); font-style:normal; font-size:20px; line-height:1.55;
}

/* Продуктът от статията = мета _mgh_post_product */
.mg-single__product{
  display:grid; grid-template-columns:110px minmax(0,1fr) auto; grid-template-areas:"media info buy";
  gap:22px; align-items:center; padding:26px;
  background:var(--mg-white); border-radius:20px; box-shadow:var(--mg-sh-md);
}
body.mg .mg-single__body > .mg-single__product{ margin-top:32px; }
.mg-single__product-media{ grid-area:media; display:block; border-radius:14px; overflow:hidden; background:var(--mg-p-pink-bg); }
body.mg .mg-single__product-media img{ width:100%; aspect-ratio:4/5; object-fit:cover; margin:0; border-radius:0; }
.mg-single__product-info{ grid-area:info; display:flex; flex-direction:column; gap:6px; }
body.mg .mg-single__product p{ margin:0; }
body.mg .mg-single__product-name{ font-family:var(--mg-font-head); font-size:clamp(17px,0.9rem + 0.7vw,25px); font-weight:700; line-height:1.25; }
body.mg .mg-single__product-name a{ font-weight:700; color:var(--mg-ink); text-decoration:none; }
body.mg .mg-single__product-desc{ font-size:16px; line-height:1.5; color:var(--mg-text); }
.mg-single__product-buy{ grid-area:buy; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
body.mg .mg-single__product-price{ font-family:var(--mg-font-head); font-size:clamp(20px,1rem + 0.8vw,28px); font-weight:700; line-height:1.2; color:var(--mg-pink); }
body.mg a.mg-single__product-btn{ min-height:50px; padding:14px 26px; font-weight:700; white-space:nowrap; }

/* FAQ в статията = details.mg-acc от post_content */
body.mg .mg-single__body .mg-acc{
  margin-block:0 12px; padding:0 24px; border:0; border-radius:var(--mg-r-md);
  background:var(--mg-white); box-shadow:var(--mg-sh-sm);
}
body.mg .mg-single__body .mg-acc > summary{ padding-block:20px; font-size:clamp(17px,0.9rem + 0.5vw,21px); line-height:1.3; }
.mg-single__body .mg-acc__body{ font-size:17px; line-height:1.7; color:var(--mg-text); }

/* каре за автора = опции author_name / author_text / author_image_id */
.mg-single__authorbox{ display:flex; align-items:center; gap:18px; padding:24px 26px; border-radius:var(--mg-r-lg); background:var(--mg-p-yellow-bg); }
body.mg .mg-single__main > .mg-single__authorbox{ margin-top:10px; }
body.mg .mg-single__authorbox img{ width:64px; height:64px; border-radius:50%; flex:0 0 auto; }
body.mg .mg-single__authorbox p{ margin:0; }
body.mg .mg-single__authorbox-name{ font-family:var(--mg-font-head); font-size:20px; font-weight:700; line-height:1.3; color:#5A3B00; }
body.mg .mg-single__authorbox-text{ margin-top:6px; font-size:16px; line-height:1.6; color:#6B4400; }
body.mg .mg-single__authorbox a{ font-weight:700; text-decoration:underline; text-underline-offset:3px; }

/* тагове + споделяне */
.mg-single__foot{ display:flex; align-items:center; justify-content:space-between; gap:14px 24px; flex-wrap:wrap; padding-top:22px; border-top:1px solid var(--mg-line); }
body.mg .mg-single__main > .mg-single__foot{ margin-top:10px; }
.mg-single__tags{ display:flex; gap:8px; flex-wrap:wrap; }
.mg-single__share{ display:flex; align-items:center; gap:14px; }
.mg-single__share-label{ font-size:16px; font-weight:600; color:var(--mg-ink); }
.mg-single__share-link,body.mg a.mg-single__share-link{
  display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0;
  border:0; border-radius:50%; cursor:pointer; text-decoration:none; transition:background-color .15s, color .15s;
}
.mg-single__share-link--fb,body.mg a.mg-single__share-link--fb{ background:var(--mg-p-pink-bg); color:var(--mg-pink-text); }
.mg-single__share-link--copy{ background:var(--mg-p-teal-bg); color:var(--mg-teal-text); }
.mg-single__share-link--fb:hover,body.mg a.mg-single__share-link--fb:hover{ background:var(--mg-p-pink); color:var(--mg-white); }
.mg-single__share-link--copy:hover{ background:var(--mg-p-teal); color:var(--mg-teal-text); }

/* сайдбар */
.mg-single__aside{ display:flex; flex-direction:column; gap:16px; }
.mg-single__box{ display:flex; flex-direction:column; gap:12px; padding:22px; border-radius:var(--mg-r-lg); background:var(--mg-white); box-shadow:var(--mg-sh-sm); }
body.mg .mg-single__box > *{ margin:0; }
body.mg .mg-single__cats,body.mg .mg-single__more{ display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
body.mg .mg-single__cats li,body.mg .mg-single__more li{ margin:0; }
body.mg .mg-single__cats a{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:8px; font-size:16px; line-height:1.5; color:var(--mg-ink); }
.mg-single__cats span{ color:var(--mg-meta); }
body.mg .mg-single__more{ gap:12px; }
body.mg .mg-single__more a{ font-size:16px; font-weight:600; line-height:1.4; color:var(--mg-ink); }
body.mg .mg-single__cats a:hover,body.mg .mg-single__more a:hover{ color:var(--mg-pink); text-decoration:none; }
.mg-single__promo{ display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:var(--mg-r-lg); background:var(--mg-p-pink-bg); }
body.mg .mg-single__promo > *{ margin:0; }
body.mg .mg-single__promo-title{ font-family:var(--mg-font-head); font-size:20px; font-weight:700; line-height:1.3; color:#4A1230; }
body.mg .mg-single__promo-text{ font-size:15px; line-height:1.55; color:#6B2545; }
body.mg a.mg-single__promo-btn{ margin-top:4px; min-height:46px; font-size:15px; font-weight:700; }

/* Още от блога (пълна ширина, пудров фон) */
.mg-single__related{ padding-block:56px 72px; background:var(--mg-powder); }
body.mg .mg-single__related-title{ margin:0 0 24px; font-size:clamp(26px,1.1rem + 1.3vw,34px); line-height:1.15; }
.mg-single__related .mg-post{ box-shadow:none; }
.mg-single__related .mg-post__body{ gap:10px; padding:20px; }
body.mg .mg-single__related .mg-post__title{ font-size:clamp(17px,0.9rem + 0.5vw,21px); }

/* ==========================================================================
   Таблет
   ========================================================================== */
@media (max-width:1023px){
  .mg-blog__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mg-post--lead .mg-post__body{ padding:28px; }
  .mg-single__layout{ grid-template-columns:minmax(0,1fr); gap:32px; }
  .mg-single__aside{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); align-items:start; }
}

/* ==========================================================================
   Мобилно (08-blog-390, 08-statia-390)
   ========================================================================== */
@media (max-width:767px){
  .mg-blog{ padding-block:16px 24px; }
  .mg-blog__head{ gap:12px; margin-bottom:12px; }
  .mg-blog__intro{ font-size:16px; }
  .mg-blog__chips{ flex-wrap:nowrap; gap:8px; margin-bottom:16px; overflow-x:auto; scrollbar-width:none; }
  .mg-blog__chips .mg-chip,body.mg .mg-blog__chips a.mg-chip{ flex:0 0 auto; padding:10px 16px; font-size:14px; white-space:nowrap; }
  .mg-blog__grid{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .mg-blog__pager{ display:none; }
  body.mg a.mg-blog__more{ display:flex; width:100%; margin-top:14px; min-height:50px; font-weight:700; border-color:var(--mg-p-pink); }

  /* водеща: вертикална, без откъс */
  .mg-post--lead{ grid-template-columns:minmax(0,1fr); margin-bottom:0; border-radius:var(--mg-r-md); }
  .mg-post--lead .mg-post__media{ position:static; aspect-ratio:auto; min-height:0; }
  .mg-post--lead .mg-post__media img{ position:static; height:auto; aspect-ratio:16/10; }
  .mg-post--lead .mg-post__body{ gap:10px; padding:16px; }
  .mg-post--lead .mg-post__cat{ font-size:12px; padding:6px 11px; }
  .mg-post--lead .mg-post__date{ font-size:13px; }
  .mg-post--lead .mg-post__excerpt{ display:none; }
  body.mg .mg-post--lead a.mg-post__more{ font-size:15px; text-decoration:none; }
  body.mg .mg-post--lead a.mg-post__more::after{ content:" →"; }

  /* останалите: ред с квадратна снимка 104px, дата, заглавие, „Прочети →" */
  .mg-blog__grid .mg-post:not(.mg-post--lead){ flex-direction:row; align-items:flex-start; gap:12px; padding:12px; border-radius:var(--mg-r-md); box-shadow:none; }
  .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__media{ flex:0 0 104px; border-radius:10px; overflow:hidden; }
  .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__media img{ aspect-ratio:1/1; }
  .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__body{ gap:6px; padding:0; }
  .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__cat,
  .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__excerpt{ display:none; }
  body.mg .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__title{ font-size:17px; }
  body.mg .mg-blog__grid .mg-post:not(.mg-post--lead) .mg-post__more{ margin-top:0; font-size:14px; }

  /* статия */
  .mg-single{ padding-block:0 24px; }
  .mg-single__main,.mg-single__head{ gap:14px; }
  .mg-single__byline{ gap:4px 10px; padding-block:12px; font-size:13px; }
  body.mg .mg-single__avatar{ width:40px; height:40px; }
  .mg-single__author{ flex:1 1 calc(100% - 50px); }
  .mg-single__author b{ font-size:14px; }
  .mg-single__sep{ display:none; }
  .mg-single__cover img{ aspect-ratio:4/3; border-radius:14px; }
  .mg-single__cover figcaption{ font-size:13px; }
  .mg-single__tldr{ gap:8px; padding:16px; border-radius:14px; }
  .mg-single__tldr-text{ font-size:16px; }
  .mg-single__toc{ gap:4px; padding:16px; border-radius:14px; }
  body.mg .mg-single__toc ul{ gap:0; }
  body.mg .mg-single__toc a{ display:block; padding-block:10px; }
  .mg-single__body{ font-size:17px; line-height:1.8; }
  body.mg .mg-single__body > *{ margin-block:0 14px; }
  body.mg .mg-single__body h2{ margin-top:18px; }
  body.mg .mg-single__body ul,body.mg .mg-single__body ol{ padding-left:22px; }
  body.mg .mg-single__body blockquote{ padding:16px; border-left-width:5px; border-radius:12px; font-size:18px; line-height:1.5; }
  .mg-single__product{ grid-template-columns:80px minmax(0,1fr); grid-template-areas:"media info" "media buy"; gap:8px 12px; padding:16px; border-radius:var(--mg-r-md); }
  body.mg .mg-single__body > .mg-single__product{ margin-top:18px; }
  .mg-single__product-media{ align-self:start; border-radius:10px; }
  .mg-single__product .mg-single__label,.mg-single__product-desc{ display:none; }
  .mg-single__product-buy{ align-items:stretch; gap:8px; }
  body.mg .mg-single__product-price{ text-align:left; }
  body.mg a.mg-single__product-btn{ min-height:44px; padding:12px; font-size:14px; white-space:normal; }
  body.mg .mg-single__body .mg-acc{ padding:0 16px; border-radius:14px; }
  body.mg .mg-single__body .mg-acc > summary{ padding-block:14px; }
  .mg-single__body .mg-acc__body{ font-size:16px; line-height:1.65; }
  .mg-single__authorbox{ gap:14px; padding:16px; align-items:flex-start; }
  body.mg .mg-single__authorbox img{ width:48px; height:48px; }
  body.mg .mg-single__authorbox-name{ font-size:18px; }
  body.mg .mg-single__authorbox-text{ font-size:15px; }
  body.mg .mg-single__main > .mg-single__authorbox,body.mg .mg-single__main > .mg-single__foot{ margin-top:4px; }
  .mg-single__foot{ padding-top:14px; }
  .mg-single__share{ gap:10px; }
  .mg-single__share-label{ font-size:15px; }
  .mg-single__related{ padding-block:32px; }
  body.mg .mg-single__related-title{ margin-bottom:16px; }
}