/* v1.6.17: Company Profile editable Elementor Button.
   One separate Saved Template; does not alter the pre-existing Elementor JSON.
   Scoped to the managed Sirisup site Header only. */
body.ss-bionic-site .ss-header-section .ss-nav .ss1617-profile-item {
  box-sizing:border-box!important;
  min-width:0!important;
  flex:0 0 auto!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
body.ss-bionic-site .ss-header-section .ss1617-profile-elementor,
body.ss-bionic-site .ss-header-section .ss1617-profile-elementor>.elementor,
body.ss-bionic-site .ss-header-section .ss1617-profile-section,
body.ss-bionic-site .ss-header-section .ss1617-profile-section>.elementor-container,
body.ss-bionic-site .ss-header-section .ss1617-profile-col,
body.ss-bionic-site .ss-header-section .ss1617-profile-col>.elementor-widget-wrap,
body.ss-bionic-site .ss-header-section .ss1617-profile-widget {
  width:auto!important;max-width:none!important;min-width:0!important;
  display:block!important; margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.ss-bionic-site .ss-header-section .ss1617-profile-section>.elementor-container{display:block!important}
body.ss-bionic-site .ss-header-section .ss1617-profile-col{float:none!important}
body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button,
body.ss-bionic-site .ss-header-section .ss1617-profile-item .ss1617-profile-fallback {
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important; width:auto!important;
  gap:7px!important;padding:9px 13px!important;
  white-space:nowrap!important;text-decoration:none!important;
  font:650 12px/1.3 'Prompt',sans-serif!important;
  color:#e5f6ff!important;
  border:1px solid rgba(107,203,255,.55)!important;
  border-radius:12px!important;
  background:linear-gradient(125deg,rgba(18,89,145,.78),rgba(7,43,85,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 5px 14px rgba(0,10,30,.15)!important;
  transition:transform .2s,background .2s,border-color .2s,box-shadow .2s!important;
}
body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button:hover,
body.ss-bionic-site .ss-header-section .ss1617-profile-item .ss1617-profile-fallback:hover {
  color:#fff!important;transform:translateY(-2px)!important;
  border-color:#8fe1ff!important;
  background:linear-gradient(125deg,#126fac,#064773)!important;
  box-shadow:0 9px 22px rgba(5,63,120,.27)!important;
}
body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button-icon,
body.ss-bionic-site .ss-header-section .ss1617-profile-item .ss1617-profile-fallback-icon {
  font-size:16px!important;color:#b5eaff!important;line-height:1!important;flex:0 0 auto;
}
body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button-content-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1.3!important}
body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button-text{flex:0 0 auto!important}
/* Legacy: the contact item is still the final red entry. */
@media(min-width:1025px){
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>.ss-brand{max-width:clamp(255px,26vw,345px)!important;min-width:0!important}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu{gap:clamp(2px,.55vw,8px)!important}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li>a{font-size:clamp(11px,.9vw,14px)!important;padding-left:4px!important;padding-right:4px!important}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li.ss1617-profile-item a{padding:8px 10px!important;font-size:clamp(11px,.85vw,12px)!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col{width:31%!important;flex:0 0 31%!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu{width:69%!important;flex:0 0 69%!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu>.elementor-widget-wrap{gap:2px!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-nav-button .elementor-button{font-size:clamp(10.5px,.85vw,13px)!important;padding:9px 5px!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss1617-profile-item .elementor-button{padding:8px 9px!important;font-size:11px!important}
}
/* Narrow desktop: allow the logo area and menu to shrink rather than overlap. */
@media(min-width:1025px) and (max-width:1199px){
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>.ss-brand{max-width:245px!important}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>.ss-brand .ss-brand-words{font-size:14px!important}
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li>a{font-size:11px!important}
}
@media(max-width:1024px){
  /* Keep the Profile CTA in the dropdown, NEVER beside the company brand. */
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li.ss1617-profile-item{width:100%!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss1617-profile-movable{width:100%!important;display:block!important}
  body.ss-bionic-site .ss-header-section .ss-nav .ss1617-profile-item .elementor-button,
  body.ss-bionic-site .ss-header-section .ss-nav .ss1617-profile-item .ss1617-profile-fallback{
    display:flex!important;width:100%!important;max-width:100%!important;
    min-height:49px!important;padding:10px 12px!important;margin:3px 0!important;
    border-radius:12px!important;font-size:15px!important;
    box-shadow:none!important;
    color:#eaf8ff!important;
  }
  body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button-icon{font-size:17px!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss1617-profile-item .elementor-button{background:linear-gradient(125deg,#124979,#073258)!important;color:#eefaff!important;border:1px solid #4ca4dc!important}
}
@media(max-width:767px){
  body.ss-bionic-site .ss-header-section .ss-nav .ss1617-profile-item .elementor-button,
  body.ss-bionic-site .ss-header-section .ss-nav .ss1617-profile-item .ss1617-profile-fallback{min-height:49px!important;font-size:15px!important;padding:10px 12px!important}
}
@media(prefers-reduced-motion:reduce){body.ss-bionic-site .ss-header-section .ss1617-profile-item .elementor-button{transition:none!important;transform:none!important}}

/* Hide the temporary Elementor holder until JS moves it into the menu.
   This also preserves logo alignment if JS is blocked. */
body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav > .ss1617-profile-movable{display:none!important}