/* Extasy 2.3: override header-v2.css AFTER it loads; Joomla 6 native menu tree. */
body.paradise6 .logorow,body.paradise6 .paradise-header,body.paradise6 #p6-nav{overflow:visible!important}
body.paradise6 .logorow{z-index:2000}
body.paradise6 #p6-nav{position:relative;min-width:0}
body.paradise6 #p6-nav > ul.mod-menu{display:flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;list-style:none}
body.paradise6 #p6-nav > ul.mod-menu > li{position:relative;display:flex!important;align-items:center;flex:0 0 auto;margin:0;padding:0;white-space:nowrap}
body.paradise6 #p6-nav li > ul.mod-menu__sub,body.paradise6 #p6-nav li > ul{display:block!important;position:absolute!important;top:100%!important;left:0!important;z-index:9999!important;width:235px!important;min-width:220px!important;max-width:min(330px,90vw)!important;margin:0!important;padding:8px 0!important;background:#d34360!important;border-radius:0 0 9px 9px!important;box-shadow:0 15px 28px #00182045!important;opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;pointer-events:none!important;transition:opacity .18s, transform .18s,visibility .18s;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important}
body.paradise6 #p6-nav li > ul > li{display:block!important;width:100%!important;margin:0!important;padding:0!important;white-space:normal!important}
body.paradise6 #p6-nav li > ul > li > a{display:block!important;color:white!important;font-size:14px!important;font-weight:500!important;text-align:left!important;text-transform:none!important;line-height:1.35!important;white-space:normal!important;padding:11px 16px!important;background:transparent!important}
body.paradise6 #p6-nav li > ul > li > a:hover,body.paradise6 #p6-nav li > ul > li.active > a{background:#aa2b48!important;color:#fff!important}
body.paradise6 #p6-nav li:hover > ul,body.paradise6 #p6-nav li:focus-within > ul,body.paradise6 #p6-nav li.p6-submenu-open > ul{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
body.paradise6 #p6-nav li > ul li > ul{top:0!important;left:100%!important}
/* The Joomla default menu has an accessibility label inside its native toggle; hide that label visually. */
body.paradise6 #p6-nav .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.paradise6 #p6-nav .mod-menu__toggle-sub{appearance:none;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 22px!important;width:22px!important;height:35px!important;margin:0 7px 0 -7px!important;padding:0!important;border:0!important;background:transparent!important;color:#d34360!important;cursor:pointer!important;font-size:14px!important}
body.paradise6 #p6-nav .mod-menu__toggle-sub .icon-chevron-down::after{content:'⌄';font-size:18px;display:block;line-height:1}
body.paradise6 #p6-nav .mod-menu__toggle-sub[aria-expanded="true"] .icon-chevron-down::after{content:'⌃'}
body.paradise6 #p6-nav .mod-menu__toggle-sub:focus-visible{outline:2px solid #d34360;outline-offset:2px}
/* On compact screens, normal stacked mobile menu; submenu expands with its toggle. */
@media(max-width:1050px){
 body.paradise6 #p6-nav{width:100%!important;flex-basis:100%!important}
 body.paradise6 #p6-nav > ul.mod-menu{display:block!important;padding:8px 0!important}
 body.paradise6 #p6-nav > ul.mod-menu > li{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;min-height:44px}
 body.paradise6 #p6-nav li > ul.mod-menu__sub,body.paradise6 #p6-nav li > ul{position:static!important;display:none!important;width:100%!important;max-width:none!important;min-width:0!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;box-shadow:none!important;margin:0 0 5px!important;border-radius:8px!important;}
 body.paradise6 #p6-nav li.p6-submenu-open > ul{display:block!important}
 body.paradise6 #p6-nav li > ul li > ul{margin-left:12px!important}
 body.paradise6 #p6-nav .mod-menu__toggle-sub{margin-left:8px!important}
}

/* Extasy 2.6: compact dropdown like the supplied reference screenshot.
   The submenu must not inherit the width of the parent menu item. */
@media(min-width:1051px){
 body.paradise6 #p6-nav > ul.mod-menu > li > ul.mod-menu__sub,
 body.paradise6 #p6-nav > ul.mod-menu > li > ul:not(.mod-menu__sub){
   left:0!important;right:auto!important;width:168px!important;
   min-width:168px!important;max-width:min(250px,90vw)!important;
   box-sizing:border-box!important;
 }
 body.paradise6 #p6-nav > ul.mod-menu > li:last-child > ul.mod-menu__sub,
 body.paradise6 #p6-nav > ul.mod-menu > li:last-child > ul:not(.mod-menu__sub){
   left:0!important;right:auto!important;
 }
}

/* 2.9: restore original compact link-only hover and separate external arrow.
   The dropdown starts and ends at the highlighted link edges. */
@media (min-width:1051px) {
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub),
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub):hover,
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub):focus-within {
   background:transparent!important;
 }
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub) > a {
   display:inline-flex!important;align-items:center!important;
   height:45px!important;line-height:45px!important;
   box-sizing:border-box!important;
 }
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub):hover > a,
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub):focus-within > a {
   background:#d44457!important;color:#24303c!important;
 }
 body.paradise6 #p6-nav .mod-menu__toggle-sub {
   background:transparent!important;color:#d34360!important;
   margin:0 0 0 0!important;width:22px!important;flex:0 0 22px!important;
   height:45px!important;align-self:center!important;
 }
 body.paradise6 #p6-nav > ul.mod-menu > li:hover > .mod-menu__toggle-sub,
 body.paradise6 #p6-nav > ul.mod-menu > li:focus-within > .mod-menu__toggle-sub {
   color:#d34360!important;background:transparent!important;
 }
 body.paradise6 #p6-nav > ul.mod-menu > li > ul.mod-menu__sub,
 body.paradise6 #p6-nav > ul.mod-menu > li > ul:not(.mod-menu__sub) {
   left:0!important;right:auto!important;width:168px!important;
   min-width:168px!important;max-width:168px!important;
   box-sizing:border-box!important;
 }
}

@media (min-width:1051px) {
 body.paradise6 #p6-nav > ul.mod-menu > li:has(> .mod-menu__toggle-sub) > a {
   width:168px!important;justify-content:center!important;padding-left:0!important;padding-right:0!important;
 }
}