/* RK Mega Nav — PC mega menu (>=1025px). Mobile uses the off-canvas drawer. */

.rk-mega{position:relative}
.rk-mega__bar{list-style:none;margin:0;padding:0;display:flex;gap:1.75rem;align-items:center}
.rk-mega__top-link{display:inline-block;padding:.5rem 0;color:#1f2937;font-weight:500;font-size:.875rem;text-decoration:none;white-space:nowrap}
.rk-mega__top--has-panel.is-open>.rk-mega__top-link,
.rk-mega__top-link:hover{color:var(--rk-red,#B00303);text-decoration:underline;text-underline-offset:.375rem;text-decoration-thickness:.125rem}

/* Panel: stable card, fixed-width columns, positioned under the hovered item (JS). */
.rk-mega__panel{
	position:absolute;top:100%;left:0;right:auto;
	transform:translateY(.5rem);
	width:auto;max-width:min(75rem,calc(100vw - 2rem));
	background:#fff;border-radius:1rem;
	box-shadow:0 1.25rem 3rem rgba(15,23,42,.16);
	padding:1.5rem;box-sizing:border-box;z-index:60;
	display:flex;gap:3rem;align-items:flex-start;
	opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
/* invisible hover bridge so a diagonal move into the panel doesn't close it */
.rk-mega__panel::before{content:"";position:absolute;left:0;right:0;top:-1.25rem;height:1.25rem}
.rk-mega__top--has-panel.is-open>.rk-mega__panel{
	opacity:1;visibility:visible;pointer-events:auto;
	transform:translateY(.75rem);
	transition:opacity .2s ease,transform .2s ease,visibility 0s linear;
}

/* Left card (WYSIWYG). Hidden automatically when not rendered. */
.rk-mega__aside{flex:0 0 22rem;min-width:0}
.rk-mega__aside img{max-width:100%;height:auto;border-radius:.75rem;display:block}
.rk-mega__aside .rk-mega__title{margin:1rem 0 .5rem;color:#bc2228!important;font-weight:700;font-size:1.125rem;line-height:1.4}
.rk-mega__aside .rk-mega__desc{margin:0 0 1.25rem;color:#364153!important;font-size:.9375rem;line-height:1.7}
.rk-mega__aside .rk-mega__btn{display:inline-block;padding:.5rem 1.5rem;border-radius:.625rem;background:#bc2228!important;color:#fff!important;font-weight:500;font-size:1rem;line-height:1.5;text-decoration:none;transition:background .15s ease}
.rk-mega__aside .rk-mega__btn:hover{background:#9e1c21!important}

/* Level-2 / level-3 lists share link styling */
.rk-mega__l2,.rk-mega__l3{list-style:none;margin:0;padding:0}
.rk-mega__l2{flex:0 0 16rem;min-width:0}
.rk-mega__l2-item>a,.rk-mega__l3>li>a{display:block;padding:.5rem .25rem;border-radius:.375rem;color:#374151;font-size:.875rem;text-decoration:none}
.rk-mega__l2-item>a:hover,.rk-mega__l2-item.is-active>a,
.rk-mega__l3>li>a:hover{color:var(--rk-red,#B00303);text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:.125rem}

/* 2-col mode: split into two columns only when >= 5 items */
.rk-mega__l2--split{flex:0 0 34rem;column-count:2;column-gap:2rem}
.rk-mega__l2--split .rk-mega__l2-item{break-inside:avoid}

/* Level-3 region (3-col mode only); only the active list shows */
.rk-mega__l3wrap{flex:0 0 16rem;min-width:0;position:relative}
.rk-mega__l3{display:none}
.rk-mega__l3.is-active{display:block}

/* PC only — safety guard (the widget element is also Elementor-hidden <=1024px) */
@media (max-width:1024px){.rk-mega{display:none}}
