/**
 * 99WAVES Mega-Menu — Front-End-Feinschliff (Desktop)
 * ---------------------------------------------------
 * Zwei rein optische Korrekturen am aufgeklappten Mega-Panel (nav.pm-megamenu):
 *
 * 1) RECHTS ABGESCHNITTEN — Ursache
 *    Das Theme setzt inline:
 *        .pm-panel { position:absolute; left:0; width:calc(100vw - 10px); }
 *    `100vw` schliesst auf Systemen mit klassischer Scrollleiste deren Breite mit
 *    ein → das Panel wird breiter als der sichtbare Bereich und laeuft rechts ueber;
 *    das Hero-Bild (.pm-image, margin-left:auto, ohne rechten Abstand) klebt am Rand.
 *    Zusaetzlich ist die Lage asymmetrisch (links 0, rechts 10).
 *
 *    Fix: Das Panel wird ueber left:0 + right:0 (statt vw-Breite) exakt so breit wie
 *    sein Positionierungs-Elternteil (nav.pm-megamenu = sichtbare Header-Breite, ohne
 *    Scrollleiste). Dadurch liegt es scrollleisten-unabhaengig komplett im sichtbaren
 *    Bereich; das vorhandene padding:20px des Panels gibt dem Bild einen sauberen
 *    rechten Innenabstand.
 *
 * 2) DEZENTE TRENNLINIE zwischen Header und aufgeklapptem Menue
 *    Eine feine 1px-Linie (weiss, niedrige Deckkraft) als Oberkante des Panels /
 *    Unterkante des Headers — dezent, passend zum Navy-Header (#021E3C).
 *
 * Additiv, kein Theme-/Core-Edit. Zwei Klassen Spezifitaet + !important schlagen die
 * einfache Inline-Regel `.pm-panel` des Themes.
 *
 * NUR DESKTOP: unter 1025px uebernimmt 99waves-megamenu-mobile (portaltes .nw-portaled).
 * Mobile bleibt bewusst unangetastet.
 */

@media (min-width: 1025px) {

	/* 1) Panel sauber im sichtbaren Bereich + 2) dezente Trennlinie oben */
	.pm-megamenu .pm-panel {
		left: 0 !important;
		right: 0 !important;
		width: auto !important;      /* left:0 + right:0 → Breite = nav.pm-megamenu (sichtbare Breite) */
		max-width: 100% !important;  /* Sicherheitsnetz gegen Ueberlauf */
		box-sizing: border-box !important;
		border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
	}
}