/*
 * Touchstar Desktop Navigation: Solutions menu (added in 0.5.0, October 2026)
 * -----------------------------------------------------------------------------
 * Styles the Solutions dropdown: division headings with a rule in the division
 * colour, the hero-diagram icon beside each category page, and (from 1200px, the
 * same breakpoint as nav.css) a two-column panel.
 *
 * Unlike nav.css, the headings and icons apply at every width, so the burger
 * panel and the phone menu match the desktop bar.
 *
 * Items are matched by link address, not by menu CSS class: the theme menu
 * walker does not output the CSS Classes field. Adding a category page means
 * adding its slug to the lists below and an icon line at the end.
 */
@media (min-width:1200px){
  #header #navigation > .menu-inner li .submenu:has(a[href$="/technical-fm/"]){width:auto;min-width:560px;max-width:none;left:calc(50% - 290px) !important}
  #header #navigation > .menu-inner li .submenu:has(a[href$="/technical-fm/"]) ul.nav{display:block;width:auto;columns:2;column-gap:40px}
  #header #navigation > .menu-inner li .submenu:has(a[href$="/technical-fm/"]) ul.nav>li{display:flex;break-inside:avoid;padding:0 0 10px;margin:0}
  #header #navigation > .menu-inner li .submenu li:has(> a[href$="/iq-logistics/"]){break-before:column}
}
/* Division headings: bold, with a short rule in the division colour */
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/technical-fm/"],[href$="/iq-logistics/"]){font-weight:700;padding-bottom:12px;margin-bottom:4px;position:relative}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/technical-fm/"],[href$="/iq-logistics/"])::before{display:none}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/technical-fm/"],[href$="/iq-logistics/"]):hover{text-decoration:underline;text-underline-offset:4px}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/technical-fm/"],[href$="/iq-logistics/"])::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:2px;background:#005288}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/iq-logistics/"]::after{background:#B0D235}
#navigation-mobile .submenu li:has(> a[href$="/iq-logistics/"]){margin-top:18px}
/* Category links: icon square, theme underline moved clear of the icon */
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"]){display:flex;align-items:center;padding-left:42px;position:relative}
#header #navigation > .menu-inner li .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"]){min-height:30px}
#navigation-mobile .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"]){min-height:44px}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"])::before{left:42px;width:calc(100% - 42px)}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"])::after{content:"";position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:7px;background:var(--tsn-bg) var(--tsn-ic) center/18px 18px no-repeat;transition:background-color .15s ease}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"],[href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"]):is(:hover,:focus-visible)::after{background-color:var(--tsn-bg-h);background-image:var(--tsn-ic-h)}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/security-systems/"],[href$="/fire-life-safety/"],[href$="/workforce-management/"],[href$="/building-infrastructure/"],[href$="/energy-sustainability/"]){--tsn-bg:#E5EEF4;--tsn-bg-h:#005288}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a:is([href$="/delivery-visibility/"],[href$="/fuel-asset-management/"],[href$="/mobile-workforce-technology/"],[href$="/fleet-optimisation/"]){--tsn-bg:#F1F7DC;--tsn-bg-h:#B0D235}
/* Icons, copied from the hero diagrams */
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/security-systems/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/fire-life-safety/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/workforce-management/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/building-infrastructure/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3Cpath d='M9 9h.01M9 12h.01M9 15h.01M9 18h.01'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3Cpath d='M9 9h.01M9 12h.01M9 15h.01M9 18h.01'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/energy-sustainability/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/delivery-visibility/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F7D12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/fuel-asset-management/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F7D12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' x2='15' y1='22' y2='22'/%3E%3Cline x1='4' x2='14' y1='9' y2='9'/%3E%3Cpath d='M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18'/%3E%3Cpath d='M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0V9.83a2 2 0 0 0-.59-1.42L18 5'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' x2='15' y1='22' y2='22'/%3E%3Cline x1='4' x2='14' y1='9' y2='9'/%3E%3Cpath d='M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18'/%3E%3Cpath d='M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0V9.83a2 2 0 0 0-.59-1.42L18 5'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/mobile-workforce-technology/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F7D12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2' ry='2'/%3E%3Cline x1='12' x2='12.01' y1='18' y2='18'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2' ry='2'/%3E%3Cline x1='12' x2='12.01' y1='18' y2='18'/%3E%3C/svg%3E")}
:is(#header #navigation > .menu-inner,#navigation-mobile) .submenu a[href$="/fleet-optimisation/"]{--tsn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F7D12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18H3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h10c.6 0 1 .4 1 1v11'/%3E%3Cpath d='M14 9h4l4 4v4c0 .6-.4 1-1 1h-2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");--tsn-ic-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005288' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18H3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h10c.6 0 1 .4 1 1v11'/%3E%3Cpath d='M14 9h4l4 4v4c0 .6-.4 1-1 1h-2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}