/* One header treatment across Home, Odoo, Applications, Contact and Hosting.
   Page compositions keep their own styles; the existing header variants share
   these dimensions, controls and responsive breakpoints. */
#top:is(.header,.site-header){box-sizing:border-box;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;inline-size:100%;max-width:1440px;margin-inline:auto;padding:0 64px;height:88px;block-size:88px;min-height:88px;background:var(--paper);border:0}
#top .brand{display:flex;align-items:center;flex:none}
#top .brand img{width:146px;inline-size:146px;height:56px;block-size:56px;object-fit:contain}
#top .desktop-nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--soft,var(--pale))}
#top .desktop-nav>a,#top .desktop-nav>details>summary{display:flex;align-items:center;gap:8px;min-height:44px;min-block-size:44px;padding:7px 11px;border:1px solid transparent;border-radius:4px;font-size:15px;line-height:1.5;white-space:nowrap;text-decoration:none;color:var(--ink);background:transparent}
#top .desktop-nav>details>summary{cursor:pointer;list-style:none}
#top .desktop-nav>details>summary::-webkit-details-marker{display:none}
#top .desktop-nav>a:hover,#top .desktop-nav>details>summary:hover,#top .desktop-nav>details[open]>summary{background:var(--paper);border-color:var(--line);text-decoration:none}
#top .desktop-nav>a:active,#top .desktop-nav>details>summary:active{background:var(--soft,var(--pale))}
#top .header-controls{display:flex;align-items:center;gap:4px;margin:0}
#top .header-controls :is(.language,.icon-button,.icon-control){display:grid;place-items:center;flex:none;width:44px;inline-size:44px;min-width:44px;min-inline-size:44px;height:44px;block-size:44px;min-height:44px;min-block-size:44px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:15px;text-decoration:none}
#top .header-controls :is(.language,.icon-button,.icon-control):hover{background:var(--soft,var(--pale));border-color:var(--muted);text-decoration:none}
#top .header-controls :is(.account,.account-link){display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-inline-start:12px;padding:8px 13px;border:1px solid var(--link);border-radius:6px;background:var(--paper);color:var(--link);font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none}
#top .header-controls :is(.account,.account-link):hover{background:var(--soft,var(--pale));text-decoration:none}
#top .header-controls :is(.menu-button,.menu-toggle){display:none}
#top :is(a,button,summary):focus-visible{outline:3px solid var(--focus,var(--link));outline-offset:4px}
#top :is(.nav-drop,.hosting-menu){position:relative}
#top :is(.dropdown,.hosting-menu>div){position:absolute;inset-block-start:calc(100% + 12px);inset-inline-start:auto;inset-inline-end:0;z-index:40;min-width:235px;max-width:calc(100vw - 40px);padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
#top :is(.dropdown,.hosting-menu>div)>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.5;text-decoration:none;white-space:normal}
#top :is(.dropdown,.hosting-menu>div)>a:hover{background:var(--soft,var(--pale));color:var(--link);text-decoration:none}
#mobile-menu nav>a,#mobile-nav>a{display:flex;align-items:center;min-height:48px;margin-block:4px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft,var(--pale));font-size:16px;line-height:1.5;text-decoration:none}
#mobile-menu nav>a:hover,#mobile-nav>a:hover{border-color:var(--muted);background:var(--paper);text-decoration:none}
@media(max-width:1150px){#top:is(.header,.site-header){gap:18px;padding-inline:36px}#top .brand img{width:130px;inline-size:130px}#top .desktop-nav>a,#top .desktop-nav>details>summary{padding-inline:9px}#top .header-controls :is(.account,.account-link){display:none}}
@media(max-width:1000px){#top:is(.header,.site-header){padding-inline:24px;height:76px;block-size:76px;min-height:76px}#top .desktop-nav{display:none}#top .header-controls{margin-inline-start:auto}#top .header-controls :is(.menu-button,.menu-toggle){display:grid}#top .brand img{width:126px;inline-size:126px;height:52px;block-size:52px}}
@media(max-width:600px){#top:is(.header,.site-header){gap:12px;padding-inline:20px}#top .brand img{width:116px;inline-size:116px}}
@media(max-width:359px){#top:is(.header,.site-header){padding-inline:16px}#top .brand img{width:104px;inline-size:104px}}