/*
 * Vaptistika Dadinidis - desktop Journal menu viewport fix
 * Keeps all main-menu dropdown levels visually consistent.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li {
    height: 36px !important;
    min-height: 36px !important;
  }

  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li > a {
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
  }
}

/* Compact all desktop dropdowns equally on shorter laptop displays. */
@media (min-width: 1025px) and (max-height: 900px) {
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li > a {
    height: 31px !important;
    min-height: 31px !important;
  }
}

@media (min-width: 1025px) and (max-height: 760px) {
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li > a {
    height: 26px !important;
    min-height: 26px !important;
  }
}

@media (min-width: 1025px) and (max-height: 650px) {
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu > li > a {
    height: 23px !important;
    min-height: 23px !important;
  }
}

/*
 * Vaptistika Dadinidis - AGORI mega menu hover + nested submenu refinement
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:focus {
    color: #333333 !important;
    background: #f4fbfa !important;
    border-color: #55bdb3 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:focus .links-text {
    color: #333333 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > .j-dropdown {
    display: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li.dropdown > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li.dropdown > a > .open-menu {
    display: none !important;
  }
}


/*
 * Vaptistika Dadinidis - AGORI mega menu prototype
 * Trial only for main-menu-item-5. Other top-level menus remain unchanged.
 */
@media (min-width: 1025px) {
  .desktop-header-active .header-compact .mid-bar {
    position: relative !important;
  }

  .desktop-main-menu-wrapper .main-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 {
    position: static !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown {
    top: 100% !important;
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: calc(100vh - 145px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px 20px 10px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, .14) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .28) !important;
    z-index: 9999 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown::before {
    content: "ΑΓΟΡΙ" !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 7px 12px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #55bdb3 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    column-count: 3;
    column-gap: 14px;
    background: transparent !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(70, 70, 70, .62) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    transition: background-color .12s ease, border-color .12s ease !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a {
    background: #f4fbfa !important;
    border-color: #55bdb3 !important;
  }
}

@media (min-width: 1200px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu {
    column-count: 4;
  }
}

@media (min-width: 1500px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu {
    column-count: 5;
  }
}

/*
 * Vaptistika Dadinidis - desktop Journal menu vertical scroll
 * Long dropdowns stay inside the visible viewport and scroll only when needed.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu .j-dropdown > .j-menu {
    max-height: calc(100vh - 145px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/*
 * Vaptistika Dadinidis - unified desktop mega menus v2
 * BAPTISI gets two visible groups (AGORI / KORITSI).
 * AGORI, KORITSI and VREFIKA use the same responsive card-grid design.
 * Deeper flyouts are intentionally hidden; their parent links remain clickable.
 */
@media (min-width: 1025px) {
  .desktop-header-active .header-compact .mid-bar {
    position: relative !important;
  }

  .desktop-main-menu-wrapper .main-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 {
    position: static !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown {
    top: 100% !important;
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: calc(100vh - 145px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 18px 20px 12px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, .14) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .28) !important;
    z-index: 9999 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown::before,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown::before,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown::before,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown::before {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 7px 12px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #55bdb3 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown::before {
    content: "ΒΑΠΤΙΣΗ" !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown::before {
    content: "ΑΓΟΡΙ" !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown::before {
    content: "ΚΟΡΙΤΣΙ" !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown::before {
    content: "ΒΡΕΦΙΚΑ" !important;
  }

  /* Flat grid menus: AGORI / KORITSI / VREFIKA */
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    column-count: unset !important;
    column-gap: normal !important;
    background: transparent !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    break-inside: avoid !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(70, 70, 70, .62) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    transition: background-color .12s ease, border-color .12s ease !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:hover {
    background: #f4fbfa !important;
    border-color: #55bdb3 !important;
    color: #333333 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a .links-text {
    color: #333333 !important;
  }

  /* No nested flyouts in the card-grid menus; click the parent category instead. */
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > .j-dropdown {
    display: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li.dropdown > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li.dropdown > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li.dropdown > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li.dropdown > a > .open-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li.dropdown > a > .open-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li.dropdown > a > .open-menu {
    display: none !important;
  }

  /* BAPTISI: two permanent groups, AGORI and KORITSI. */
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #55bdb3 !important;
    border-radius: 7px !important;
    background: #f1f8f7 !important;
    color: #333333 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > a > .open-menu {
    display: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown::before {
    display: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 12px !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(70, 70, 70, .55) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li:hover > a {
    background: #f4fbfa !important;
    border-color: #55bdb3 !important;
    color: #333333 !important;
  }

  /* Third level under BAPTISI (e.g. package seasons) is hidden; parent page handles it. */
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > .j-dropdown {
    display: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li.dropdown > a::after,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li.dropdown > a > .open-menu {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1500px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/*
 * Vaptistika Dadinidis - unified mega menu gray surface refinement
 * Removes white card fills and lets menu items sit directly on a soft gray panel.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown {
    background: #f2f2f2 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a {
    background: transparent !important;
    border-color: rgba(70, 70, 70, .50) !important;
    box-shadow: none !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a:hover {
    background: rgba(85, 189, 179, .12) !important;
    border-color: #55bdb3 !important;
    color: #333333 !important;
  }
}

/*
 * Vaptistika Dadinidis - flat mega menu items refinement
 * Normal menu links sit directly on the panel surface: no card border, no white fill, no rounded box.
 * BAPTISI AGORI/KORITSI group headers remain visually distinct as section headers.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a:hover {
    background: rgba(85, 189, 179, .14) !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #333333 !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a:focus {
    background: rgba(85, 189, 179, .14) !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #333333 !important;
  }
}

/*
 * Vaptistika Dadinidis - raised gray mega menu buttons
 * Buttons remain visually distinct, but use the same gray family as the panel
 * instead of stark white cards.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a {
    background: #f8f8f8 !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .13) !important;
    color: #444444 !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    transform: translateY(0);
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease, transform .12s ease !important;
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li:hover > a,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a:hover,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li > a:focus,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li > a:focus {
    background: #edf7f6 !important;
    border-color: #55bdb3 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .18) !important;
    color: #333333 !important;
    transform: translateY(-1px);
  }

  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li:hover > a .links-text,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li:hover > a .links-text {
    color: #333333 !important;
  }
}

/*
 * Vaptistika Dadinidis - single background behind mega menu buttons
 * Remove any secondary panel/list background around the button grid.
 */
@media (min-width: 1025px) {
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-5 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-6 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-7 > .j-dropdown > .j-menu > li,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu,
  .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item-2 > .j-dropdown > .j-menu > li > .j-dropdown > .j-menu > li {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}