/* == Мобилна навигация в ядрото (06.09.2026) — два стила по настройка mobile_nav_style ==
   „bottom" (подразбиране): плаваща долна лента с икони като новото меню на Facebook, активният таб в
   цветен балон; „burger": бургер бутон в хедъра, без долна лента. И двата отварят едно и също мега
   меню като акордеон (details/summary). Лентата с категориите под хедъра НЕ се показва на телефон —
   тя скролваше настрани и режеше имената. Само CSS променливи — брандът Ниво 2 важи и тук. */
@media(max-width:760px){
  nav.main{display:none}
  .hicons{display:none}
  /* хедър на един ред: логото вляво, търсачката до него (06.09, по искане на Криси) */
  .hrow{flex-wrap:nowrap;gap:10px;padding-top:10px;padding-bottom:10px}
  .logo{flex:0 0 auto;font-size:21px}
  .search{order:0;flex:1 1 auto;flex-basis:auto;max-width:none;min-width:0;border-radius:10px}
  .search input{min-width:0;width:100%;padding:9px 11px;font-size:14px;text-overflow:ellipsis}
  .search button{padding:0 12px;flex:0 0 auto}
  .mburger{flex:0 0 auto;order:9;margin-left:0}
  /* тясно е (текстово лого + бургер): само лупа, която при докосване разгъва полето */
  .search.is-compact{flex:0 0 auto;border:none;background:transparent;margin-left:auto}
  .search.is-compact input{display:none}
  .search.is-compact button{width:44px;height:44px;border-radius:12px}
  .hrow:has(.search.is-open) .logo{display:none}
  /* бургерът (само при стил burger) */
  .mburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ink);border-radius:12px;cursor:pointer}
  .mburger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  body.mobile-burger .mburger{display:inline-flex}
  body.mobile-burger .mnav{display:none}
  body.mobile-burger{padding-bottom:0}
  body.mobile-burger .buyrow{bottom:0}
  body.brand-dark .mburger{color:#fff}
  /* долната лента (стил bottom) */
  .mnav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:row;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.14);border-top:1px solid var(--line)}
  .mnav a,.mnav button{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;height:46px;border:none;background:none;color:var(--soft);border-radius:16px;position:relative;cursor:pointer;padding:0}
  .mnav a.on,.mnav button.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink)}
  .mnav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mnav .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mnav .mn-icon{position:relative;display:inline-flex}
  .mnav .mn-badge{position:absolute;top:-7px;right:-11px;background:var(--accent);color:var(--ink);font-style:normal;font-size:10.5px;font-weight:800;border-radius:100px;padding:1px 6px;line-height:1.5}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .buyrow{bottom:calc(80px + env(safe-area-inset-bottom))}
  /* картичките на категориите: две колони без преливане при дълги думи */
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cats a.cat{min-width:0;padding:20px 14px;overflow-wrap:anywhere}
  /* таблиците в статиите (от стария WP) скролват в себе си, не бутат страницата */
  .prose table,.post-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .prose figure{max-width:100%;margin-left:0;margin-right:0;overflow-x:auto}
  .prose table th,.prose table td,.post-body table th,.post-body table td{white-space:nowrap}
  /* филтрите в категорията: затворени по подразбиране, summary като бутон */
  .fwrap > summary{border-radius:12px}
  footer.site{margin-bottom:0}
  body.brand-dark .mnav{background:#141414;border-color:rgba(255,255,255,.08)}
  body.brand-dark .mnav a,body.brand-dark .mnav button{color:#cfcfcf}
  body.brand-dark .mnav a.on,body.brand-dark .mnav button.on{background:var(--accent);color:var(--ink)}
  /* мега менюто като лист */
  .mnav-sheet{position:fixed;inset:0;z-index:60}
  .mns-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
  .mns-panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;background:var(--card);border-radius:18px 18px 0 0;overflow-y:auto;padding:0 18px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
  .mns-head{position:sticky;top:0;background:var(--card);display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;border-bottom:1px solid var(--line);margin-bottom:0;z-index:1}
  .mns-head strong{font-family:var(--serif);font-size:20px;color:var(--ink)}
  .mns-head button{border:none;background:var(--paper);width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;color:var(--ink);cursor:pointer;padding:0}
  .mns-search{display:flex;margin:12px 0 6px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .mns-search input{flex:1;border:none;padding:11px 14px;font:inherit;font-size:15px;background:var(--paper);color:var(--ink);outline:none;min-width:0}
  .mns-search button{border:none;background:var(--ink);color:#fff;padding:0 16px;font-size:15px}
  .mns-cat{border-bottom:1px solid var(--line)}
  .mns-cat summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-weight:700;font-size:16px;color:var(--ink);cursor:pointer}
  .mns-cat summary::-webkit-details-marker{display:none}
  .mns-cat summary::after{content:'';width:9px;height:9px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg);transition:transform .15s;margin-right:4px}
  .mns-cat[open] summary::after{transform:rotate(-135deg)}
  .mns-cat a.mns-only{display:flex;padding:14px 0;font-weight:700;font-size:16px;color:var(--ink)}
  .mns-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding:0 0 10px}
  .mns-grid a{display:block;padding:8px 0;color:var(--body);font-size:14.5px;border-bottom:1px dashed var(--line)}
  .mns-all{display:block;padding:4px 0 14px;font-weight:600;color:var(--accent-ink);font-size:14px}
  .mns-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:16px 0 8px}
  .mns-links a{display:block;text-align:center;padding:12px 6px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:600;font-size:14px}
  body.heading-display .mns-head strong{text-transform:uppercase;font-weight:800}
  body.cta-accent .mns-search button{background:var(--accent);color:var(--ink)}
}
@media(min-width:761px){.mnav,.mnav-sheet,.mburger{display:none!important}}