/* Sirisup v1.6.18 — Premium Spacious Desktop Header
 * CSS only: existing Elementor widgets and shortcode navigation remain editable.
 * All rules are scoped to the managed Sirisup pages and DESKTOP viewport.
 * Keep 1.6.15/1.6.16 mobile dropdown and footer/hero entirely unchanged.
 */
@media (min-width:1025px) {
  /* Both header renderers share a consistent navigation type scale. */
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li>a,
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-nav-button .elementor-button {
    font-family:'Prompt',Tahoma,sans-serif!important;
    font-size:clamp(14px,1.19vw,17px)!important;
    font-weight:650!important;
    line-height:1.45!important;
    letter-spacing:.04px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  /* The profile link is a real editable Elementor Saved Template. */
  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 {
    font-family:'Prompt',Tahoma,sans-serif!important;
    font-size:clamp(13px,1.05vw,15px)!important;
    font-weight:650!important;
    min-height:44px!important;
    padding:10px 17px!important;
    letter-spacing:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li:last-child>a,
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-menu-contact .elementor-button {
    font-family:'Prompt',Tahoma,sans-serif!important;
    font-size:clamp(14px,1.1vw,16px)!important;
    font-weight:700!important;
    min-height:44px!important;
    padding:10px 20px!important;
    white-space:nowrap!important;
  }
}

/* At compact laptop widths the additional Profile button makes
 * a single-line header unnecessarily crowded. Use a clean two-tier header
 * instead of shrinking labels to ~11px. Both rows remain editable in Elementor.
 */
@media (min-width:1025px) and (max-width:1279px) {
  /* Original shortcode header */
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav) {
    width:100%!important;max-width:1480px!important;min-height:0!important;
    display:flex!important;flex-wrap:wrap!important;
    align-items:center!important;justify-content:center!important;
    column-gap:0!important;row-gap:0!important;
    padding:10px clamp(16px,2.5vw,38px) 7px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>a.ss-brand {
    flex:0 0 100%!important;width:100%!important;max-width:100%!important;
    min-height:59px!important;align-items:center!important;justify-content:flex-start!important;
    padding:0 0 9px!important;margin:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>a.ss-brand img {
    max-width:57px!important;max-height:57px!important;width:57px!important;height:57px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>a.ss-brand .ss-brand-words {
    font-size:20px!important;line-height:1.35!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu {
    flex:0 0 100%!important;width:100%!important;max-width:100%!important;
    min-width:0!important;display:flex!important;flex-flow:row nowrap!important;
    align-items:center!important;justify-content:center!important;
    gap:clamp(9px,1.35vw,23px)!important;
    padding:7px 0 2px!important;margin:0!important;
    border-top:1px solid rgba(153,195,238,.20)!important;
    white-space:nowrap!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li {
    flex:0 0 auto!important;width:auto!important;margin:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li>a {
    font-size:clamp(14px,1.19vw,17px)!important;
    min-height:43px!important;
    padding:9px 1px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li.ss1617-profile-item .elementor-button,
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li.ss1617-profile-item .ss1617-profile-fallback {
    font-size:clamp(12.5px,1vw,15px)!important;
    padding:10px 14px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li:last-child>a {
    margin-left:0!important;padding:10px 19px!important;
  }

  /* Elementor Header Saved Template: preserve widget contents, change only
   * row allocation. The Profile widget is moved next to Contact by v1.6.17 JS. */
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav {
    display:flex!important;align-items:stretch!important;justify-content:center!important;
    width:100%!important;max-width:100%!important;min-height:0!important;
    padding:10px clamp(16px,2.5vw,38px) 7px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-editable {
    width:100%!important;flex:1 1 100%!important;min-width:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-section>.elementor-container {
    width:100%!important;display:flex!important;flex-direction:column!important;
    flex-wrap:nowrap!important;gap:0!important;align-items:stretch!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col {
    width:100%!important;flex:0 0 auto!important;min-height:60px!important;
    display:block!important;padding-bottom:9px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col>.elementor-widget-wrap {
    display:grid!important;grid-template-columns:57px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:'logo name' 'logo subtitle'!important;
    gap:1px 13px!important;
    justify-content:start!important;align-items:center!important;
    width:100%!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col .elementor-widget-image {
    grid-area:logo!important;width:57px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-logo img {
    width:57px!important;height:57px!important;max-width:57px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col .elementor-widget-heading {
    grid-area:name!important;min-width:0!important;align-self:end!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col .elementor-widget-text-editor {
    grid-area:subtitle!important;min-width:0!important;align-self:start!important;
    margin:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu {
    width:100%!important;flex:0 0 100%!important;max-width:100%!important;
    min-width:0!important;display:block!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu>.elementor-widget-wrap {
    display:flex!important;flex-flow:row nowrap!important;
    justify-content:center!important;align-items:center!important;
    gap:clamp(8px,1.25vw,20px)!important;
    padding:7px 0 2px!important;margin:0!important;
    border-top:1px solid rgba(153,195,238,.20)!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu>.elementor-widget-wrap>.elementor-widget-button,
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu>.elementor-widget-wrap>.ss1617-profile-movable {
    flex:0 0 auto!important;width:auto!important;margin:0!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-nav-button .elementor-button {
    font-size:clamp(14px,1.19vw,17px)!important;
    padding:9px 1px!important;min-height:43px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss1617-profile-item .elementor-button {
    font-size:clamp(12.5px,1vw,15px)!important;
    padding:10px 14px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-menu-contact .elementor-button {
    padding:10px 19px!important;margin-left:0!important;
  }
}

/* Wide desktop: keep existing ONE ROW, but stop v1.6.17 compressing
 * navigation typography to 11-13px and zeroing all gaps. */
@media (min-width:1280px) {
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav),
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav {
    max-width:1720px!important;width:100%!important;
    min-height:91px!important;padding:12px clamp(26px,2vw,40px)!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>a.ss-brand {
    flex:0 0 clamp(295px,23vw,390px)!important;max-width:390px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu {
    flex:1 1 auto!important;justify-content:flex-end!important;
    gap:clamp(15px,1.25vw,24px)!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li>a {
    font-size:16px!important;padding:11px 2px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav:not(.ss167-nav)>ul.ss-menu>li:last-child>a {padding:11px 20px!important}
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-brand-col {
    width:27%!important;flex:0 0 27%!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu {
    width:73%!important;flex:0 0 73%!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu>.elementor-widget-wrap {
    gap:clamp(15px,1.12vw,22px)!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-nav-button .elementor-button {
    font-size:16px!important;padding:11px 2px!important;
  }
  body.ss-bionic-site .ss-header-section .ss-nav.ss167-nav .ss167-header-menu .ss167-menu-contact .elementor-button {
    padding:11px 21px!important;
  }
}
/* No mobile rules: full-width 1.6.15 menu and 1.6.16 typography are intact. */