/* SecurityTalent 1.9.46 — compact multilingual/auth header and bounded drawer. */

/* The header selector is now the only visible language association control. */
.article-info .association {
  display: none !important;
}

.st-header-language {
  margin-inline: .35rem .2rem !important;
}

.st-language-menu > summary {
  min-width: 7.5rem !important;
  min-height: 36px !important;
  height: 36px !important;
  gap: .42rem !important;
  padding: .35rem .55rem !important;
  border-radius: 8px !important;
  font-size: .76rem !important;
  box-shadow: 0 4px 12px rgba(6, 20, 38, .11) !important;
}

.st-language-menu > ul {
  width: 12.5rem !important;
}

.st-language-menu > ul a {
  min-height: 38px !important;
  padding: .45rem .55rem !important;
  font-size: .84rem !important;
}

.st-header-language .st-language-flag {
  width: 20px !important;
  height: 13px !important;
}

/* Short provider labels make the choices clearer and free menu space. */
.st-header-auth .sourcecoast .social-login.facebook > a::after,
.st-responsive-auth .sourcecoast .social-login.facebook > a::after {
  content: "Facebook" !important;
}

.st-header-auth .sourcecoast .social-login.google > a::after,
.st-responsive-auth .sourcecoast .social-login.google > a::after {
  content: "Google" !important;
}

@media (min-width: 992px) {
  #sp-header .st-header-auth {
    grid-template-columns: repeat(2, 142px) !important;
    grid-template-rows: repeat(2, 36px) !important;
    grid-auto-rows: 36px !important;
    min-height: 78px !important;
    column-gap: 7px !important;
    row-gap: 5px !important;
  }

  #sp-header .st-header-auth > .sourcecoast,
  #sp-header .st-header-auth > .sourcecoast > .d-flex {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  #sp-header .st-header-auth > .mod-es {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 77px !important;
    min-height: 77px !important;
    max-height: 77px !important;
  }

  #sp-header .st-header-auth > .sourcecoast .social-login > a,
  #sp-header .st-header-auth > .mod-es > a {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: .76rem !important;
  }

  #sp-header .st-header-auth .sourcecoast .social-login > a::before {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 15px !important;
  }

  /* Keep the signed-in user control compact instead of inheriting the guest grid. */
  #sp-header .st-header-auth:has(> .mod-es:only-child) {
    display: flex !important;
    min-height: 44px !important;
    width: auto !important;
  }

  #sp-header .st-header-auth > .mod-es:only-child,
  #sp-header .st-header-auth > .mod-es:only-child > a {
    width: auto !important;
    min-width: 13rem !important;
    max-width: 17rem !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}

@media (max-width: 991.98px) {
  #sp-header #sp-menu > .sp-column {
    justify-content: flex-end !important;
    gap: .55rem !important;
  }

  #sp-header .st-header-language {
    margin: 0 !important;
  }

  .st-language-menu > summary {
    min-width: 6.75rem !important;
    max-width: 8rem !important;
    min-height: 40px !important;
    height: 40px !important;
    font-size: .74rem !important;
  }

  body.ltr.offcanvs-position-right .offcanvas-menu {
    right: calc(-1 * min(78vw, 320px)) !important;
    width: min(78vw, 320px) !important;
    max-width: 320px !important;
  }

  body.rtl.offcanvs-position-left .offcanvas-menu,
  body.rtl.offcanvs-position-right .offcanvas-menu {
    width: min(78vw, 320px) !important;
    max-width: 320px !important;
  }

  html[dir="rtl"] body.offcanvs-position-right .offcanvas-menu,
  html[dir="rtl"] body.offcanvs-position-left .offcanvas-menu {
    right: auto !important;
    left: calc(-1 * min(78vw, 320px)) !important;
  }

  html[dir="rtl"] body.offcanvas-active.offcanvs-position-right .offcanvas-menu,
  html[dir="rtl"] body.offcanvas-active.offcanvs-position-left .offcanvas-menu {
    left: 0 !important;
  }

  body.offcanvas-active .offcanvas-overlay {
    background: rgba(6, 20, 38, .38) !important;
  }

  .offcanvas-menu .offcanvas-inner {
    padding-inline: 16px !important;
  }

  .offcanvas-menu .st-responsive-auth .sourcecoast .social-login > a {
    min-height: 42px !important;
    padding: 5px 8px !important;
    font-size: .78rem !important;
  }
}

@media (max-width: 420px) {
  .st-language-menu > summary > span:not(.st-language-caret) {
    max-width: 4.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}