/*!
 * SpOki category-first mobile burger menu (menu 272). Scoped to .wd-nav-mobile.
 * High-specificity a.woodmart-nav-link selectors are REQUIRED to beat the theme's
 * pre-existing !important submenu rules (html body .mobile-nav .wd-nav-mobile ...).
 * Kill switch: remove the enqueue in spoki-mobile-closure.php.
 */

/* ---- Grid container: 2 columns (layout wins already) ---- */
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu{
	grid-template-columns:1fr 1fr;
	gap:8px;
	padding:12px 16px 16px;
	box-sizing:border-box;
}
.wd-nav-mobile li.spoki-catmenu.opener-page > ul.wd-sub-menu{ display:grid !important; }
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu > li{ margin:0 !important; padding:0 !important; }

/* ---- 18 category buttons ---- */
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link{
	display:flex !important;
	align-items:center; justify-content:center; text-align:center;
	min-height:46px !important;
	padding:8px !important;
	border:1.5px solid var(--spoki-teal-deep,#0f8e93) !important;
	border-radius:12px !important;
	background:#fff !important;
	color:var(--spoki-slate,#2b3b40) !important;
	font-weight:600 !important;
	font-size:13.5px !important;
	line-height:1.18 !important;
}
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link:active{ background:var(--spoki-mint,#e6f7f6) !important; }

/* ---- Full-width \"Vsichki kategorii\" ---- */
.wd-nav-mobile li.spoki-cat-all{ grid-column:1 / -1; margin-top:4px; }
html body .mobile-nav .wd-nav-mobile li.spoki-cat-all > a.woodmart-nav-link{
	display:flex !important;
	align-items:center; justify-content:center;
	min-height:48px !important;
	border-radius:12px !important;
	background:var(--spoki-teal-deep,#0f8e93) !important;
	color:#fff !important;
	font-weight:700 !important;
	font-size:15px !important;
}

/* ---- Discovery tabs (soft supporting paths, side by side) ---- */
.wd-nav-mobile li.spoki-disc{ margin-top:6px; }
html body .mobile-nav .wd-nav-mobile li.spoki-disc > a.woodmart-nav-link{
	display:flex !important;
	align-items:center; justify-content:center; gap:8px;
	min-height:50px !important;
	border-radius:12px !important;
	font-weight:700 !important;
	font-size:14.5px !important;
	color:#21506b !important;
}
html body .mobile-nav .wd-nav-mobile li.spoki-disc--interes > a.woodmart-nav-link{ background:#e1f3f4 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-disc--nuzhda  > a.woodmart-nav-link{ background:#fcede3 !important; }
.wd-nav-mobile li.spoki-disc > a.woodmart-nav-link::before{
	content:""; width:18px;height:18px;flex:0 0 18px;
	background-repeat:no-repeat;background-position:center;background-size:contain;
}
.wd-nav-mobile li.spoki-disc--interes > a.woodmart-nav-link::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321506b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.5 5.3 5.8.8-4.2 4 1 5.7L12 21l-5.1 2.8 1-5.7-4.2-4 5.8-.8z'/%3E%3C/svg%3E");
}
.wd-nav-mobile li.spoki-disc--nuzhda > a.woodmart-nav-link::before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321506b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-2 4-4 2 2-4z'/%3E%3C/svg%3E");
}

/* ---- Direct links: never show a false chevron ---- */
.wd-nav-mobile li.spoki-nav-direct > .wd-nav-opener{ display:none !important; }

/* remove WoodMart teal left border on the category grid submenu (2026-07-31) */
.mobile-nav .wd-nav-mobile li.spoki-catmenu>ul.wd-sub-menu.wd-sub-menu,.wd-nav-mobile li.spoki-catmenu>ul.wd-sub-menu.wd-sub-menu{border-left:0 !important;padding-left:0 !important;margin-left:0 !important;}

/* ============================================================
   SPOKI-MOBILE-MENU-V3 (2026-07-31) - drawer polish pass.
   Rollback: delete from this marker to EOF + purge FlyingPress.
   Backup: /home/spokibg/ops-backups/mobile-menu-v3-20260731/
   ============================================================ */
/* 1) Kill the WoodMart teal left border on EVERY submenu. Plain list submenus keep
      a text-aligned indent (icon 22px + 12px gap); grid submenus own their padding. */
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu.wd-sub-menu{ border-left:0 !important; margin-left:0 !important; }
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu) > ul.wd-sub-menu.wd-sub-menu{ padding-left:34px !important; }
/* 2) Chevron in brand teal, not grey */
html body .mobile-nav .wd-nav-mobile li.menu-item > .wd-nav-opener::after,
html body .mobile-nav .wd-nav-mobile li.menu-item > .wd-nav-opener::before{ border-color:#00838A !important; color:#00838A !important; }
/* 3) Rows that toggle read as controls */
html body .mobile-nav .wd-nav-mobile li.spoki-nav-toggle > a{ cursor:pointer !important; }
/* 4) Vij vsichki -> outlined pill button (was invisible-ish plain teal text) */
html body .mobile-nav .wd-nav-mobile li.spoki-mega-cta.spoki-mega-cta > a{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; margin:10px 16px 4px !important; border:1.5px solid #00838A !important; border-radius:999px !important; background:#fff !important; color:#00838A !important; font-weight:700 !important; font-size:14.5px !important; text-align:center !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-mega-cta.spoki-mega-cta > a:active{ background:#e6f7f6 !important; }
/* 5) Vsichki kategorii -> fully rounded */
html body .mobile-nav .wd-nav-mobile li.spoki-cat-all > a.woodmart-nav-link{ border-radius:999px !important; }
/* 6) Primary CTA: pin EVERY state (it flipped to white on tap, and inherited dark text on orange) */
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a,
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:link,
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:visited,
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:hover,
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:focus,
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:focus-visible{ background:#FF8A00 !important; background-color:#FF8A00 !important; color:#fff !important; border-radius:999px !important; justify-content:center !important; font-weight:700 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-nav-cta > a:active{ background:#E67E00 !important; background-color:#E67E00 !important; color:#fff !important; }
/* 7) SKILLGRID-V3: Po umeniya renders as a 2-col tile grid, mirroring Kategorii */
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu{ grid-template-columns:1fr 1fr; gap:8px; padding:12px 16px 16px !important; box-sizing:border-box; }
.wd-nav-mobile li.spoki-skillmenu.opener-page > ul.wd-sub-menu{ display:grid !important; }
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu > li{ margin:0 !important; padding:0 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link{ display:flex !important; align-items:center; justify-content:center; text-align:center; min-height:46px !important; padding:8px !important; border:1.5px solid var(--spoki-teal-deep,#0f8e93) !important; border-radius:12px !important; background:#fff !important; color:var(--spoki-slate,#2b3b40) !important; font-weight:600 !important; font-size:13.5px !important; line-height:1.18 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link:active{ background:var(--spoki-mint,#e6f7f6) !important; }
/* the group CTA spans both columns inside either grid */
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu > li.spoki-mega-cta,
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu > li.spoki-mega-cta{ grid-column:1 / -1; }
html body .mobile-nav .wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu > li.spoki-mega-cta > a,
html body .mobile-nav .wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu > li.spoki-mega-cta > a{ margin:6px 0 0 !important; }
/* 8) ICONS-V3: spoki-ico-kit and spoki-ico-info were referenced by menu items but
      never defined, so those rows rendered iconless. SpOki komplekti now uses the
      already-defined spoki-ico-bundle; info + registry are defined here.
      NOTE: the SVG payload MUST be percent-encoded (rawurlencode) like the icons in
      spoki-design-system.css - a raw <svg ...> payload silently fails to paint. */
html body .mobile-nav .wd-nav-mobile li.spoki-ico-registry > a::before{ content:''; flex:0 0 22px; width:22px; height:22px; margin-right:12px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231F2937%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%274%27%20width%3D%2714%27%20height%3D%2717%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M9.5%202.8h5v3h-5z%27%2F%3E%3Cpath%20d%3D%27M9%2012h6M9%2016h4%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
html body .mobile-nav .wd-nav-mobile li.spoki-ico-info > a::before{ content:''; flex:0 0 22px; width:22px; height:22px; margin-right:12px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231F2937%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%2016.5v-5%27%2F%3E%3Cpath%20d%3D%27M12%208.2h.01%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
/* 9) "novo v Balgariya" badge on the gift-registry row */
html body .mobile-nav .wd-nav-mobile li.spoki-mm-new > a::after{ content:'ново в България'; margin-left:8px; padding:3px 8px; border-radius:999px; background:#E6F7F6; color:#00838A; font-size:10px; font-weight:700; line-height:1.25; white-space:nowrap; flex:0 0 auto; }
/* 10) EQUALCOLS-V3: 1fr resolves to min-content when a tile holds a long unbreakable
       word, which made the two columns uneven at 320px. minmax(0,1fr) forces parity. */
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu,
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
/* 11) TILEFIT-V3: a flex tile with a long Bulgarian word (Samostoyatelnost) grew wider
       than its grid cell at 320px. Pin the tile to the cell and let it wrap. */
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu > li,
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu > li{ min-width:0 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link{ width:100% !important; min-width:0 !important; overflow-wrap:break-word; hyphens:auto; }
/* 12) OPENERFIT-V3: the row is a wrapping flex line (link + 48px chevron). A link whose
       min-content is wider than li-48 (e.g. "По възраст" at 320px) cannot shrink, so the
       chevron wrapped onto its own line and read as an empty row. min-width:0 lets the
       label shrink/wrap instead; the tighter gutter under 400px keeps it on one line. */
html body .mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link{ min-width:0 !important; }
html body .mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link .nav-link-text{ min-width:0; overflow-wrap:break-word; }
@media (max-width:400px){
  html body .mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link{ padding-left:10px !important; padding-right:6px !important; }
  html body .mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link::before{ margin-right:9px !important; }
}
/* 13) grid tiles: the inner span is a flex child, so it needs min-width:0 to wrap
       instead of overflowing the tile border ("Самостоятелност" at 320px). */
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a .nav-link-text,
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a .nav-link-text{ min-width:0 !important; overflow-wrap:break-word !important; hyphens:auto; }
/* 14) NARROWGRID-V3: tile text is a bare text node (no .nav-link-text span), so it is an
       anonymous flex item whose min-content = the whole word. overflow-wrap:break-word
       does NOT shrink min-content, so a long word ("Самостоятелност") spilled past the tile
       border at 320px. Below 360px the skill grid drops to one column so every label fits
       on one line; overflow-wrap:anywhere is the belt-and-braces guard. */
@media (max-width:360px){
  .wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu{ grid-template-columns:minmax(0,1fr) !important; }
}
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link{ overflow-wrap:anywhere !important; }
/* 15) AGEGRID-V3: Po vazrast renders as the same 2-col tile grid as Kategorii.
       Pure CSS on the existing menu markup - no extra DOM, no extra requests. */
.wd-nav-mobile li.spoki-agemenu > ul.wd-sub-menu{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:8px; padding:12px 16px 16px !important; box-sizing:border-box; }
.wd-nav-mobile li.spoki-agemenu.opener-page > ul.wd-sub-menu{ display:grid !important; }
.wd-nav-mobile li.spoki-agemenu > ul.wd-sub-menu > li{ margin:0 !important; padding:0 !important; min-width:0 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-age-grid-item > a.woodmart-nav-link{ display:flex !important; align-items:center; justify-content:center; text-align:center; width:100% !important; min-width:0 !important; min-height:46px !important; padding:8px !important; border:1.5px solid var(--spoki-teal-deep,#0f8e93) !important; border-radius:12px !important; background:#fff !important; color:var(--spoki-slate,#2b3b40) !important; font-weight:600 !important; font-size:13.5px !important; line-height:1.18 !important; overflow-wrap:anywhere !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-age-grid-item > a.woodmart-nav-link:active{ background:var(--spoki-mint,#e6f7f6) !important; }
/* 7 age tiles would leave an orphan cell, so Vazrastni closes the set full-width */
.wd-nav-mobile li.spoki-age-adults{ grid-column:1 / -1; }
/* 16) shared FILLED end button for grid submenus (matches Vsichki kategorii) */
.wd-nav-mobile li.spoki-grid-all{ grid-column:1 / -1; margin-top:4px; }
html body .mobile-nav .wd-nav-mobile li.spoki-grid-all > a.woodmart-nav-link{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; border:0 !important; border-radius:999px !important; background:var(--spoki-teal-deep,#0f8e93) !important; color:#fff !important; font-weight:700 !important; font-size:15px !important; margin:0 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-grid-all > a.woodmart-nav-link:active{ background:#00696e !important; color:#fff !important; }
/* 17) INDENT-V3: 34px read as a full finger of empty space once the teal rule was
       removed. 14px still signals hierarchy without the gap. Grids own their padding. */
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu):not(.spoki-agemenu) > ul.wd-sub-menu.wd-sub-menu{ padding-left:14px !important; }
/* 18) ICONCOLOR-V3: the whole drawer icon set resolves to teal #00838A, so the two
       icons added above must use it too (they were ink #1F2937 and read as odd ones out). */
html body .mobile-nav .wd-nav-mobile li.spoki-ico-registry > a::before{ content:''; flex:0 0 22px; width:22px; height:22px; margin-right:12px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2300838A%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%274%27%20width%3D%2714%27%20height%3D%2717%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M9.5%202.8h5v3h-5z%27%2F%3E%3Cpath%20d%3D%27M9%2012h6M9%2016h4%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
html body .mobile-nav .wd-nav-mobile li.spoki-ico-info > a::before{ content:''; flex:0 0 22px; width:22px; height:22px; margin-right:12px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2300838A%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%2016.5v-5%27%2F%3E%3Cpath%20d%3D%27M12%208.2h.01%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
/* 19) AGEDESC-V3: an older rule injects the age blurb ("сетива и първи открития") via
       a::after. That suited the old vertical list, but in the tile grid it is a second
       flex item ~160px wide, so it spilled out of both sides of the 105px tile.
       Tiles are label-only, like Kategorii; the blurbs still live on the /vazrast/ hub. */
html body .mobile-nav .wd-nav-mobile li.spoki-age-grid-item > a.woodmart-nav-link::after,
html body .mobile-nav .wd-nav-mobile li.spoki-grid-all > a.woodmart-nav-link::after{ content:none !important; display:none !important; }
/* 20) LISTCTA-V3: the filled end button also runs inside plain list submenus (Подаръци,
       Марки), which only had a left indent - give them symmetric padding so the button
       is not flush to the right edge, and a little breathing room above it. */
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu):not(.spoki-agemenu) > ul.wd-sub-menu.wd-sub-menu{ padding-right:14px !important; padding-bottom:12px !important; }
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu):not(.spoki-agemenu) > ul.wd-sub-menu > li.spoki-grid-all{ margin-top:10px !important; }
/* 22) NEEDINT-V3: По нужда + По интереси promoted out of the Категории submenu to
       top level; both use the same 2-col tile grid + filled end button as the rest. */
.wd-nav-mobile li.spoki-needmenu > ul.wd-sub-menu,
.wd-nav-mobile li.spoki-interesmenu > ul.wd-sub-menu{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:8px; padding:12px 16px 20px !important; box-sizing:border-box; }
.wd-nav-mobile li.spoki-needmenu.opener-page > ul.wd-sub-menu,
.wd-nav-mobile li.spoki-interesmenu.opener-page > ul.wd-sub-menu{ display:grid !important; }
.wd-nav-mobile li.spoki-needmenu > ul.wd-sub-menu > li,
.wd-nav-mobile li.spoki-interesmenu > ul.wd-sub-menu > li{ margin:0 !important; padding:0 !important; min-width:0 !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-need-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-interes-grid-item > a.woodmart-nav-link{ display:flex !important; align-items:center; justify-content:center; text-align:center; width:100% !important; min-width:0 !important; min-height:46px !important; padding:8px !important; border:1.5px solid var(--spoki-teal-deep,#0f8e93) !important; border-radius:12px !important; background:#fff !important; color:var(--spoki-slate,#2b3b40) !important; font-weight:600 !important; font-size:13.5px !important; line-height:1.18 !important; overflow-wrap:anywhere !important; }
html body .mobile-nav .wd-nav-mobile li.spoki-need-grid-item > a.woodmart-nav-link:active,
html body .mobile-nav .wd-nav-mobile li.spoki-interes-grid-item > a.woodmart-nav-link:active{ background:var(--spoki-mint,#e6f7f6) !important; }
/* suppress any injected blurb, as on the age tiles */
html body .mobile-nav .wd-nav-mobile li.spoki-need-grid-item > a.woodmart-nav-link::after,
html body .mobile-nav .wd-nav-mobile li.spoki-interes-grid-item > a.woodmart-nav-link::after{ content:none !important; display:none !important; }
@media (max-width:360px){
  .wd-nav-mobile li.spoki-needmenu > ul.wd-sub-menu,
  .wd-nav-mobile li.spoki-interesmenu > ul.wd-sub-menu{ grid-template-columns:minmax(0,1fr) !important; }
}
/* 23) DIVIDER-V3: submenu rows carry a bottom border, so the filled pill and the last
       tile row landed straight on that grey line ("стъпва на сива линия"). Strip the
       border from the button row and from the last row of every submenu, and give the
       tile grids real bottom breathing room before the parent row divider. */
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu > li.spoki-grid-all,
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu > li.spoki-grid-all > a,
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu > li:last-child,
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu > li:last-child > a{ border-bottom:0 !important; box-shadow:none !important; }
.wd-nav-mobile li.spoki-catmenu > ul.wd-sub-menu,
.wd-nav-mobile li.spoki-skillmenu > ul.wd-sub-menu,
.wd-nav-mobile li.spoki-agemenu > ul.wd-sub-menu{ padding-bottom:20px !important; }
/* the two new grids own their padding, so keep them out of the plain-list indent rule */
html body .mobile-nav .wd-nav-mobile > li.spoki-needmenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-interesmenu > ul.wd-sub-menu.wd-sub-menu{ padding-left:16px !important; padding-right:16px !important; }
/* 24) PADFIX-V3: LISTCTA-V3 pins padding-bottom:12px on every non-grid submenu and it also
       matched the two new grids, so re-assert their 20px bottom breathing room here. */
html body .mobile-nav .wd-nav-mobile > li.spoki-needmenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-interesmenu > ul.wd-sub-menu.wd-sub-menu{ padding-bottom:20px !important; }
/* 25) TILETEXT-V3: long single Bulgarian words (Самостоятелност) broke mid-word in a 2-col
       tile. Trim the side padding and drop a half point of type so they fit whole. */
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-age-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-need-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-interes-grid-item > a.woodmart-nav-link{ padding:8px 4px !important; font-size:13px !important; }
/* 26) GRIDPAD-V3 (root cause of "no space below the button"): the grid padding rules above
       were authored at specificity (0,2,1) and lost to WoodMart own
       html body .mobile-nav .wd-nav-mobile .wd-sub-menu declarations, so the grids actually
       rendered padding-bottom:0 and the filled pill sat flush on the row divider.
       Re-assert the whole padding at a specificity that wins. */
html body .mobile-nav .wd-nav-mobile > li.spoki-catmenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-skillmenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-agemenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-needmenu > ul.wd-sub-menu.wd-sub-menu,
html body .mobile-nav .wd-nav-mobile > li.spoki-interesmenu > ul.wd-sub-menu.wd-sub-menu{ padding:12px 16px 22px !important; }
/* and a matching gap under the pill in plain list submenus */
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu):not(.spoki-agemenu):not(.spoki-needmenu):not(.spoki-interesmenu) > ul.wd-sub-menu.wd-sub-menu{ padding-bottom:20px !important; }
/* 27) TILETEXT-V4: Самостоятелност (15 chars, no break opportunity) still split mid-word in a
       ~105px tile. Shave the type and tracking so the longest single word fits whole. */
html body .mobile-nav .wd-nav-mobile li.spoki-cat-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-skill-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-age-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-need-grid-item > a.woodmart-nav-link,
html body .mobile-nav .wd-nav-mobile li.spoki-interes-grid-item > a.woodmart-nav-link{ padding:8px 3px !important; font-size:12.5px !important; letter-spacing:-.2px !important; }
/* 28) GREENLINE-V3: owner wants the teal rail BACK on the plain list submenus
       (Подаръци и колекции, Марки) where it reads as hierarchy for a nested list.
       Tile grids stay flat - the rail is what looked wrong next to a 2-col grid. */
html body .mobile-nav .wd-nav-mobile > li:not(.spoki-catmenu):not(.spoki-skillmenu):not(.spoki-agemenu):not(.spoki-needmenu):not(.spoki-interesmenu) > ul.wd-sub-menu.wd-sub-menu{ border-left:3px solid #00838A !important; }
/* deeper levels (По повод / По възраст / По бюджет inside Подаръци) keep it too */
html body .mobile-nav .wd-nav-mobile ul.wd-sub-menu ul.wd-sub-menu{ border-left:3px solid #00838A !important; }