/* Tormami global shell parity
 * Homepage market-header.css + global footer are the source of truth.
 * This file loads last so page-specific CSS cannot distort the shared shell.
 */

/* ---------- Header host ---------- */
.site-header,
.tormami-global-market-header{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:99990!important;
  background:rgba(255,255,255,.97)!important;
  border:0!important;
  border-bottom:1px solid #e8edf4!important;
  border-radius:0!important;
  box-shadow:0 8px 28px rgba(16,35,65,.07)!important;
  backdrop-filter:blur(20px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
  overflow:visible!important;
}

.admin-bar .site-header,
.admin-bar .tormami-global-market-header{
  top:32px!important;
}

/* Bootstrap/theme .container must never shrink the approved homepage header. */
.site-header .tormami-market-header,
.tormami-global-market-header .tormami-market-header{
  box-sizing:border-box!important;
  width:min(1560px,calc(100% - 36px))!important;
  max-width:1560px!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:190px minmax(205px,245px) minmax(360px,1fr) auto!important;
  grid-template-areas:none!important;
  align-items:center!important;
  align-content:center!important;
  gap:12px!important;
  overflow:visible!important;
}

/* Logo */
.site-header .tmh-logo,
.tormami-global-market-header .tmh-logo{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0 8px 0 0!important;
  line-height:1!important;
}
.site-header .tmh-logo img,
.tormami-global-market-header .tmh-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:176px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Location */
.site-header .tmh-location-wrap,
.tormami-global-market-header .tmh-location-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.site-header .tmh-location-button,
.tormami-global-market-header .tmh-location-button{
  box-sizing:border-box!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0 12px 0 13px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid #dfe6ee!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#152743!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(16,35,65,.025)!important;
}

/* Search: reset theme form/input styles so placeholders line up exactly like homepage. */
.site-header .tmh-search,
.tormami-global-market-header .tmh-search{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:6px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #dfe6ee!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(16,35,65,.025)!important;
}

.site-header .tmh-search-input,
.tormami-global-market-header .tmh-search-input{
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  width:auto!important;
  flex:1 1 auto!important;
  max-width:none!important;
  height:40px!important;
  min-height:0!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#15243c!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:normal!important;
  text-indent:0!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}

.site-header .tmh-search-input::placeholder,
.tormami-global-market-header .tmh-search-input::placeholder{
  color:#9aa4b2!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:550!important;
  line-height:1.2!important;
  letter-spacing:normal!important;
  opacity:1!important;
  text-indent:0!important;
}

.site-header .tmh-search-input::-webkit-search-decoration,
.site-header .tmh-search-input::-webkit-search-cancel-button,
.tormami-global-market-header .tmh-search-input::-webkit-search-decoration,
.tormami-global-market-header .tmh-search-input::-webkit-search-cancel-button{
  -webkit-appearance:none!important;
}

.site-header .tmh-search-button,
.tormami-global-market-header .tmh-search-button{
  box-sizing:border-box!important;
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff5a0a,#ff7a2d)!important;
  color:#fff!important;
  line-height:1!important;
  box-shadow:0 7px 16px rgba(255,90,10,.25)!important;
}
.site-header .tmh-search-button svg,
.tormami-global-market-header .tmh-search-button svg{
  display:block!important;
  flex:0 0 auto!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  transform:none!important;
}

/* Header actions */
.site-header .tmh-actions,
.tormami-global-market-header .tmh-actions{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  white-space:nowrap!important;
  line-height:1!important;
}

.site-header .tmh-action-link,
.tormami-global-market-header .tmh-action-link{
  box-sizing:border-box!important;
  min-width:58px!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:5px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#112a4c!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1.1!important;
}

.site-header .tmh-sell,
.tormami-global-market-header .tmh-sell{
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff5a0a,#ff7222)!important;
  color:#fff!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(255,90,10,.23)!important;
}

/* Keep the signed-in dropdown compact without changing the homepage action spacing. */
.tormami-global-market-header [data-tormami-header-user]{
  margin:0!important;
  padding:0!important;
}
.tormami-global-market-header .tmh-user-button{
  margin:0!important;
  min-height:48px!important;
  line-height:1!important;
}

/* Location-search input is also protected from page form styles. */
.site-header .tmh-location-search input,
.tormami-global-market-header .tmh-location-search input{
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:42px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#19283e!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.site-header .tmh-location-search input::placeholder,
.tormami-global-market-header .tmh-location-search input::placeholder{
  color:#8b96a6!important;
  font-size:11px!important;
  font-weight:500!important;
  opacity:1!important;
}

/* ---------- Footer: lock to the homepage footer ---------- */
.tormami-global-footer{
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#0c1d31!important;
  color:#c9d4e2!important;
  box-shadow:none!important;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.tormami-global-footer .tmf-container{
  box-sizing:border-box!important;
  width:min(1540px,calc(100% - 64px))!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

.tormami-global-footer .tmf-cta-wrap{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:30px 0 0!important;
  border:0!important;
  background:#fff!important;
  outline:0!important;
  box-shadow:none!important;
}

.tormami-global-footer .tmf-cta{
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:28px 30px!important;
  border:0!important;
  border-radius:24px!important;
}

.tormami-global-footer .tmf-main{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:64px 0 0!important;
}

.tormami-global-footer .tmf-grid{
  margin:0 auto!important;
  padding-top:0!important;
  padding-bottom:52px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1.55fr) repeat(4,minmax(145px,.72fr))!important;
  gap:46px!important;
}

.tormami-global-footer .tmf-logo{
  margin:0 0 20px!important;
  padding:0!important;
}
.tormami-global-footer .tmf-logo img{
  display:block!important;
  width:auto!important;
  height:70px!important;
  max-width:255px!important;
  max-height:70px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.tormami-global-footer .tmf-bottom{
  margin:0 auto!important;
  padding:0!important;
  min-height:76px!important;
}

/* ---------- Responsive values copied from homepage ---------- */
@media(max-width:1200px){
  .tormami-global-footer .tmf-grid{
    grid-template-columns:1.45fr repeat(2,1fr)!important;
    gap:36px!important;
  }
  .tormami-global-footer .tmf-brand-col{grid-row:span 2!important}
  .tormami-global-footer .tmf-bottom{grid-template-columns:1fr auto!important}
}

@media(max-width:1180px){
  .site-header .tormami-market-header,
  .tormami-global-market-header .tormami-market-header{
    grid-template-columns:155px 190px minmax(280px,1fr) auto!important;
    gap:8px!important;
  }
  .site-header .tmh-logo img,
  .tormami-global-market-header .tmh-logo img{max-width:145px!important}
  .site-header .tmh-action-link,
  .tormami-global-market-header .tmh-action-link{
    min-width:48px!important;
    padding-inline:4px!important;
  }
  .site-header .tmh-sell,
  .tormami-global-market-header .tmh-sell{padding:0 13px!important}
}

@media(max-width:960px){
  .site-header .tormami-market-header,
  .tormami-global-market-header .tormami-market-header{
    min-height:124px!important;
    padding:10px 0!important;
    grid-template-columns:150px minmax(0,1fr) auto!important;
    grid-template-areas:'logo search actions' 'location location location'!important;
    gap:8px!important;
  }
  .site-header .tmh-logo,
  .tormami-global-market-header .tmh-logo{grid-area:logo!important}
  .site-header .tmh-search,
  .tormami-global-market-header .tmh-search{grid-area:search!important}
  .site-header .tmh-actions,
  .tormami-global-market-header .tmh-actions{grid-area:actions!important}
  .site-header .tmh-location-wrap,
  .tormami-global-market-header .tmh-location-wrap{
    grid-area:location!important;
    width:100%!important;
  }
  .site-header .tmh-location-button,
  .tormami-global-market-header .tmh-location-button{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:13px!important;
  }

  .tormami-global-footer .tmf-container{width:calc(100% - 32px)!important}
  .tormami-global-footer .tmf-cta{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:24px!important;
  }
  .tormami-global-footer .tmf-main{padding-top:48px!important}
  .tormami-global-footer .tmf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 24px!important;
    padding-bottom:40px!important;
  }
}

@media(max-width:700px){
  .admin-bar .site-header,
  .admin-bar .tormami-global-market-header{top:46px!important}

  .site-header .tormami-market-header,
  .tormami-global-market-header .tormami-market-header{
    width:min(100% - 22px,680px)!important;
    min-height:130px!important;
    padding:8px 0!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-areas:'logo actions' 'search search' 'location location'!important;
    gap:7px!important;
  }
  .site-header .tmh-logo img,
  .tormami-global-market-header .tmh-logo img{
    max-width:116px!important;
    max-height:40px!important;
  }
  .site-header .tmh-search,
  .tormami-global-market-header .tmh-search{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:5px!important;
    border-radius:13px!important;
  }
  .site-header .tmh-search-input,
  .tormami-global-market-header .tmh-search-input{
    height:34px!important;
    max-height:34px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
  .site-header .tmh-search-input::placeholder,
  .tormami-global-market-header .tmh-search-input::placeholder{font-size:11px!important}
  .site-header .tmh-search-button,
  .tormami-global-market-header .tmh-search-button{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:10px!important;
  }
  .site-header .tmh-search-button svg,
  .tormami-global-market-header .tmh-search-button svg{
    width:17px!important;
    height:17px!important;
  }
  .site-header .tmh-actions,
  .tormami-global-market-header .tmh-actions{gap:2px!important}
  .site-header .tmh-action-link,
  .tormami-global-market-header .tmh-action-link{
    min-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    padding:2px 4px!important;
  }
  .site-header .tmh-sell,
  .tormami-global-market-header .tmh-sell{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:11px!important;
  }
  .site-header .tmh-location-button,
  .tormami-global-market-header .tmh-location-button{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }

  .tormami-global-footer .tmf-container{width:calc(100% - 32px)!important}
}

@media(max-width:560px){
  .tormami-global-footer .tmf-container{width:calc(100% - 28px)!important}
  .tormami-global-footer .tmf-cta-wrap{padding:18px 0 0!important}
  .tormami-global-footer .tmf-cta{
    border-radius:19px!important;
    padding:21px 18px!important;
  }
  .tormami-global-footer .tmf-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .tormami-global-footer .tmf-logo img{
    height:60px!important;
    max-width:220px!important;
  }
  .tormami-global-footer .tmf-bottom{
    grid-template-columns:1fr!important;
    gap:9px!important;
    min-height:0!important;
    padding:18px 0 22px!important;
  }
}

@media(max-width:420px){
  .site-header .tmh-action-link:first-child span,
  .site-header .tmh-action-link:nth-child(2) span,
  .tormami-global-market-header .tmh-action-link:first-child span,
  .tormami-global-market-header .tmh-action-link:nth-child(2) span{
    display:none!important;
  }
  .site-header .tmh-action-link,
  .tormami-global-market-header .tmh-action-link{
    width:35px!important;
    min-width:35px!important;
  }
}
