/* Native WordPress integration */
/* WordPress adds a `page` class to the body on standard pages. The original
   single-page site also uses `.page` for routed content and hides inactive
   routes, so restore the WordPress document body before applying page styles. */
body.pixior-native-wordpress.page { display: block; }
body.pixior-native-wordpress { overflow-x: hidden; }

.pixior-main { flex: 1; }
.pixior-main .page.is-active { display: block; }
.pixior-primary-menu,
.pixior-primary-menu ul,
.pixior-footer-menu { margin: 0; padding: 0; list-style: none; }
.pixior-primary-menu { display: flex; align-items: center; gap: 22px; }
.pixior-primary-menu > li { position: relative; }
.pixior-primary-menu > li > a { display: flex; align-items: center; gap: 6px; padding: 25px 0; color: var(--body); font: 500 14px Archivo,sans-serif; }
.pixior-primary-menu > li > a:hover,
.pixior-primary-menu > .current-menu-item > a,
.pixior-primary-menu > .current-menu-ancestor > a { color: var(--blue); }
.pixior-primary-menu > .menu-item-has-children > a::after { content: "▾"; font-size: 11px; }
.pixior-primary-menu .sub-menu { position: absolute; top: calc(100% + 1px); left: -18px; z-index: 20; min-width: 245px; padding: 9px; border: 1px solid var(--line-2); border-radius: 6px; background: #fff; box-shadow: var(--shadow-card); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity .15s ease, transform .15s ease, visibility .15s ease; }
.pixior-primary-menu li:hover > .sub-menu,
.pixior-primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.pixior-primary-menu .sub-menu a { display: block; padding: 10px 12px; border-radius: 4px; color: var(--body); font: 600 13.5px Archivo,sans-serif; }
.pixior-primary-menu .sub-menu a:hover,
.pixior-primary-menu .sub-menu .current-menu-item > a { background: var(--chip); color: var(--blue); }
.pixior-footer-menu { display: grid; gap: 13px; }
.pixior-footer-menu a { display: inline-block; }
body.admin-bar .nav { top: 32px; }
.custom-logo { object-fit: contain; }

@media (max-width: 1020px) {
  .pixior-primary-menu { width: 100%; flex-direction: column; align-items: stretch; gap: 0; }
  .pixior-primary-menu > li { width: 100%; }
  .pixior-primary-menu > li > a { width: 100%; justify-content: space-between; padding: 12px 0; }
  .pixior-primary-menu .sub-menu { position: static; min-width: 0; padding: 0 0 7px 16px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
}

@media (max-width: 782px) {
  body.admin-bar .nav { top: 46px; }
}