/* ATN v1.3 egységes aloldali menüsor. */
/* ================================================================
   ATN ROLUNK v1.1 - Restored main navigation below theme header.
   Scoped to this plugin template; no changes to other site pages.
   ================================================================ */
.atn-rolunk-nav {
  position:relative;
  z-index:70;
  box-sizing:border-box;
  width:100%;
  background:#eeeeee;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e7e7e7;
  font-family:Roboto,Arial,sans-serif;
}
.atn-rolunk-nav *, .atn-rolunk-nav *::before,.atn-rolunk-nav *::after{box-sizing:border-box}
.atn-rolunk-nav .atn-rolunk-nav-inner {width:min(1160px,100%);margin:0 auto;display:flex;justify-content:center}
.atn-rolunk-nav .atn-rolunk-nav-details{width:auto;max-width:100%}
.atn-rolunk-nav .atn-rolunk-nav-mobile-toggle{display:none}
.atn-rolunk-nav .atn-rolunk-nav-list,
.atn-rolunk-nav .atn-rolunk-nav-list ul{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.atn-rolunk-nav .atn-rolunk-nav-list {
  display:flex!important;
  flex-flow:row nowrap;
  align-items:stretch;
  justify-content:center;
  gap:0;
  background:transparent;
}
.atn-rolunk-nav .atn-rolunk-nav-list > li{position:relative;margin:0!important;padding:0!important;white-space:nowrap}
.atn-rolunk-nav .atn-rolunk-nav-list a {
  display:flex!important;align-items:center;justify-content:center;
  height:40px;min-height:40px;
  padding:0 12px!important;
  color:#151515!important;background:transparent;
  text-decoration:none!important;font-size:15px;line-height:1.2;font-weight:400;
  box-shadow:none!important;border:0!important;
}
.atn-rolunk-nav .atn-rolunk-nav-list > li > a:hover,
.atn-rolunk-nav .atn-rolunk-nav-list > li > a:focus-visible {background:#d9e5f0!important;color:#0a3656!important}
.atn-rolunk-nav .atn-rolunk-nav-list > li.current-menu-item > a,
.atn-rolunk-nav .atn-rolunk-nav-list > li.current_page_item > a,
.atn-rolunk-nav .atn-rolunk-nav-list > li.current-menu-ancestor > a,
.atn-rolunk-nav .atn-rolunk-nav-list > li > a[aria-current="page"]{
  background:#070707!important;color:#fff!important;
}
.atn-rolunk-nav .atn-rolunk-nav-list > li.current-menu-item > a:hover,
.atn-rolunk-nav .atn-rolunk-nav-list > li > a[aria-current="page"]:hover{
  background:#1b1b1b!important;color:#fff!important;
}
.atn-rolunk-nav .atn-rolunk-nav-list a:focus-visible,
.atn-rolunk-nav .atn-rolunk-nav-mobile-toggle:focus-visible{outline:3px solid #2b7db2;outline-offset:-3px}
/* Dropdown submenus remain usable if the WordPress menu contains them. */
.atn-rolunk-nav .atn-rolunk-nav-list li > ul.sub-menu {
  display:none;position:absolute;top:100%;left:0;min-width:225px;
  background:#fff;border:1px solid #dbe5ec;box-shadow:0 15px 30px rgba(15,44,76,.14);
  z-index:90;padding:6px 0!important;
}
.atn-rolunk-nav .atn-rolunk-nav-list li:hover > ul.sub-menu,
.atn-rolunk-nav .atn-rolunk-nav-list li:focus-within > ul.sub-menu{display:block}
.atn-rolunk-nav .atn-rolunk-nav-list li ul.sub-menu a{justify-content:flex-start;height:auto;min-height:40px;padding:10px 15px!important;white-space:normal}
@media(max-width:960px){
  .atn-rolunk-nav .atn-rolunk-nav-inner{width:100%;padding:0 18px;justify-content:flex-start}
  .atn-rolunk-nav .atn-rolunk-nav-details{width:100%}
  .atn-rolunk-nav .atn-rolunk-nav-mobile-toggle{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;min-height:48px;padding:10px 5px;
    cursor:pointer;color:#101d3b;font-size:15px;font-weight:800;
    background:transparent;border:0;text-align:left;font-family:inherit;
  }
  /* Keep the menu accessible if JavaScript is unavailable. */
  .atn-rolunk-nav .atn-rolunk-nav-details > .atn-rolunk-nav-list{
    display:flex!important;flex-flow:column nowrap;align-items:stretch;
    padding:0 0 13px!important;
  }
  .atn-rolunk-nav.atn-rolunk-nav-js:not(.is-open) .atn-rolunk-nav-list{display:none!important}
  .atn-rolunk-nav .atn-rolunk-nav-list > li {white-space:normal}
  .atn-rolunk-nav .atn-rolunk-nav-list > li > a{
    height:auto;min-height:44px;justify-content:flex-start;
    padding:10px 13px!important;border-radius:5px;
  }
  .atn-rolunk-nav .atn-rolunk-nav-list li > ul.sub-menu{
    display:block;position:static;min-width:0;border:0;box-shadow:none;
    padding-left:18px!important;background:#f6f8fa;
  }
}


/* ================================================================
   ATN V1.3 | DESKTOP MAIN MENU CONSISTENCY
   Reference: original ATN homepage menu at 1920px screenshot.
   Homepage: 46px high links, 18px Roboto, 14px horizontal padding,
   left aligned to the original ~1066px central theme container.
   IMPORTANT: Only on ATN plugin pages; home/theme remains unchanged.
   At <=960px previous functional mobile navigation is retained.
   ================================================================ */
@media (min-width: 961px) {
  .atn-rolunk-nav .atn-rolunk-nav-inner {
    width: min(1066px, calc(100% - 36px)) !important;
    max-width: 1066px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }
  .atn-rolunk-nav .atn-rolunk-nav-details {
    width: auto !important;
    max-width: 100% !important;
  }
  .atn-rolunk-nav .atn-rolunk-nav-list {
    justify-content: flex-start !important;
  }
  .atn-rolunk-nav .atn-rolunk-nav-list > li > a {
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    text-transform: none !important;
  }
}
