/* Patsanis Navigation Rebuild — isolated final layer */
.site-header,
.site-header.is-scrolled {
  contain: none !important;
  overflow: visible !important;
}
.header-inner,
.main-nav,
.primary-menu,
.primary-menu > li {
  overflow: visible !important;
}
.mega-overlay { display: none !important; }

@media (min-width: 1101px) {
  .main-nav {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .primary-menu {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .primary-menu > li {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
  }
  .primary-menu li > .sub-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% - 8px) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s !important;
  }
  .primary-menu li.is-open > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
  }
  .primary-menu .sub-menu li > .sub-menu {
    top: -11px !important;
    left: calc(100% + 10px) !important;
    transform: translateX(10px) !important;
  }
  .primary-menu .sub-menu li.is-open > .sub-menu {
    transform: translateX(0) !important;
  }
  .primary-menu .submenu-toggle {
    display: inline-grid !important;
    place-items: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 3 !important;
  }
}

@media (max-width: 1100px) {
  body.mobile-menu-open { overflow: hidden !important; }
  .main-nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    max-height: calc(100vh - var(--announcement-sticky-height, 0px) - var(--header-height, 82px)) !important;
    overflow-y: auto !important;
    background: #fff !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .main-nav.is-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .primary-menu,
  .primary-menu li {
    width: 100% !important;
  }
  .primary-menu li > .sub-menu {
    display: none !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  .primary-menu li.is-open > .sub-menu {
    display: block !important;
  }
  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }
}

/* CTA hierarchy: quote is primary, call is secondary. */
.header-actions .header-quote-btn {
  background: #ffc20e !important;
  border-color: #ffc20e !important;
  color: #281035 !important;
}
.header-actions .btn-call {
  background: #fff !important;
  border: 2px solid #411370 !important;
  color: #411370 !important;
  box-shadow: none !important;
}
.header-actions .btn-call:hover,
.header-actions .btn-call:focus-visible {
  background: #411370 !important;
  border-color: #411370 !important;
  color: #fff !important;
}

/* RC Final submenu polish — submenu items never use the main-menu gold underline. */
@media (min-width: 1101px) {
  /* Restrict the animated underline to level-1 navigation only. */
  .primary-menu .sub-menu .menu-link::after,
  .primary-menu .sub-menu a::after,
  .main-nav .sub-menu a::after {
    content: none !important;
    display: none !important;
  }

  /* Premium dropdown surface. */
  .primary-menu .sub-menu,
  .main-nav .sub-menu {
    padding: 14px !important;
    border: 1px solid rgba(65, 19, 112, .08) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .99) !important;
    box-shadow: 0 24px 64px rgba(31, 16, 50, .17) !important;
  }

  /* Calm submenu interaction: soft gold wash, purple copy, no underline. */
  .primary-menu .sub-menu .menu-link,
  .main-nav .sub-menu a {
    overflow: hidden;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
  }

  .primary-menu .sub-menu .menu-link:hover,
  .primary-menu .sub-menu .menu-link:focus-visible,
  .main-nav .sub-menu a:hover,
  .main-nav .sub-menu a:focus-visible {
    background: rgba(255, 194, 14, .09) !important;
    border-color: rgba(255, 194, 14, .22) !important;
    color: var(--color-primary, #411370) !important;
    transform: translateX(4px) !important;
  }

  .primary-menu .sub-menu .menu-link:hover .menu-label,
  .primary-menu .sub-menu .menu-link:focus-visible .menu-label,
  .main-nav .sub-menu a:hover .menu-label,
  .main-nav .sub-menu a:focus-visible .menu-label {
    color: var(--color-primary, #411370) !important;
  }

  /* Current submenu page: subtle persistent state without a line. */
  .primary-menu .sub-menu .current-menu-item > .menu-link,
  .primary-menu .sub-menu .current-menu-ancestor > .menu-link,
  .main-nav .sub-menu .current-menu-item > a,
  .main-nav .sub-menu .current-menu-ancestor > a {
    background: rgba(65, 19, 112, .055) !important;
    border-color: rgba(65, 19, 112, .08) !important;
    color: var(--color-primary, #411370) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .primary-menu .sub-menu .menu-link,
  .main-nav .sub-menu a {
    transition: none !important;
  }
}


/* PBS v5.1.2 — Corporate three-column Mega Menu */
@media (min-width: 1101px) {
  .header-inner { position: relative !important; }
  .primary-menu > .mega-menu-root { position: static !important; }

  .primary-menu > .mega-menu-root > .sub-menu {
    top: calc(100% - 1px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 22px 22px 0 !important;
    border: 1px solid rgba(65, 19, 112, .10) !important;
    border-top: 4px solid #ffc20e !important;
    border-radius: 0 0 22px 22px !important;
    background: #fff !important;
    box-shadow: 0 30px 80px rgba(31, 16, 50, .20) !important;
    transform: translateY(12px) !important;
    overflow: hidden !important;
  }

  .primary-menu > .mega-menu-root.is-open > .sub-menu {
    transform: translateY(0) !important;
  }

  .mega-menu-root > .sub-menu > .mega-menu-column {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    padding: 0 20px 22px !important;
    border-right: 1px solid rgba(65, 19, 112, .09) !important;
  }
  .mega-menu-root > .sub-menu > .mega-menu-column:last-of-type {
    border-right: 0 !important;
  }

  .mega-menu-root > .sub-menu > .mega-menu-column > .menu-link {
    display: flex !important;
    min-height: 52px !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    padding: 4px 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #411370 !important;
    background: transparent !important;
    transform: none !important;
  }
  .mega-menu-root > .sub-menu > .mega-menu-column > .menu-link .menu-item-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    color: #411370 !important;
    background: rgba(255, 194, 14, .18) !important;
  }
  .mega-menu-root > .sub-menu > .mega-menu-column > .menu-link .menu-label {
    font-size: .95rem !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }
  .mega-menu-root > .sub-menu > .mega-menu-column > .menu-link .menu-description {
    display: none !important;
  }

  /* Every category list is visible inside its column; no sideways cascading. */
  .mega-menu-root > .sub-menu > .mega-menu-column > .submenu-toggle,
  .mega-menu-root .mega-menu-column .submenu-toggle {
    display: none !important;
  }
  .mega-menu-root > .sub-menu > .mega-menu-column > .sub-menu,
  .mega-menu-root > .sub-menu > .mega-menu-column > .sub-menu .sub-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .mega-menu-root .mega-menu-column .sub-menu li {
    display: block !important;
    width: 100% !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-link {
    display: flex !important;
    grid-template-columns: none !important;
    min-height: 36px !important;
    padding: 7px 9px !important;
    gap: 9px !important;
    border-radius: 9px !important;
    font-size: .78rem !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-item-icon {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    border-radius: 7px !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-item-icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-label {
    font-size: .78rem !important;
    font-weight: 750 !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-description {
    display: none !important;
  }

  /* Software subgroups remain readable without creating a fourth flyout level. */
  .mega-menu-root .mega-menu-column .sub-menu .sub-menu {
    margin: 1px 0 7px 34px !important;
    padding-left: 9px !important;
    border-left: 2px solid rgba(255, 194, 14, .55) !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .sub-menu .menu-link {
    min-height: 28px !important;
    padding: 4px 7px !important;
    color: #686273 !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .sub-menu .menu-item-icon {
    display: none !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .sub-menu .menu-label {
    font-size: .69rem !important;
    font-weight: 650 !important;
  }

  .patsanis-mega-footer {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    margin: 0 -22px;
    padding: 15px 22px;
    background: linear-gradient(100deg, #411370, #56208a);
    color: #fff;
  }
  .patsanis-mega-footer__intro strong {
    display: block;
    font-size: .84rem;
  }
  .patsanis-mega-footer__intro span {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,.76);
    font-size: .68rem;
  }
  .patsanis-mega-footer__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    color: #fff !important;
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
  }
  .patsanis-mega-footer__action:hover,
  .patsanis-mega-footer__action:focus-visible {
    border-color: #ffc20e;
    background: #ffc20e;
    color: #281035 !important;
  }
  .patsanis-mega-footer__action--primary {
    border-color: #ffc20e;
    background: #ffc20e;
    color: #281035 !important;
  }
}

@media (max-width: 1100px) {
  .patsanis-mega-footer {
    display: grid;
    gap: 8px;
    margin: 10px 14px 18px;
    padding: 14px;
    border-radius: 14px;
    background: #411370;
    color: #fff;
  }
  .patsanis-mega-footer__intro strong,
  .patsanis-mega-footer__intro span { display: block; }
  .patsanis-mega-footer__intro span { margin-top: 3px; font-size: .72rem; opacity: .78; }
  .patsanis-mega-footer__action {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    color: #fff !important;
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none !important;
  }
  .patsanis-mega-footer__action--primary {
    border-color: #ffc20e;
    background: #ffc20e;
    color: #281035 !important;
  }
}

/* PBS v5.1.3 — Calm compact Mega Menu */
@media (min-width: 1101px) {
  .primary-menu > .mega-menu-root > .sub-menu {
    left: 50% !important;
    right: auto !important;
    width: min(980px, calc(100vw - 56px)) !important;
    padding: 28px 30px 0 !important;
    border-radius: 0 0 20px 20px !important;
    transform: translate(-50%, 10px) !important;
  }
  .primary-menu > .mega-menu-root.is-open > .sub-menu {
    transform: translate(-50%, 0) !important;
  }

  .mega-menu-root > .sub-menu > .mega-menu-column {
    padding: 0 24px 26px !important;
  }

  .mega-menu-root > .sub-menu > .mega-menu-column > .menu-link {
    min-height: 46px !important;
    padding-bottom: 16px !important;
  }

  /* Keep only the four strongest destinations in each column. */
  .mega-menu-root .mega-menu-column > .sub-menu > li:nth-child(n+5) {
    display: none !important;
  }

  /* No fourth visual level inside the compact menu. */
  .mega-menu-root .mega-menu-column > .sub-menu > li > .sub-menu {
    display: none !important;
  }

  .mega-menu-root .mega-menu-column .sub-menu .menu-link {
    min-height: 42px !important;
    padding: 9px 10px !important;
    font-size: .82rem !important;
  }
  .mega-menu-root .mega-menu-column .sub-menu .menu-label {
    font-size: .82rem !important;
  }

  .patsanis-mega-footer {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    margin: 0 -30px !important;
    padding: 14px 30px !important;
  }
  .patsanis-mega-footer__intro span,
  .patsanis-mega-footer__action[href^="tel:"] {
    display: none !important;
  }
}


/* PBS 5.2 — intentionally simple, stable navigation. */
@media (min-width:1101px){
  .main-nav .primary-menu{display:flex;align-items:center;gap:clamp(14px,1.5vw,26px);white-space:nowrap}
  .main-nav .primary-menu>li{position:relative;margin:0;padding:0}
  .main-nav .primary-menu>li>a{padding:18px 0;font-size:15px;line-height:1.2}
  .main-nav .primary-menu .sub-menu,.submenu-toggle,.mega-overlay{display:none!important}
  .main-nav .primary-menu>li>a:hover,.main-nav .primary-menu>li.current-menu-item>a{color:#411370}
  .main-nav .primary-menu>li>a:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:#FFC20E;transform:scaleX(0);transition:transform .18s ease}
  .main-nav .primary-menu>li>a:hover:after,.main-nav .primary-menu>li.current-menu-item>a:after{transform:scaleX(1)}
}

/* PBS v5.4 — visible, compact hierarchical dropdown menus with category images. */
@media (min-width:1101px){
  .main-nav .primary-menu .sub-menu{display:block!important;position:absolute;top:100%;left:-18px;z-index:9999;min-width:290px;margin:0;padding:10px;background:#fff;border:1px solid rgba(65,19,112,.13);border-top:3px solid #ffc20e;border-radius:0 0 14px 14px;box-shadow:0 18px 42px rgba(36,8,63,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
  .main-nav .primary-menu>li:hover>.sub-menu,.main-nav .primary-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .main-nav .primary-menu .sub-menu li{display:block;position:relative;width:100%;margin:0;padding:0}
  .main-nav .primary-menu .sub-menu a{display:flex!important;align-items:center;gap:11px;min-height:46px;padding:8px 11px!important;border-radius:9px;color:#2c153e!important;font-size:13px!important;font-weight:700;text-decoration:none}
  .main-nav .primary-menu .sub-menu a:hover,.main-nav .primary-menu .sub-menu a:focus{background:#f6f1fa;color:#411370!important}
  .main-nav .primary-menu .sub-menu .sub-menu{top:-10px;left:calc(100% + 8px);border-top-width:1px;border-left:3px solid #ffc20e;border-radius:12px}
  .pbs-menu-thumb{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:#f5f1f8}.pbs-menu-thumb img{display:block;max-width:25px;max-height:25px;width:auto;height:auto}.pbs-menu-label{display:block;line-height:1.25}
  .main-nav .menu-item-has-children>a:after{content:"⌄";margin-left:5px;font-size:12px;color:#411370}
  .main-nav .sub-menu .menu-item-has-children>a:after{content:"›";margin-left:auto}
}
@media(max-width:1100px){
  .main-nav .primary-menu .sub-menu{display:block!important;margin:0 0 0 16px;padding:0 0 0 12px;border-left:2px solid #ffc20e}.main-nav .primary-menu .sub-menu a{display:flex!important;align-items:center;gap:9px;padding:9px 8px!important}.pbs-menu-thumb{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#f5f1f8;border-radius:7px}.pbs-menu-thumb img{max-width:22px;max-height:22px}
}


/* ==========================================================
   PBS 5.5 — Professional Navigation stabilization
   ========================================================== */

/* The custom walker supplies one separate, accessible arrow button. */
.main-nav .menu-item-has-children {
  position: relative;
}

.main-nav .menu-item-has-children > .menu-link {
  padding-right: 38px !important;
}

/* Remove older generated text arrows so only the real button is shown. */
.main-nav .menu-item-has-children > a::after {
  content: none !important;
  display: none !important;
}

.main-nav .submenu-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 7px !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #411370 !important;
  transform: translateY(-50%) !important;
  transition: background-color .18s ease, transform .18s ease !important;
}

.main-nav .submenu-toggle:hover,
.main-nav .submenu-toggle:focus-visible {
  background: rgba(65, 19, 112, .08) !important;
}

.main-nav .menu-caret {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
  transform-origin: center !important;
  transition: transform .18s ease !important;
}

/* Nested levels point to the right. */
.main-nav .sub-menu .menu-caret {
  transform: rotate(-45deg) translate(-1px, -1px) !important;
}

.main-nav .menu-item-has-children.is-open > .submenu-toggle .menu-caret,
.main-nav .menu-item-has-children.is-pinned > .submenu-toggle .menu-caret {
  transform: rotate(225deg) translate(-1px, -1px) !important;
}

.main-nav .sub-menu .menu-item-has-children.is-open > .submenu-toggle .menu-caret,
.main-nav .sub-menu .menu-item-has-children.is-pinned > .submenu-toggle .menu-caret {
  transform: rotate(135deg) translate(-1px, -1px) !important;
}

@media (min-width: 1101px) {
  /*
   * Invisible hover bridges cover the small visual gaps between a parent
   * and its submenu. The cursor can drift slightly without closing it.
   */
  .main-nav .primary-menu > .menu-item-has-children::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 10px);
    height: 22px;
    pointer-events: auto;
  }

  .main-nav .sub-menu .menu-item-has-children::after {
    content: "";
    position: absolute;
    top: -8px;
    left: calc(100% - 4px);
    width: 22px;
    height: calc(100% + 16px);
    pointer-events: auto;
  }

  .main-nav .primary-menu li > .sub-menu {
    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s linear .38s !important;
  }

  .main-nav .primary-menu li.is-open > .sub-menu {
    transition-delay: 0s !important;
  }

  .main-nav .sub-menu .submenu-toggle {
    right: 5px !important;
  }
}

@media (max-width: 1100px) {
  .main-nav .menu-item-has-children > .menu-link {
    padding-right: 48px !important;
  }

  .main-nav .submenu-toggle {
    top: 10px !important;
    right: 10px !important;
    width: 34px !important;
    height: 34px !important;
    transform: none !important;
    background: rgba(65, 19, 112, .06) !important;
  }

  .main-nav .menu-caret,
  .main-nav .sub-menu .menu-caret {
    transform: rotate(45deg) translate(-1px, -1px) !important;
  }

  .main-nav .menu-item-has-children.is-open > .submenu-toggle .menu-caret,
  .main-nav .sub-menu .menu-item-has-children.is-open > .submenu-toggle .menu-caret {
    transform: rotate(225deg) translate(-1px, -1px) !important;
  }
}

/* PBS 6.0 Foundation M1 — retain the approved v5.5 dropdowns.
   Only items explicitly marked "Panel με στήλες" use a column panel. */
@media (min-width: 1101px) {
  /* Every normal submenu remains a calm single vertical list. */
  .primary-menu > li:not(.mega-menu-root) > .sub-menu,
  .primary-menu > li > .sub-menu {
    width: max-content !important;
    min-width: 290px !important;
    max-width: 390px !important;
    display: block !important;
    grid-template-columns: none !important;
    columns: auto !important;
  }
  .primary-menu > li > .sub-menu > li,
  .primary-menu > li > .sub-menu > li > a {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    justify-self: stretch !important;
  }

  /* Prevent the final entries (POS & Ταμειακά / Cloud & Backup) from
     flowing into a right-hand grid column. */
  .primary-menu > li > .sub-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Only Περιφερειακά (or any future item selected as Panel με στήλες)
     opens a two-column child panel. */
  .primary-menu li.pbs-display-columns > .sub-menu,
  .primary-menu li.pbs-columns-trigger > .sub-menu {
    width: 540px !important;
    min-width: 540px !important;
    max-width: min(540px, calc(100vw - 48px)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 10px !important;
    padding: 14px !important;
    columns: auto !important;
  }
  .primary-menu li.pbs-display-columns > .sub-menu > li,
  .primary-menu li.pbs-columns-trigger > .sub-menu > li {
    width: auto !important;
    min-width: 0 !important;
    clear: none !important;
  }
  .primary-menu li.pbs-display-columns > .sub-menu > li > .menu-link,
  .primary-menu li.pbs-columns-trigger > .sub-menu > li > .menu-link {
    width: 100% !important;
    min-height: 44px !important;
  }
}

@media (max-width: 1100px) {
  .primary-menu li.pbs-display-columns > .sub-menu,
  .primary-menu li.pbs-columns-trigger > .sub-menu {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }
  .primary-menu li.pbs-display-columns.is-open > .sub-menu,
  .primary-menu li.pbs-columns-trigger.is-open > .sub-menu {
    display: block !important;
  }
}

/* ==========================================================
   PBS 6.0.1.4 — Unified dropdown engine
   One renderer/layout for Products, Services, Software and About.
   ========================================================== */
@media (min-width: 1101px) {
  /* Common top-level dropdown frame. */
  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu {
    left: 0 !important;
    right: auto !important;
    width: max-content !important;
    min-width: 360px !important;
    max-width: min(420px, calc(100vw - 48px)) !important;
    display: block !important;
    padding: 14px !important;
    text-align: left !important;
    grid-template-columns: none !important;
    columns: auto !important;
  }

  /* Every direct entry uses exactly the same box model and renderer. */
  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li > .menu-link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 13px !important;
    width: 100% !important;
    min-height: 72px !important;
    padding: 11px 42px 11px 11px !important;
    text-align: left !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li > .menu-link .menu-item-icon {
    justify-self: start !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li > .menu-link .menu-item-copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: left !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li > .menu-link .menu-label,
  .main-nav .primary-menu > li.menu-item-has-children > .sub-menu > li > .menu-link .menu-description {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* Nested panels use the same left-aligned item renderer. */
  .main-nav .primary-menu .sub-menu .sub-menu > li > .menu-link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 13px !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 10px 42px 10px 10px !important;
    text-align: left !important;
  }

  .main-nav .primary-menu .sub-menu .sub-menu .menu-item-copy {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .main-nav .primary-menu .sub-menu .sub-menu .menu-label,
  .main-nav .primary-menu .sub-menu .sub-menu .menu-description {
    width: 100% !important;
    text-align: left !important;
  }

  /* Preserve the administrator's display-type choices. */
  .main-nav .primary-menu li.pbs-display-columns > .sub-menu,
  .main-nav .primary-menu li.pbs-columns-trigger > .sub-menu {
    width: 540px !important;
    min-width: 540px !important;
    max-width: min(540px, calc(100vw - 48px)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 10px !important;
  }

  .main-nav .primary-menu li.pbs-display-mega > .sub-menu {
    width: min(920px, calc(100vw - 56px)) !important;
    min-width: 720px !important;
    max-width: calc(100vw - 56px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }
}

/* PBS 6.1.0 — οριστική θέση βελών μενού */
.main-nav .menu-item-has-children > .menu-link{
  position:relative!important;
  padding-right:46px!important;
  min-width:0!important;
}
.main-nav .menu-item-has-children > .submenu-toggle{
  right:8px!important;
  z-index:8!important;
  flex:0 0 auto!important;
  pointer-events:auto!important;
}
.main-nav .menu-item-has-children > .submenu-toggle .menu-caret{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
}
@media(min-width:1101px){
  .main-nav .primary-menu > .menu-item-has-children > .menu-link{padding-right:36px!important}
  .main-nav .primary-menu > .menu-item-has-children > .submenu-toggle{right:2px!important}
  .main-nav .sub-menu .menu-item-has-children > .menu-link{padding-right:46px!important}
  .main-nav .sub-menu .menu-item-has-children > .submenu-toggle{right:8px!important}
}
@media(max-width:1100px){
  .main-nav .menu-item-has-children > .menu-link{padding-right:58px!important}
  .main-nav .menu-item-has-children > .submenu-toggle{right:10px!important}
}

/* PBS 6.1.0.4 — main-menu arrow spacing only.
   The submenu markup, positioning and behaviour remain unchanged. */
@media (min-width: 1101px) {
  .main-nav .primary-menu > li.menu-item-has-children {
    display: grid !important;
    grid-template-columns: max-content 18px !important;
    column-gap: 11px !important;
    align-items: center !important;
    width: max-content !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .menu-link {
    grid-column: 1 !important;
    width: max-content !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .submenu-toggle {
    grid-column: 2 !important;
    display: grid !important;
    place-items: center !important;
    position: static !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    z-index: 4 !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children > .submenu-toggle .menu-caret {
    position: static !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    margin: -3px 0 0 !important;
    border-right: 2px solid #411370 !important;
    border-bottom: 2px solid #411370 !important;
    transform: rotate(45deg) !important;
    transform-origin: center !important;
  }

  .main-nav .primary-menu > li.menu-item-has-children.is-open > .submenu-toggle .menu-caret,
  .main-nav .primary-menu > li.menu-item-has-children.is-pinned > .submenu-toggle .menu-caret {
    transform: rotate(225deg) !important;
    margin-top: 3px !important;
  }
}


/* PBS 6.3.96 — News / Articles / Offers dropdown lock.
   Keep the approved normal-menu surface, but force one vertical stack and use
   the same purple/gold artwork as the landing cards. */
@media (min-width: 1101px) {
  .primary-menu > .pbs-news-menu-root > .sub-menu {
    width: 360px !important;
    min-width: 360px !important;
    max-width: min(360px, calc(100vw - 48px)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 10px !important;
    columns: auto !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu > li + li {
    border-top: 1px solid rgba(65,19,112,.09) !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu > li > .menu-link {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu .menu-item-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    border-radius: 15px !important;
    background: #faf7fc !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu .menu-item-icon--image img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu .menu-item-copy {
    display: block !important;
    min-width: 0 !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu .menu-label {
    display: block !important;
    color: #2d2633 !important;
    font-size: .92rem !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
  }
  .primary-menu > .pbs-news-menu-root > .sub-menu .menu-description {
    display: block !important;
    margin-top: 5px !important;
    color: #716979 !important;
    font-size: .72rem !important;
    line-height: 1.4 !important;
    font-weight: 550 !important;
  }
}

@media (max-width: 1100px) {
  .primary-menu .pbs-news-menu-root > .sub-menu > li > .menu-link {
    display: grid !important;
    grid-template-columns: 52px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .primary-menu .pbs-news-menu-root > .sub-menu .menu-item-icon--image img {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
  }
}
\n\n/* PBS 6.3.97 — final News dropdown layout lock.\n   Higher specificity than the generic display-type engine so Νέα, Άρθρα and\n   Προσφορές are always one below the other, with the approved custom icons. */\n@media (min-width: 1101px) {\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu,\n  body .main-nav .primary-menu > li.pbs-news-menu-root.pbs-display-list > ul.sub-menu,\n  body .main-nav .primary-menu > li.pbs-news-menu-root.pbs-display-columns > ul.sub-menu,\n  body .main-nav .primary-menu > li.pbs-news-menu-root.pbs-display-mega > ul.sub-menu {\n    display: flex !important;\n    flex-direction: column !important;\n    grid-template-columns: none !important;\n    width: 360px !important;\n    min-width: 360px !important;\n    max-width: min(360px, calc(100vw - 48px)) !important;\n    gap: 0 !important;\n    padding: 10px !important;\n    columns: auto !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu > li {\n    display: block !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    float: none !important;\n    clear: both !important;\n    grid-column: 1 / -1 !important;\n    margin: 0 !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu > li + li {\n    border-top: 1px solid rgba(65,19,112,.09) !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu > li > a.menu-link {\n    display: grid !important;\n    grid-template-columns: 72px minmax(0,1fr) !important;\n    gap: 14px !important;\n    align-items: center !important;\n    width: 100% !important;\n    min-height: 112px !important;\n    padding: 14px 12px !important;\n    border: 0 !important;\n    border-radius: 12px !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu .menu-item-icon {\n    width: 72px !important;\n    height: 72px !important;\n    flex: 0 0 72px !important;\n    border-radius: 16px !important;\n    background: #faf7fc !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu .menu-item-icon--image img {\n    width: 62px !important;\n    height: 62px !important;\n    max-width: 62px !important;\n    max-height: 62px !important;\n    object-fit: contain !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu .menu-label {\n    font-size: 1rem !important;\n  }\n  body .main-nav .primary-menu > li.pbs-news-menu-root > ul.sub-menu .menu-description {\n    margin-top: 6px !important;\n    font-size: .78rem !important;\n    line-height: 1.5 !important;\n  }\n}\n

/* PBS 6.3.112 — Product dropdown uses the same rich icons as the public product cards. */
@media (min-width: 1101px) {
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link {
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu .menu-item-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    flex: 0 0 54px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 13px !important;
    background: #faf7fc !important;
    overflow: visible !important;
  }
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu .menu-item-icon svg {
    width: 43px !important;
    height: 43px !important;
    max-width: 43px !important;
    max-height: 43px !important;
    display: block !important;
  }
}


/* PBS 6.3.113 — Product dropdown authoritative icons.
   These SVGs are rendered from the exact same function as the public category cards,
   bypassing any saved legacy menu icon or generic framework icon. */
@media (min-width: 1101px) {
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu .menu-item-icon--product-brand {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    background: #faf7fc !important;
    overflow: hidden !important;
  }
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu .menu-item-icon--product-brand svg,
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu .menu-item-icon--product-brand .pbs-product-brand-icon {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    display: block !important;
  }
}

/* PBS 6.3.128 — Services dropdown thumbnails slightly larger. */
@media (min-width:1101px){
  body .main-nav .primary-menu > li > ul.sub-menu .menu-item-icon--service-brand{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    flex:0 0 62px!important;
    border-radius:15px!important;
  }
  body .main-nav .primary-menu > li > ul.sub-menu .menu-item-icon--service-brand svg{
    width:57px!important;
    height:57px!important;
    max-width:57px!important;
    max-height:57px!important;
  }
}
\n\n/* PBS 6.3.131 — Software dropdown: enlarge the actual rendered thumbnail container.\n   This targets the menu renderer, not the source artwork, so saved authoritative\n   images for EntersoftOne / Prosvasis / Microsoft / Antivirus remain unchanged. */\n@media (min-width:1101px){\n  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link{\n    grid-template-columns:62px minmax(0,1fr)!important;\n    column-gap:14px!important;\n    min-height:82px!important;\n    padding:10px 42px 10px 10px!important;\n  }\n  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link .menu-item-icon--image{\n    width:62px!important;\n    height:62px!important;\n    min-width:62px!important;\n    flex:0 0 62px!important;\n    display:grid!important;\n    place-items:center!important;\n    border-radius:15px!important;\n    background:#faf7fc!important;\n    overflow:hidden!important;\n  }\n  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link .menu-item-icon--image img{\n    width:54px!important;\n    height:54px!important;\n    max-width:54px!important;\n    max-height:54px!important;\n    object-fit:contain!important;\n    display:block!important;\n  }\n}\n

/* PBS 6.3.132 — Software dropdown matches Services thumbnail dimensions. */
@media (min-width:1101px){
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link{
    grid-template-columns:62px minmax(0,1fr)!important;
    column-gap:14px!important;
    min-height:82px!important;
    padding:10px 42px 10px 10px!important;
  }
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link .menu-item-icon--image{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    flex:0 0 62px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:15px!important;
    background:#faf7fc!important;
    overflow:hidden!important;
  }
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > .menu-link .menu-item-icon--image img{
    width:57px!important;
    height:57px!important;
    max-width:57px!important;
    max-height:57px!important;
    object-fit:contain!important;
    display:block!important;
    transform:none!important;
  }
}


/* PBS 6.3.144 — About dropdown: use the same four symbols as the public cards. */
.main-nav .menu-item-icon--about-card .pbs-about-menu-card-icon{
  width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}


/* PBS 6.3.165 — CLEAN menu rebuild from the stable v6.3.158.
   News & Articles is left completely untouched.
   Only the FIRST dropdown level of Products / Services / Software / About
   adopts the same compact visual language. */
@media (min-width:1101px){

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:360px!important;
    min-width:360px!important;
    max-width:min(360px,calc(100vw - 48px))!important;
    gap:0!important;
    padding:10px!important;
    columns:auto!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    float:none!important;
    clear:both!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li + li,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li + li,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li + li,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li + li{
    border-top:1px solid rgba(65,19,112,.09)!important;
  }

  /* Compact first-level rows only */
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-height:88px!important;
    padding:12px!important;
    border-radius:12px!important;
    transform:none!important;
  }

  /* Requested selected colour — only the selected row */
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li.current-menu-item > a.menu-link,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li.current-menu-item > a.menu-link,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li.current-menu-item > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li.current-menu-item > a.menu-link,
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li.current-menu-ancestor > a.menu-link,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li.current-menu-ancestor > a.menu-link,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li.current-menu-ancestor > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li.current-menu-ancestor > a.menu-link{
    background:#E8E5F5!important;
    color:#2d2633!important;
  }

  /* Small, light icon tile; never blue/red */
  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    flex:0 0 58px!important;
    border-radius:15px!important;
    background:#faf7fc!important;
    color:#411370!important;
    overflow:hidden!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon svg,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon svg,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon svg{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }

  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link .menu-item-icon--image img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link .menu-label,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link .menu-label,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link .menu-label,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link .menu-label{
    display:block!important;
    margin:0!important;
    color:#2d2633!important;
    font-size:.92rem!important;
    line-height:1.25!important;
    font-weight:850!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link .menu-description,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link .menu-description,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link .menu-description,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link .menu-description{
    display:block!important;
    margin:5px 0 0!important;
    color:#716979!important;
    font-size:.72rem!important;
    line-height:1.4!important;
    font-weight:550!important;
  }

  body .main-nav .primary-menu > li.pbs-products-menu-root > ul.sub-menu > li > a.menu-link:hover .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-services-menu-root > ul.sub-menu > li > a.menu-link:hover .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-software-menu-root > ul.sub-menu > li > a.menu-link:hover .menu-item-icon,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link:hover .menu-item-icon{
    background:#faf7fc!important;
    color:#411370!important;
  }
}

/* PBS 6.3.173 — About dropdown stays white on About/detail pages.
   WordPress marks About descendants as current; unlike the other menu families,
   the About dropdown must keep the same clean white rows as on the homepage. */
@media (min-width:1101px){
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li.current-menu-item > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li.current-menu-ancestor > a.menu-link,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link:hover,
  body .main-nav .primary-menu > li.pbs-about-menu-root > ul.sub-menu > li > a.menu-link:focus-visible{
    background:#fff!important;
    color:#2d2633!important;
  }
}