/**
 * Love Pharm · the desktop mega menu's look — the store's values for the shop-kit plugin's
 * mega-menu module (plugin/shop-kit/modules/mega-menu/: markup, panel CSS, behaviour).
 *
 * Auto-enqueued by functions.php's assets/css loader (priority 30), after the plugin's own
 * stylesheet (priority 10), so these :root tokens win. The engine knows no store: every value
 * it draws with is a --sk-mega-* token, and this file maps them onto the site's own system
 * (--plp-* from plp.css, --border / --brand / --white / --image-bg from style.css, the content
 * column from inc/content-width/, the menus' link black from inc/mobile-menu/). Nothing here
 * is a literal twice (the brain's tokens rule).
 *
 * The decision and the owner's words: brain/love-pharm/design/decisions/2026-10-12-main-menu-parents.md
 * § Desktop. The module: brain/love-pharm/platform/modules/mega-menu.md.
 */

:root {
	--sk-mega-bg: var(--white);
	--sk-mega-ink: var(--lp-menu-link, #000);            /* the menus' link black (the phone sheet's call): titles, links, names, prices */
	--sk-mega-muted: var(--plp-muted);                   /* a tile's text line */
	--sk-mega-line: var(--border);                       /* the panel's edges and the title hairlines */
	--sk-mega-focus: var(--brand);                       /* keyboard focus ring — rose, accent only */
	--sk-mega-content-width: var(--lp-content-width, 1200px); /* the page's content column (Elementor's, via inc/content-width/) */
	--sk-mega-gutter: var(--lp-gutter);                  /* the theme's desktop gutter → the panel's content sits under the menu's items */
	--sk-mega-tile-bg: var(--image-bg);                  /* the studio grey behind every product photo */
	--sk-mega-tile-gap: var(--plp-col-gap);              /* = the product grid's column gap */
	--sk-mega-tile-pad: var(--plp-tile-pad);             /* an unprocessed photo's inset, as on the cards */
	--sk-mega-bar-z: 40;                                 /* the bar while a panel is open: over the sort dropdown (30), under the search dialog */
}
/* Motion and timing are the engine's own (120ms fade, instant open, a 60ms close grace): a hover panel is quicker
 * than the system's 220ms overlays — the owner, 2026-10-12: delays \"feel stuck\". */

/* A processed card photo (-lpcard, shop-kit/photo-tools) carries its own placement, shadow and
 * reflection on a transparent 4:5 canvas — no inset, as plp.css gives the cards. */
.sk-mega__img[src*="-lpcard"] {
	padding: 0;
}