/*
 * Wholesale Suite styles for the Rymera Mega Menu plugin (menu-1).
 * Brand: green #23996E, orange CTA #D96208, text #1F1F1F, Lato.
 * Panels: synced patterns rmm-panel-plugins (.wmm-plugins) and rmm-panel-resources (.wmm-resources).
 * The .rmm-panel box is transparent; each panel wrapper draws its own card, so the panels can have different widths.
 */

/* ---------- Menu bar ---------- */
.rmm { --rmm-max: 1270px; }
.rmm-link { font-family: inherit; color: #1f1f1f; }
.rmm-caret:focus-visible, .rmm-link:focus-visible, .rmm-toggle:focus-visible { outline-color: #23996e; }
.rmm-panel { background: none; box-shadow: none; border-radius: 0; overflow: visible; }

/* The theme styles every button:hover/:focus/:active orange. The caret and the toggle are buttons. */
.rmm-caret, .rmm-caret:hover, .rmm-caret:focus, .rmm-caret:active,
.rmm-toggle, .rmm-toggle:hover, .rmm-toggle:focus, .rmm-toggle:active { background: none; border: 0; border-radius: 0; box-shadow: none; }
.rmm .rmm-caret:hover, .rmm .rmm-caret:focus, .rmm .rmm-caret:active { color: #23996e; }

@media (min-width: 1101px) {
	.header .site-header { align-items: center; }
	nav.main-navigation .rmm-menu { justify-content: flex-end; gap: 20px; }
	nav.main-navigation .rmm-link { padding: 0; font-size: 16px; font-weight: 600; line-height: 39px; color: #1f1f1f; }
	nav.main-navigation .rmm-link:hover, nav.main-navigation .rmm-open > .rmm-link, nav.main-navigation .rmm-current > .rmm-link { color: #23996e; text-decoration: none; }
	nav.main-navigation .rmm-caret { width: 18px; margin: 0 0 0 4px; color: #1f1f1f; }
	nav.main-navigation .rmm-caret::before { border-width: 4px; }
	nav.main-navigation .rmm-open > .rmm-caret { color: #23996e; }
	nav.main-navigation .wws-login-item > .rmm-link { color: #6b6b6b; }

	/* Beats the theme rule ".get-started-menu a { ... !important }". */
	nav.main-navigation .get-started-menu > .rmm-link {
		height: auto !important;
		margin: 0 !important;
		padding: 10px 20px !important;
		border: 1px solid #773604 !important;
		border-radius: 6px !important;
		background: #d96208 !important;
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
	}
	nav.main-navigation .get-started-menu > .rmm-link:hover { background: #c25607 !important; border-color: #5e2a03 !important; }

	/* Transparent gap so the panel opens at the header bottom and hover does not break on the way down. */
	.rmm-panel { padding-top: 38px; }
}

/* Bundle page: only Login stays in the menu (same as the old Max Mega Menu rule). */
.page-id-12984 .rmm-item { display: none !important; }
.page-id-12984 .rmm-item.wws-login-item { display: flex !important; }
@media (min-width: 1101px) {
	.page-id-12984 .rmm-item.ws-lang-switcher-item { display: flex !important; }
}

/* The theme sets "nav.main-navigation ul/a {display:block}" and underlines link hovers. */
#rmm-menu.rmm-menu { display: flex; }
#rmm-menu a:hover { text-decoration: none; }

/* ---------- Shared panel card ---------- */
#rmm-menu .wmm-plugins, #rmm-menu .wmm-resources { margin: 0 auto; background: #fff; border-radius: 14px; box-shadow: 2px 4px 10px rgba(0, 0, 0, .1); overflow: hidden; font-family: Lato, "Helvetica Neue", Arial, sans-serif; line-height: 1.4; color: #2a2e36; text-align: left; }
#rmm-menu .wmm-plugins a, #rmm-menu .wmm-resources a { text-decoration: none; border: 0; }
#rmm-menu .wmm-label { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6e7191; }

/* ---------- Plugins panel (copy of Elementor template 170856) ---------- */
#rmm-menu .wmm-plugins { max-width: 1270px; }
#rmm-menu .wmm-plugins .wmm-section { padding: 34px 34px 28px; }
#rmm-menu .wmm-plugins .wmm-section + .wmm-section { margin: 0 34px; padding: 28px 0 32px; border-top: 1px solid #eaeaea; }
#rmm-menu .wmm-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 30px; }
#rmm-menu .wmm-card { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid #e5e7eb !important; border-radius: 6px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
#rmm-menu .wmm-card:hover { border-color: #46bf93 !important; box-shadow: 0 4px 14px rgba(35, 153, 110, .12); }
#rmm-menu .wmm-card img { width: 48px; height: 48px; margin-bottom: 14px; }
#rmm-menu .wmm-card-title { font-size: 17px; font-weight: 700; line-height: 1.3; color: #211f54; }
#rmm-menu .wmm-card:hover .wmm-card-title { color: #23996e; }
#rmm-menu .wmm-card-desc { font-size: 13px; line-height: 1.55; color: #6e7191; }
#rmm-menu .wmm-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 24px; margin-top: 24px; }
#rmm-menu .wmm-tool { display: flex; align-items: center; gap: 14px; padding: 8px 0; font-size: 15px; font-weight: 700; color: #2a2e36; }
#rmm-menu .wmm-tool svg { flex: none; width: 16px; height: 16px; }
#rmm-menu .wmm-tool:hover { color: #23996e; }
#rmm-menu .wmm-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 34px; background: #23996e; color: #fff; }
#rmm-menu .wmm-bar-title { font-size: 18px; font-weight: 700; line-height: 1.4; }
#rmm-menu .wmm-bar-desc { font-size: 13px; line-height: 1.5; opacity: .9; }
#rmm-menu .wmm-bar-btn { flex: none; padding: 12px 26px; border: 1px solid #b85206 !important; border-radius: 6px; background: #d96208; color: #fff !important; font-size: 15px; font-weight: 700; }
#rmm-menu .wmm-bar-btn:hover { background: #c25607; }

/* ---------- Resources panel (design canvas A1nSYoRJZJqRpgLaF8Yuyb) ---------- */
#rmm-menu .wmm-resources { max-width: 1100px; border: 1px solid #e5e5e5; border-radius: 12px; box-shadow: 0 12px 32px rgba(20, 20, 43, .12); }
#rmm-menu .wmm-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#rmm-menu .wmm-col { display: flex; flex-direction: column; gap: 2px; padding: 28px 24px 22px; }
#rmm-menu .wmm-col + .wmm-col { border-left: 1px solid #eaeaea; }
#rmm-menu .wmm-col .wmm-label { margin-bottom: 8px; color: #6b6b6b; letter-spacing: .06em; }
#rmm-menu .wmm-link { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; }
#rmm-menu .wmm-link-title { font-size: 15px; font-weight: 700; color: #1f1f1f; }
#rmm-menu .wmm-link-desc { font-size: 13px; color: #6b6b6b; }
#rmm-menu .wmm-plain { padding: 7px 0; font-size: 15px; color: #1f1f1f; }
#rmm-menu .wmm-link:hover .wmm-link-title, #rmm-menu .wmm-plain:hover, #rmm-menu .wmm-latest a:hover, #rmm-menu .wmm-foot a:hover .wmm-link-title { color: #23996e; }
#rmm-menu .wmm-spacer { flex-grow: 1; }
#rmm-menu .wmm-more { padding-top: 10px; font-size: 14px; font-weight: 700; color: #23996e; }
#rmm-menu .wmm-more:hover { color: #1f1f1f; }
#rmm-menu .wmm-col--blog { background: #ecf8f4; border-left-color: #d1efe4 !important; }
#rmm-menu .wmm-col--blog .wmm-label { color: #23996e; }
#rmm-menu .wmm-latest { margin: 0; padding: 0; list-style: none; }
#rmm-menu .wmm-latest li { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 7px 0; }
#rmm-menu .wmm-latest a { font-size: 15px; line-height: 1.35; color: #1f1f1f; }
#rmm-menu .wmm-latest .wp-block-latest-posts__post-date { font-size: 12px; color: #6b6b6b; }
#rmm-menu .wmm-foot { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #f8fffd; border-top: 1px solid #eaeaea; }
#rmm-menu .wmm-foot .wmm-link { padding: 16px 24px; }

/* ---------- Mobile drawer (1100px and less) ---------- */
@media (max-width: 1100px) {
	/* The theme sets preserve-3d on the nav, which makes it the containing block for the fixed drawer. */
	nav.main-navigation { transform-style: flat; }
	nav.main-navigation .rmm-toggle { width: 52px; gap: 6px; }
	nav.main-navigation .rmm-toggle span { height: 3px; background: #1f1f1f; }
	.rmm-menu { background: #fff; padding: 64px 0 24px; }
	.rmm-drawer-open .rmm-toggle span { background: #1f1f1f; }
	.rmm-item { border-bottom: 1px solid #eaeaea; }
	#rmm-menu .rmm-link { padding: 0 16px; line-height: 56px; font-size: 18px; font-weight: 700; color: #1f1f1f; }
	#rmm-menu .rmm-open > .rmm-link { color: #23996e; }
	.rmm-caret { color: #2a2e36; }
	.rmm-open > .rmm-caret { color: #23996e; }
	.rmm-panel { margin: 0; border-radius: 0; }
	#rmm-menu .get-started-menu { border-bottom: 0; padding: 20px 16px; }
	#rmm-menu .get-started-menu > .rmm-link {
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding: 14px !important;
		border: 0 !important;
		border-radius: 6px !important;
		background: #d96208 !important;
		color: #fff !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
	/* The header shows its own mobile switcher. */
	.ws-lang-switcher-item { display: none !important; }

	#rmm-menu .wmm-plugins, #rmm-menu .wmm-resources { max-width: none; border: 0; border-radius: 0; box-shadow: none; background: #f7f6f7; }
	#rmm-menu .wmm-plugins .wmm-section { padding: 16px; }
	#rmm-menu .wmm-plugins .wmm-section + .wmm-section { margin: 0 16px; padding: 16px 0; }
	#rmm-menu .wmm-cards, #rmm-menu .wmm-tools { grid-template-columns: 1fr; gap: 8px; margin-top: 12px; }
	#rmm-menu .wmm-card { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 12px; padding: 12px; }
	#rmm-menu .wmm-card img { width: 36px; height: 36px; margin: 0; }
	#rmm-menu .wmm-card-desc { flex-basis: 100%; }
	#rmm-menu .wmm-bar { flex-direction: column; align-items: stretch; padding: 16px; }
	#rmm-menu .wmm-bar-btn { text-align: center; }
	#rmm-menu .wmm-cols, #rmm-menu .wmm-foot { grid-template-columns: 1fr; }
	#rmm-menu .wmm-col { padding: 8px 16px 12px; }
	#rmm-menu .wmm-col + .wmm-col { border-left: 0; }
	#rmm-menu .wmm-col--blog { margin: 0 16px 8px; padding: 4px 14px 8px; border-radius: 6px; }
	#rmm-menu .wmm-link-desc { display: none; }
	#rmm-menu .wmm-plain, #rmm-menu .wmm-link { padding: 10px 0; font-size: 16px; }
	#rmm-menu .wmm-foot { margin: 0 16px; background: none; }
	#rmm-menu .wmm-foot .wmm-link { padding: 10px 0; }
	#rmm-menu .wmm-spacer { display: none; }
}