/* Profixt 2 v0.49.2 — unified compact header for landscape phones / tablets.
   The previous 821–1100px gap rendered desktop nav and mobile controls together. */

@media (min-width:821px) and (max-width:1100px) {
  #masthead.site-header {
    position:sticky !important;
    top:0 !important;
    z-index:99980 !important;
    width:100% !important;
  }

  #masthead .profixt-standalone-header-inner {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    min-height:68px !important;
    gap:12px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
  }

  #masthead .site-header-main-section-left {
    min-width:0 !important;
    width:auto !important;
  }

  #masthead .site-branding,
  #masthead .profixt123-header-logo {
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:190px !important;
    min-width:0 !important;
  }

  #masthead .profixt123-header-logo img,
  #masthead .site-branding img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:180px !important;
    max-height:44px !important;
    object-fit:contain !important;
  }

  #masthead .site-header-main-section-right {
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  /* No desktop navigation in the compact range. */
  #masthead .primary-menu-container,
  #masthead .profixt123-header-cta,
  #masthead .p380-desktop-theme-toggle {
    display:none !important;
  }

  /* Exactly the three compact controls: language, theme, hamburger. */
  #masthead .profixt280-mobile-language,
  #masthead .profixt-mobile-language-menu {
    position:relative !important;
    inset:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    min-width:48px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    order:1 !important;
  }

  #masthead .profixt-mobile-language-toggle {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:48px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#fff !important;
    cursor:pointer !important;
    white-space:nowrap !important;
  }

  #masthead .p380-mobile-theme-toggle {
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    order:2 !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#fff !important;
    flex:0 0 44px !important;
  }

  #masthead .p380-mobile-theme-toggle .p370-theme-toggle__label {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  #masthead .profixt165-mobile-toggle {
    position:static !important;
    inset:auto !important;
    display:inline-grid !important;
    place-content:center !important;
    order:3 !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px !important;
    gap:5px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#fff !important;
    cursor:pointer !important;
    flex:0 0 44px !important;
    transform:none !important;
  }

  #masthead .profixt165-mobile-toggle span {
    display:block !important;
    width:21px !important;
    height:2px !important;
    border-radius:2px !important;
    background:currentColor !important;
  }

  html[data-profixt-theme="light"] #masthead .profixt-mobile-language-toggle,
  html[data-profixt-theme="light"] #masthead .p380-mobile-theme-toggle,
  html[data-profixt-theme="light"] #masthead .profixt165-mobile-toggle {
    color:#1b2023 !important;
  }

  /* Language dropdown stays attached to its button, never in the nav flow. */
  #masthead .profixt-mobile-language-submenu {
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    z-index:100005 !important;
    min-width:170px !important;
    width:max-content !important;
    padding:6px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:10px !important;
    background:#171717 !important;
    box-shadow:0 14px 36px rgba(0,0,0,.35) !important;
  }

  #masthead .profixt-mobile-language-submenu[hidden] {
    display:none !important;
  }

  #masthead .profixt-mobile-language-submenu a {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-height:42px !important;
    padding:9px 10px !important;
    color:#fff !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  /* Drawer is the only navigation surface in this width range. */
  .profixt165-mobile-drawer {
    position:fixed !important;
    z-index:100000 !important;
    inset:0 !important;
    display:block !important;
    padding:0 !important;
    background:rgba(0,0,0,.58) !important;
    backdrop-filter:blur(5px) !important;
  }

  .profixt165-mobile-drawer[hidden] {
    display:none !important;
  }

  .profixt165-mobile-drawer__inner {
    position:relative !important;
    width:min(440px,100%) !important;
    height:100% !important;
    margin-left:auto !important;
    padding:76px 22px 30px !important;
    overflow-y:auto !important;
    background:#14191c !important;
    box-shadow:-20px 0 55px rgba(0,0,0,.32) !important;
  }

  .profixt165-mobile-close {
    position:absolute !important;
    top:15px !important;
    right:16px !important;
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.17) !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff !important;
    font-size:30px !important;
    line-height:1 !important;
  }

  body.profixt165-menu-open {
    overflow:hidden !important;
  }

  .profixt165-mobile-menu,
  .profixt165-mobile-menu ul {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .profixt165-mobile-menu > li {
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .profixt165-mobile-menu a,
  .profixt165-mobile-menu button,
  .profixt165-mobile-menu .profixt-courses-menu__toggle {
    width:100% !important;
    min-height:52px !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.3 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .profixt165-mobile-menu .profixt-menu-parent-split {
    position:relative !important;
    display:flex !important;
    width:100% !important;
    align-items:stretch !important;
  }

  .profixt165-mobile-menu .profixt-menu-parent-split > .profixt-menu-parent-link {
    flex:1 1 auto !important;
    min-width:0 !important;
    padding:14px 56px 14px 4px !important;
  }

  .profixt165-mobile-menu .profixt-menu-parent-split > .profixt-courses-menu__toggle--split {
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
    justify-content:center !important;
  }

  .profixt165-mobile-menu .sub-menu {
    position:static !important;
    display:none !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 0 10px 15px !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .profixt165-mobile-menu .menu-item-has-children.is-open > .sub-menu,
  .profixt165-mobile-menu .menu-item-has-children[data-mobile-submenu-open="true"] > .sub-menu {
    display:block !important;
  }

  .profixt165-mobile-menu .sub-menu a {
    min-height:44px !important;
    padding:10px 4px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:15px !important;
  }

  .profixt171-mobile-actions {
    margin-top:22px !important;
  }

  .profixt171-mobile-cta {
    display:inline-flex !important;
    width:100% !important;
    min-height:50px !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* Normal desktop begins only once there is enough room for the full five-language navigation. */
@media (min-width:1101px) {
  #masthead .profixt165-mobile-toggle,
  #masthead .profixt280-mobile-language,
  #masthead .profixt-mobile-language-menu,
  #masthead .p380-mobile-theme-toggle {
    display:none !important;
  }

  #masthead .primary-menu-container {
    display:block !important;
  }

  #masthead .p380-desktop-theme-toggle {
    display:inline-flex !important;
  }
}