/* JAECOO.INFO v7.1.26 — definitive mobile header, page hero and auth fixes */
:root{
  --jaecoo-header-logo-width:230px;
  --jaecoo-header-logo-height:48px;
  --jaecoo-live-header-height:72px;
  --jaecoo-inner-gap:clamp(14px,3vw,28px);
}

/* Header height follows the selected logo size instead of clipping it. */
#site-header,
#site-header .header-inner{
  height:auto!important;
  min-height:max(62px,calc(var(--jaecoo-header-logo-height) + 18px))!important;
}
#site-header .header-inner{align-items:center!important}
#site-header .brand-wrap{align-self:stretch!important;display:flex!important;align-items:center!important}
#site-header .custom-logo-wrap,
#site-header .custom-logo-link{
  width:var(--jaecoo-header-logo-width)!important;
  height:var(--jaecoo-header-logo-height)!important;
  max-width:none!important;
  max-height:none!important;
}
#site-header .custom-logo-wrap img,
#site-header .custom-logo-link img,
#site-header img.custom-logo{
  width:var(--jaecoo-header-logo-width)!important;
  height:var(--jaecoo-header-logo-height)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Service page owns its clearance. This avoids padding being lost by nested main elements. */
body.jaecoo-partner-services-page #primary.site-main{padding-top:0!important}
body.jaecoo-partner-services-page .jservice-page{
  display:block!important;
  padding-top:calc(var(--jaecoo-live-header-height) + var(--jaecoo-inner-gap))!important;
}
body.jaecoo-partner-services-page .jservice-layout{padding-top:0!important}
body.jaecoo-partner-services-page .jservice-map-head h1{
  margin-top:0!important;
  line-height:1.08!important;
  position:relative!important;
  z-index:1!important;
}

/* A consistent inner-page hero system, including legacy hero class names. */
body.page:not(.home) :is(
  .page-hero,.inner-hero,.page-header,.entry-header,
  .jlegal-hero,.legal-hero,.jic-legal-hero,
  .documents-hero,.docs-hero,.document-hero,.belgeler-hero,
  .community-rules-hero,.privacy-hero,.kvkk-hero
){
  width:min(calc(100% - 2 * var(--jaecoo-inner-gap)),1240px)!important;
  min-height:0!important;
  margin:0 auto clamp(18px,3vw,34px)!important;
  padding:clamp(24px,5vw,58px)!important;
  border-radius:clamp(18px,3vw,30px)!important;
  overflow:hidden!important;
  background-position:center!important;
  background-size:cover!important;
  box-sizing:border-box!important;
}
body.page:not(.home) :is(
  .page-hero,.inner-hero,.page-header,.entry-header,
  .jlegal-hero,.legal-hero,.jic-legal-hero,
  .documents-hero,.docs-hero,.document-hero,.belgeler-hero,
  .community-rules-hero,.privacy-hero,.kvkk-hero
) :is(h1,h2){
  max-width:900px!important;
  margin:0!important;
  font-size:clamp(30px,6vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}
body.page:not(.home) :is(
  .page-hero,.inner-hero,.page-header,.entry-header,
  .jlegal-hero,.legal-hero,.jic-legal-hero,
  .documents-hero,.docs-hero,.document-hero,.belgeler-hero,
  .community-rules-hero,.privacy-hero,.kvkk-hero
) p{
  max-width:760px!important;
  margin:14px 0 0!important;
  font-size:clamp(15px,2vw,19px)!important;
  line-height:1.55!important;
}

/* Remove inherited giant spacer blocks before the first real page component. */
body.page:not(.home):not(.page-template-page-login) #primary.site-main{
  padding-top:calc(var(--jaecoo-live-header-height) + var(--jaecoo-inner-gap))!important;
}
body.page:not(.home) #primary.site-main > :first-child{margin-top:0!important}
body.single-post #primary.site-main{
  padding-top:calc(var(--jaecoo-live-header-height) + 12px)!important;
}
body.single-post #primary.site-main > :first-child,
body.single-post article > :first-child{margin-top:0!important;padding-top:0!important}

/* Google auth container and every known Site Kit/Google wrapper fill the panel. */
html body .jaecoo-auth-panel .google-login-label{display:none!important}
html body .jaecoo-auth-panel .google-login-slot{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:14px auto 0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
}
html body .jaecoo-auth-panel .google-login-button,
html body .jaecoo-auth-panel .google-login-button > div,
html body .jaecoo-auth-panel .google-login-button > span,
html body .jaecoo-auth-panel .google-login-button iframe,
html body .jaecoo-auth-panel .google-login-button .g_id_signin,
html body .jaecoo-auth-panel .google-login-button .S9gUrf-YoZ4jf{
  display:flex!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  justify-content:center!important;
}
html body .jaecoo-auth-panel .google-login-button iframe{min-height:44px!important}

@media(max-width:760px){
  #site-header,
  #site-header .header-inner{
    min-height:max(64px,calc(min(var(--jaecoo-header-logo-height),180px) + 16px))!important;
  }
  #site-header .custom-logo-wrap,
  #site-header .custom-logo-link,
  #site-header .custom-logo-wrap img,
  #site-header .custom-logo-link img,
  #site-header img.custom-logo{
    width:min(var(--jaecoo-header-logo-width),58vw)!important;
    height:min(var(--jaecoo-header-logo-height),180px)!important;
  }
  body.jaecoo-partner-services-page .jservice-page{
    padding-top:calc(var(--jaecoo-live-header-height) + 16px)!important;
  }
  body.jaecoo-partner-services-page .jservice-layout{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.jaecoo-partner-services-page .jservice-map-card{padding-top:18px!important}
  body.page:not(.home) :is(
    .page-hero,.inner-hero,.page-header,.entry-header,
    .jlegal-hero,.legal-hero,.jic-legal-hero,
    .documents-hero,.docs-hero,.document-hero,.belgeler-hero,
    .community-rules-hero,.privacy-hero,.kvkk-hero
  ){
    width:calc(100% - 24px)!important;
    padding:24px 20px!important;
    margin-bottom:18px!important;
    border-radius:20px!important;
  }
  body.page:not(.home) :is(
    .page-hero,.inner-hero,.page-header,.entry-header,
    .jlegal-hero,.legal-hero,.jic-legal-hero,
    .documents-hero,.docs-hero,.document-hero,.belgeler-hero,
    .community-rules-hero,.privacy-hero,.kvkk-hero
  ) :is(h1,h2){font-size:clamp(30px,10vw,44px)!important}
}