/* Product identity shared by the header, home, lineup, detail pages and dialogs. */
:root { --product-color:#0123B4; --product-rgb:1,35,180; --product-soft:#EEF1FF; --product-line:#CBD3FB; --product-light:#A5B4FC; }
[data-product-theme="own"] { --product-color:#0123B4; --product-rgb:1,35,180; --product-soft:#EEF1FF; --product-line:#CBD3FB; --product-light:#A5B4FC; }
[data-product-theme="security"] { --product-color:#C62828; --product-rgb:198,40,40; --product-soft:#FFF1F1; --product-line:#F3CACA; --product-light:#FDA4AF; }
[data-product-theme="infra"] { --product-color:#2E7D32; --product-rgb:46,125,50; --product-soft:#EDF7EE; --product-line:#C8E6C9; --product-light:#86EFAC; }
body[data-product-theme] main { --royal:var(--product-color); --cyan:var(--product-color); }
#header .dropdown-item[data-product-theme] .badge,
.grid-4col-wrapper .lineup-item[data-product-theme] .item-badge,
.product-tag {
  color:var(--product-color) !important; background:var(--product-soft) !important; border-color:var(--product-line) !important;
}
#header .dropdown-column[data-product-theme] > .col-title,
.grid-4col-wrapper .lineup-col-header[data-product-theme] h3,
.grid-4col-wrapper .lineup-col-header[data-product-theme] .fas,
.grid-4col-wrapper .lineup-col-header[data-product-theme] .lineup-more-btn { color:var(--product-color) !important; }
.grid-4col-wrapper .lineup-col-header[data-product-theme] { border-bottom-color:var(--product-color) !important; }
main [data-product-theme] .subnav-item.active,
body[data-product-theme] main .subnav-item.active,
body[data-product-theme] main .btn[data-product-primary],
main [data-product-theme] .btn[data-product-primary] { background:var(--product-color) !important; border-color:var(--product-color) !important; color:#fff !important; }
body[data-product-theme] main .vecs-badge,
body[data-product-theme] main .exlog-badge { color:var(--product-color) !important; background:var(--product-soft) !important; }
body[data-product-theme] main .hero-text-item h1 > span,
main .hero-text-item[data-product-theme] h1 > span { color:var(--product-light) !important; }
body[data-product-theme] main .subnav-item:hover { color:var(--product-color); background:var(--product-soft); }
main .architecture-node[data-product-theme] { border-color:var(--product-line) !important; }
body.solutions-page main #architecture .network-architecture,
body.solutions-page main #architecture .network-architecture * { color:#fff !important; -webkit-text-fill-color:#fff; }
.business-nav-entry { display:flex; align-items:center; gap:0; height:100%; }
#header .nav-link { display:inline-flex; align-items:center; transition:transform .18s ease-out,color .18s ease-out,text-shadow .18s ease-out; transform-origin:center; }
#header .nav-link:focus-visible { outline:2px solid #0123B4; outline-offset:3px; border-radius:5px; }
@media (min-width:901px) and (hover:hover) and (pointer:fine) {
  #header .nav-link:hover { transform:translateY(-2px) scale(1.055); color:#0123B4 !important; text-shadow:0 4px 12px rgba(1,35,180,.12); }
}
@media (max-width:900px) {
  #header .business-nav-entry { width:100%; height:auto; border-bottom:1px solid #F1F5F9; }
  #header .business-nav-entry .business-page-link { flex:1; width:auto !important; border-bottom:0 !important; }
}

.grid-4col-wrapper .lineup-item[data-product-theme]:hover { border-color:var(--product-color); box-shadow:0 4px 12px rgba(var(--product-rgb),.08); }
dialog#solutionMapModal .solution-modal-kicker,
dialog#solutionMapModal .section-label { color:var(--product-light) !important; }
dialog#solutionMapModal button.solution-modal-close:hover { color:#fff !important; background:var(--product-color) !important; }
/* Keep the desktop hover and keyboard menu state in sync with aria-expanded. */
@media (min-width:901px) {
  #header .dropdown:not(.active) > .dropdown-menu.mui-dropdown { display:none !important; opacity:0 !important; visibility:hidden !important; }
  #header .dropdown.active > .dropdown-menu.mui-dropdown { display:grid !important; opacity:1 !important; visibility:visible !important; }
}
@media (prefers-reduced-motion:reduce) {
  #header .nav-link { transition:none; }
  #header .nav-link:hover { transform:none; }
}