@kolkrabbi/kol-theme 0.180.0 → 0.182.0

package/kol-components-atoms.css

@@ -972,12 +972,10 @@ a:hover .icon-hover,
 }
 /* hover goes LIGHTER, not darker (user ruling 2026-08-15) — oq mixes ink into
  * the surface, so up the scale is up in brightness. */
-/* the brand anchor, with the theme's own palette as the fallback — the yellow
- * lives in kol-brand-color.css which the consumer supplies, so the theme must
- * not hard-depend on it. NOT --kol-accent-primary, which resolves to white. */
+/* NO ACCENT on hover (user 2026-10-22: *"remove the accent color on the download on the image"*) — the
+ * glyph keeps its ink; the plate stepping up and the glyph growing are the hover. Was the brand yellow. */
 .kol-media-control:hover {
   background: var(--kol-surface-tertiary);
-  color: var(--kol-color-yellow-300, var(--kol-palette-yellow));
 }
 /* The press RAMPS. The rule that is being entered owns the curve going in, so
  * this one carries a slow ease-in-out; the base rule's bounce owns coming back

package/kol-components-molecules.css

@@ -22,8 +22,10 @@
   /* above the ShellDrawer sheet (z 200) — a Dropdown in the settings drawer
    * opened BEHIND it (SettingsPanelApproved, 2026-08-27). A float opened from INSIDE a float sits one
    * step higher (`--kol-float-depth`, set by PopoverPanel): the inner one's portal mounts first, so at
-   * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). */
-  z-index: calc(210 + var(--kol-float-depth, 0));
+   * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). The step is
+   * 100, not 1: a chromed panel (`.kol-popover`) sits on the 300 tier, so a nested list at 211 still went
+   * under it (0.180.0 — tested in a chromeless panel only). 100 per level clears every float tier. */
+  z-index: calc(210 + var(--kol-float-depth, 0) * 100);
   /* NEVER WIDER THAN THE WINDOW (the phone pass, 2026-10-02). A panel sizes to its content
    * (`w-max`) and `shift` can only slide it, so one wider than a phone hung off the right edge
    * and — parked off-screen with its reference — still stretched the page 200px sideways. The 8px
@@ -174,7 +176,7 @@
   border-radius: var(--kol-radius-sm);
   box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4),
               0 2px 6px -2px rgba(0, 0, 0, 0.3);
-  z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
+  z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
   outline: none;
 }
 
@@ -211,7 +213,7 @@
   line-height: 1;
   white-space: nowrap;
   pointer-events: none;
-  z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
+  z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
 }
 
 .kol-tooltip-key {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.180.0",
+  "version": "0.182.0",
   "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",