/* Aluna Schrift – header menu and dropdowns (desktop) */
@media (min-width:1025px){
.aqn-on #site-navigation{--n-ink:#1a1b1e;--n-muted:#5d6273;--n-line:#e3e9f6;--n-pale:#f4f7fe;--n-acc:#5552cc;--n-cyan:#00c3ff;--n-cta:#fc4b10}
/* top level */
.aqn-on #site-navigation>div>ul>li>a,.aqn-on #site-navigation>ul>li>a{position:relative;transition:color .25s}
.aqn-on #site-navigation>div>ul>li:hover>a,.aqn-on #site-navigation>ul>li:hover>a,.aqn-on #site-navigation li.aqn-open>a{color:var(--n-acc)!important}
.aqn-on #site-navigation li.aqn-top>a::after{transition:transform .3s ease,color .25s}
.aqn-on #site-navigation li.aqn-top:hover>a::after,.aqn-on #site-navigation li.aqn-top.aqn-open>a::after{transform:rotate(180deg);color:var(--n-acc)}
/* hover bridge so the pointer can travel into the panel */
.aqn-on #site-navigation li.aqn-top::before{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:24px}
/* dropdown panel */
.aqn-on #site-navigation li.aqn-top>ul.sub-menu{left:50%!important;right:auto!important;top:calc(100% + 6px)!important;width:auto!important;min-width:0;padding:14px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--n-line);box-shadow:0 24px 60px rgba(20,35,90,.18)!important;transform:translate(-50%,14px)!important;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .25s!important;display:grid!important;gap:4px;list-style:none;z-index:9999}
.aqn-on #site-navigation li.aqn-top:hover>ul.sub-menu,.aqn-on #site-navigation li.aqn-top.aqn-open>ul.sub-menu{visibility:visible!important;opacity:1!important;transform:translate(-50%,0)!important}
.aqn-on #site-navigation li.aqn-top>ul.sub-menu::before{left:50%!important;margin-left:-8px;border-bottom-color:#fff!important}
.aqn-on #site-navigation li.aqn-omics>ul.sub-menu{grid-template-columns:repeat(2,250px) 250px;grid-auto-flow:row dense}
.aqn-on #site-navigation li.aqn-solutions>ul.sub-menu,.aqn-on #site-navigation li.aqn-science>ul.sub-menu{grid-template-columns:280px 250px}
.aqn-on #site-navigation li.aqn-account>ul.sub-menu{grid-template-columns:270px;left:auto!important;right:-20px!important;transform:translate(0,14px)!important}
.aqn-on #site-navigation li.aqn-account:hover>ul.sub-menu,.aqn-on #site-navigation li.aqn-account.aqn-open>ul.sub-menu{transform:translate(0,0)!important}
.aqn-on #site-navigation li.aqn-account>ul.sub-menu::before{left:auto!important;right:44px}
.aqn-on #site-navigation li.aqn-omics>ul.sub-menu>li:not(.aqn-feature){grid-column:auto}
.aqn-on #site-navigation li.aqn-omics>ul.sub-menu>.aqn-feature{grid-column:3;grid-row:1/span 3}
.aqn-on #site-navigation li.aqn-solutions>ul.sub-menu>.aqn-feature,.aqn-on #site-navigation li.aqn-science>ul.sub-menu>.aqn-feature{grid-column:2;grid-row:1/span 4}
.aqn-on #site-navigation li.aqn-top>ul.sub-menu>li{margin:0!important;padding:0!important;width:auto!important;border:0!important}
/* items */
.aqn-on #site-navigation ul.sub-menu a.aqn-item{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:14px;line-height:1.25!important;white-space:normal;transition:background .2s,transform .2s}
.aqn-on #site-navigation ul.sub-menu a.aqn-item::before{display:none!important}
.aqn-on #site-navigation ul.sub-menu a.aqn-item:hover,.aqn-on #site-navigation ul.sub-menu a.aqn-item:focus-visible{background:var(--n-pale);transform:translateX(2px)}
.aqn-on #site-navigation ul.sub-menu a.aqn-item:focus-visible{outline:2px solid var(--n-acc);outline-offset:1px}
.aqn-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#efeefe;transition:background .2s}
.aqn-ico svg{width:20px;height:20px;fill:none;stroke:#5552cc;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.aqn-on #site-navigation a.aqn-item:hover .aqn-ico{background:#5552cc}
.aqn-on #site-navigation a.aqn-item:hover .aqn-ico svg{stroke:#fff}
.aqn-txt{display:flex;flex-direction:column;min-width:0}
.aqn-txt b{font:700 15px/1.25 "Red Hat Display",sans-serif;color:#1a1b1e}
.aqn-txt small{margin-top:3px;font:500 12.5px/1.35 "Red Hat Text",sans-serif;color:#7a8093}
.aqn-on #site-navigation ul.sub-menu li.current-menu-item>a.aqn-item{background:#f1f0ff}
.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=logout],.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=wp-login]{margin-top:4px;border-top:1px solid var(--n-line);border-radius:0 0 14px 14px;padding-top:14px!important}
.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=logout] .aqn-ico,.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=wp-login] .aqn-ico{background:#fdecec}
.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=logout] .aqn-ico svg,.aqn-on #site-navigation li.aqn-account a.aqn-item[href*=wp-login] .aqn-ico svg{stroke:#b4232c}
/* feature card */
.aqn-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:16px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(0,195,255,.45),transparent 50%),linear-gradient(145deg,#1d54d6,#5552cc 65%,#3b2fa8)}
.aqn-card b{font:800 16.5px/1.3 "Red Hat Display",sans-serif;color:#fff}
.aqn-card p{margin:6px 0 14px!important;font:500 13.5px/1.5 "Red Hat Text",sans-serif;color:rgba(255,255,255,.88)!important}
.aqn-on #site-navigation a.aqn-btn{display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px!important;border-radius:22px;background:#fc4b10;color:#fff!important;font:800 13.5px/1 "Red Hat Display",sans-serif!important;box-shadow:0 8px 18px rgba(252,75,16,.35);transition:transform .2s}
.aqn-on #site-navigation a.aqn-btn::before{display:none!important}
.aqn-on #site-navigation a.aqn-btn:hover{transform:translateY(-2px)}
.aqn-btn svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aqn-on #site-navigation a.aqn-more{display:block!important;margin-top:10px;padding:0!important;font:700 13px/1.3 "Red Hat Display",sans-serif!important;color:#e6ecff!important}
.aqn-on #site-navigation a.aqn-more::before{display:none!important}
.aqn-on #site-navigation a.aqn-more:hover{color:#fff!important;text-decoration:underline}
}
@media (prefers-reduced-motion:reduce){.aqn-on #site-navigation li.aqn-top>ul.sub-menu{transition:none!important}}
@media (min-width:1025px){
.aqn-on #site-navigation li.aqn-top>ul.sub-menu,.aqn-on #site-navigation li.aqn-top>ul.sub-menu *{white-space:normal!important}
.aqn-on #site-navigation .aqn-card p{overflow:visible;text-overflow:clip}
}
/* bigger, clearer top-level menu with a focus-style hover */
@media (min-width:1025px){
.aqn-on #site-navigation>div>ul,.aqn-on #site-navigation>ul{justify-content:center;gap:clamp(4px,.5vw,12px)}
.aqn-on #site-navigation>div>ul>li,.aqn-on #site-navigation>ul>li{margin:0 clamp(2px,.35vw,8px)!important}
.aqn-on #site-navigation>div>ul>li>a,.aqn-on #site-navigation>ul>li>a{display:inline-flex!important;align-items:center;font-size:clamp(16px,1.05vw,18.5px)!important;font-weight:800!important;letter-spacing:.005em;padding:9px clamp(12px,.95vw,18px)!important;line-height:1.3!important;border-radius:999px;transition:color .25s,background .25s,opacity .25s,box-shadow .25s,transform .25s!important}
.aqn-on #site-navigation li.aqn-top>a{padding-right:clamp(30px,1.9vw,36px)!important}
.aqn-on #site-navigation li.aqn-top>a::after{right:clamp(12px,.8vw,15px)!important}
/* focus effect: the hovered item stands out, the others soften */
.aqn-on #site-navigation>div>ul:hover>li>a,.aqn-on #site-navigation>ul:hover>li>a{opacity:.5}
.aqn-on #site-navigation>div>ul>li:hover>a,.aqn-on #site-navigation>ul>li:hover>a,.aqn-on #site-navigation>div>ul>li.aqn-open>a,.aqn-on #site-navigation>ul>li.aqn-open>a{opacity:1;color:#5552cc!important;background:#efeefe;box-shadow:inset 0 0 0 1px #dcdaf8,0 8px 20px rgba(85,82,204,.14);transform:translateY(-1px)}
.aqn-on #site-navigation>div>ul>li>a:focus-visible,.aqn-on #site-navigation>ul>li>a:focus-visible{outline:2px solid #5552cc;outline-offset:2px;opacity:1}
}
/* keep clear of the logo area and the cart on smaller desktops */
@media (min-width:1025px) and (max-width:1365px){
.aqn-on #site-navigation>div>ul,.aqn-on #site-navigation>ul{gap:0}
.aqn-on #site-navigation>div>ul>li,.aqn-on #site-navigation>ul>li{margin:0!important}
.aqn-on #site-navigation>div>ul>li>a,.aqn-on #site-navigation>ul>li>a{font-size:15px!important;padding:8px 9px!important}
.aqn-on #site-navigation li.aqn-top>a{padding-right:24px!important}
.aqn-on #site-navigation li.aqn-top>a::after{right:8px!important}
}
@media (min-width:1366px) and (max-width:1439px){
.aqn-on #site-navigation>div>ul,.aqn-on #site-navigation>ul{gap:2px}
.aqn-on #site-navigation>div>ul>li,.aqn-on #site-navigation>ul>li{margin:0 1px!important}
.aqn-on #site-navigation>div>ul>li>a,.aqn-on #site-navigation>ul>li>a{font-size:16px!important;padding:9px 11px!important}
.aqn-on #site-navigation li.aqn-top>a{padding-right:28px!important}
.aqn-on #site-navigation li.aqn-top>a::after{right:11px!important}
}
@media (min-width:1025px) and (max-width:1199px){
.aqn-on #site-navigation>div>ul>li>a,.aqn-on #site-navigation>ul>li>a{font-size:13.5px!important;padding:7px 6px!important}
.aqn-on #site-navigation li.aqn-top>a{padding-right:18px!important}
.aqn-on #site-navigation li.aqn-top>a::after{right:4px!important}
}
/* replace the theme's red underline bars with a refined current-page marker */
@media (min-width:1025px){
.aqn-on #site-navigation>div>ul>li::before,.aqn-on #site-navigation>ul>li::before{background:transparent!important;box-shadow:none!important}
.aqn-on #site-navigation>div>ul>li:not(.aqn-top)::before,.aqn-on #site-navigation>ul>li:not(.aqn-top)::before{display:none!important}
.aqn-on #site-navigation>div>ul>li::after,.aqn-on #site-navigation>ul>li::after{opacity:0!important;visibility:hidden;background:linear-gradient(90deg,#5552cc,#00c3ff)!important;width:22px!important;height:3px!important;border-radius:3px!important;left:50%!important;right:auto!important;margin-left:-11px!important;top:calc(50% + 21px)!important;bottom:auto!important;transform:none!important;transition:opacity .25s!important}
.aqn-on #site-navigation li.aqn-top::after{margin-left:-20px!important}
.aqn-on #site-navigation>div>ul>li.current-menu-item::after,.aqn-on #site-navigation>div>ul>li.current-menu-ancestor::after,.aqn-on #site-navigation>div>ul>li.current-menu-parent::after,.aqn-on #site-navigation>ul>li.current-menu-item::after,.aqn-on #site-navigation>ul>li.current-menu-ancestor::after{opacity:1!important;visibility:visible}
.aqn-on #site-navigation>div>ul>li.current-menu-item>a,.aqn-on #site-navigation>div>ul>li.current-menu-ancestor>a,.aqn-on #site-navigation>ul>li.current-menu-item>a,.aqn-on #site-navigation>ul>li.current-menu-ancestor>a{color:#5552cc!important}
.aqn-on #site-navigation>div>ul:hover>li.current-menu-item::after,.aqn-on #site-navigation>ul:hover>li.current-menu-item::after{opacity:.5!important}
}
@media (min-width:1025px) and (max-width:1365px){.aqn-on #site-navigation>div>ul>li::after,.aqn-on #site-navigation>ul>li::after{top:calc(50% + 18px)!important}.aqn-on #site-navigation li.aqn-top::after{margin-left:-17px!important}}
/* no special styling for the current page: every item looks the same until hovered */
@media (min-width:1025px){
.aqn-on #site-navigation>div>ul>li::after,.aqn-on #site-navigation>ul>li::after{display:none!important}
.aqn-on #site-navigation>div>ul>li.current-menu-item:not(:hover):not(.aqn-open)>a,.aqn-on #site-navigation>div>ul>li.current-menu-ancestor:not(:hover):not(.aqn-open)>a,.aqn-on #site-navigation>div>ul>li.current-menu-parent:not(:hover):not(.aqn-open)>a,.aqn-on #site-navigation>ul>li.current-menu-item:not(:hover):not(.aqn-open)>a,.aqn-on #site-navigation>ul>li.current-menu-ancestor:not(:hover):not(.aqn-open)>a{color:#1a1b1e!important}
.aqn-on #site-navigation ul.sub-menu li.current-menu-item>a.aqn-item,.aqn-on #site-navigation ul.sub-menu li.current_page_item>a.aqn-item{background:transparent!important}
.aqn-on #site-navigation ul.sub-menu li.current-menu-item>a.aqn-item:hover,.aqn-on #site-navigation ul.sub-menu li.current_page_item>a.aqn-item:hover{background:#f4f7fe!important}
.aqn-on #site-navigation ul.sub-menu li.current-menu-item>a.aqn-item .aqn-txt b,.aqn-on #site-navigation ul.sub-menu li.current_page_item>a.aqn-item .aqn-txt b{color:#1a1b1e!important}
}

/* Social icons (top bar): white badges with brand-coloured logos; brand colour fills on hover. Fixed order, no WhatsApp */
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-whatsapp),.elementor-widget-social-icons .elementor-social-icon-whatsapp{display:none!important}
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-facebook-f){order:1}
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-instagram){order:2}
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-x-twitter){order:3}
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-linkedin-in){order:4}
.elementor-widget-social-icons .elementor-grid-item:has(.elementor-social-icon-threads){order:5}
.elementor-widget-social-icons .elementor-social-icons-wrapper{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px!important}
.elementor-widget-social-icons a.elementor-social-icon{--b:#1877f2;width:32px!important;height:32px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:50%!important;background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.22),0 4px 10px rgba(0,0,0,.22);transition:transform .25s,background .25s,box-shadow .25s}
.elementor-widget-social-icons a.elementor-social-icon svg{width:16px!important;height:16px!important;fill:var(--b)!important;transition:fill .25s}
.elementor-widget-social-icons a.elementor-social-icon-facebook-f{--b:#1877f2}
.elementor-widget-social-icons a.elementor-social-icon-instagram{--b:#e1306c}
.elementor-widget-social-icons a.elementor-social-icon-x-twitter,.elementor-widget-social-icons a.elementor-social-icon-threads{--b:#000}
.elementor-widget-social-icons a.elementor-social-icon-linkedin-in{--b:#0a66c2}
.elementor-widget-social-icons a.elementor-social-icon:hover,.elementor-widget-social-icons a.elementor-social-icon:focus-visible{background:var(--b)!important;transform:translateY(-2px);box-shadow:0 0 0 3px #fff,0 8px 18px rgba(0,0,0,.3)}
.elementor-widget-social-icons a.elementor-social-icon-instagram:hover,.elementor-widget-social-icons a.elementor-social-icon-instagram:focus-visible{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}
.elementor-widget-social-icons a.elementor-social-icon:hover svg,.elementor-widget-social-icons a.elementor-social-icon:focus-visible svg{fill:#fff!important}

/* Sign-up: Personal / Company switch */
.aqt-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:0 0 16px;padding:5px;border-radius:14px;background:#eef2fb;border:1px solid #dbe3f4}
.aqt-seg button.aqt-opt{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;margin:0;padding:0 8px;border:0;border-radius:10px;background:transparent;color:#4a5878;font:700 14.5px/1 "Red Hat Display",sans-serif;cursor:pointer;box-shadow:none;transition:background .2s,color .2s,box-shadow .2s}
.aqt-seg button.aqt-opt svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.aqt-seg button.aqt-opt:hover{color:#0a3e9c;background:rgba(255,255,255,.6)}
.aqt-seg button.aqt-opt.is-on{background:#fff;color:#0a3e9c;box-shadow:0 4px 12px rgba(10,62,156,.15),inset 0 0 0 1.5px #1d54d6}
.aqt-seg button.aqt-opt:focus-visible{outline:3px solid #9db8f5;outline-offset:2px}
/* Sign-up: two plugins each add a newsletter checkbox; keep one (Mailchimp for WP) */
.xoo-el-form-register .mailchimp_woocommerce_newsletter_cont{display:none!important}
@media (max-width:420px){.aqt-seg button.aqt-opt{flex-direction:column;gap:4px;height:54px;font-size:13px}}
