/**
 * The Plus + Elementor: mega menu polish (dropdown panel, grid cells, links).
 * Uses theme CSS variables when present (Scandinavian Sky / Petite Stories).
 */

/* ——— Full-width mega dropdown panel ——— */
.plus-navigation-menu .nav > li.plus-fw > .dropdown-menu {
	border-radius: 12px;
	border: 1px solid rgba(16, 24, 40, 0.08);
	box-shadow:
		0 18px 48px rgba(15, 23, 42, 0.1),
		0 4px 14px rgba(15, 23, 42, 0.06);
	overflow: hidden;
	padding: 0;
	margin-top: 6px;
	background: var(--petite-stories-background, #fff);
}

.plus-navigation-menu .nav > li.plus-fw > .dropdown-menu > li {
	border-radius: inherit;
}

/* ——— Inner padding (Elementor mega templates) ——— */
.plus-fw .plus-megamenu-content {
	padding: 20px 20px 26px;
}

.plus-megamenu-content .e-con-inner {
	row-gap: 8px;
}

/* ——— Icon size (widgets output large intrinsic SVG dimensions) ——— */
.plus-megamenu-content .elementor-widget-image img {
	max-width: 72px;
	max-height: 72px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto 10px;
}

/* ——— Grid: each icon + title cell ——— */
.plus-megamenu-content .e-grid > .e-con.e-child {
	border-radius: 10px;
	padding: 12px 10px;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.plus-megamenu-content .e-grid > .e-con.e-child:hover {
	background: var(--petite-stories-tertiary, rgba(16, 24, 40, 0.04));
	box-shadow: 0 1px 0 rgba(16, 24, 40, 0.06);
}

/* ——— Titles / links under icons ——— */
.plus-megamenu-content .elementor-widget-text-editor p {
	margin: 0;
	text-align: center;
}

.plus-megamenu-content .elementor-widget-text-editor a {
	font-size: 0.9375rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--petite-stories-foreground, #1a1a1a);
	text-decoration: none;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
	text-underline-offset: 3px;
}

.plus-megamenu-content .elementor-widget-text-editor a:hover {
	color: var(--petite-stories-foreground, #000);
	text-decoration: underline;
	text-decoration-color: var(--petite-stories-primary, #1e73be);
}

/* ——— Top-level header links (horizontal bar) ——— */
.plus-navigation-wrap .plus-navigation-menu .navbar-nav > li > a {
	font-weight: 500;
	letter-spacing: 0.02em;
	padding: 10px 14px;
	border-radius: 8px;
	color: var(--petite-stories-foreground, #1a1a1a);
}

.plus-navigation-wrap .plus-navigation-menu .navbar-nav > li > a:hover,
.plus-navigation-wrap .plus-navigation-menu .navbar-nav > li:hover > a,
.plus-navigation-wrap .plus-navigation-menu .navbar-nav > li.sfHover > a {
	background: var(--petite-stories-tertiary, rgba(16, 24, 40, 0.05));
}

/* ——— Narrow screens: slightly tighter mega panel ——— */
@media (max-width: 991px) {
	.plus-fw .plus-megamenu-content {
		padding: 14px 12px 18px;
	}

	.plus-megamenu-content .elementor-widget-image img {
		max-width: 56px;
		max-height: 56px;
		margin-bottom: 8px;
	}

	.plus-megamenu-content .elementor-widget-text-editor a {
		font-size: 0.875rem;
	}
}