/* Travel S Helper — Turkey Places V16
   Fixes reported from Pop 1 / pop 2 / pop 3 / pop 5 screenshots.
   No Galata editorial redesign. */

/* ---------- GALATA INTRODUCTION + VISITOR RAIL ---------- */

/* V8's padding shorthand removed the base .container inline padding.
   Restore a controlled page gutter at every width and reduce the hard 70px gap. */
.tsh-place-v16 .content-grid.container{
  width:100%;
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
  padding:72px 24px 36px;
  grid-template-columns:minmax(0,1fr) 352px;
  column-gap:42px;
  row-gap:0;
  align-items:start;
}

/* Let the prose use the actual grid track rather than creating a second
   invisible 800px width constraint inside it. */
.tsh-place-v16 .v8-intro .galata-intro-copy{
  width:100%;
  max-width:none;
}
.tsh-place-v16 .v8-intro,
.tsh-place-v16 .maincol{
  min-width:0;
  width:100%;
}
.tsh-place-v16 .v8-visit-rail{
  width:100%;
  min-width:0;
  max-width:352px;
  justify-self:end;
}

/* At the established responsive breakpoint, stack cleanly rather than
   squeezing a narrow prose column beside a fixed visitor rail. */
@media(max-width:1080px){
  .tsh-place-v16 .content-grid.container{
    max-width:860px;
    padding:56px 24px 24px;
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:48px;
  }
  .tsh-place-v16 .v8-visit-rail{
    width:100%;
    max-width:640px;
    justify-self:start;
  }
}

@media(max-width:720px){
  .tsh-place-v16 .content-grid.container{
    width:100%;
    max-width:none;
    padding:44px 18px 18px;
    row-gap:42px;
  }
  .tsh-place-v16 .v8-visit-rail{
    max-width:none;
  }
}

/* ---------- TURKEY LOCAL HEADER DISTRIBUTION ---------- */

/* Match the main Astro header's 1280px desktop content span instead of letting
   brand + search + links bunch together at the left. */
.tsh-v16-shell .site-header .header-row{
  width:min(1280px,calc(100% - 56px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  display:grid;
  grid-template-columns:auto minmax(270px,350px) minmax(0,1fr);
  align-items:center;
  gap:clamp(22px,2.1vw,36px);
}

.tsh-v16-shell .site-header .brand{
  justify-self:start;
}

.tsh-v16-shell .site-header .head-search{
  width:100%;
  max-width:none;
  margin:0;
}

.tsh-v16-shell .site-header .tsh-directory-nav-links{
  width:100%;
  min-width:0;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(10px,1.25vw,22px);
}

.tsh-v16-shell .site-header .tsh-directory-nav-links a{
  padding-left:4px;
  padding-right:4px;
  white-space:nowrap;
}

.tsh-v16-shell .site-header .mobile-menu-btn{
  justify-self:end;
}

/* When the link row disappears, use brand + search + Menu as the three tracks. */
@media(max-width:1080px){
  .tsh-v16-shell .site-header .header-row{
    width:calc(100% - 40px);
    grid-template-columns:auto minmax(220px,1fr) auto;
    gap:16px;
  }
  .tsh-v16-shell .site-header .tsh-directory-nav-links{
    display:none!important;
  }
  .tsh-v16-shell .site-header .mobile-menu-btn{
    display:block!important;
  }
}

/* On phones the local search is intentionally absent; brand and Menu use the row. */
@media(max-width:720px){
  .tsh-v16-shell .site-header .header-row{
    width:calc(100% - 32px);
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
  .tsh-v16-shell .site-header .head-search{
    display:none!important;
  }
  .tsh-v16-shell .site-header .brand{
    min-width:0;
  }
  .tsh-v16-shell .site-header .mobile-menu-btn{
    display:block!important;
  }
}

/* Local search polish — keep its own directory search visually stable. */
.tsh-v16-shell .site-header .head-search input{
  width:100%;
  min-width:0;
  height:36px;
  padding:7px 34px 7px 35px;
  border-radius:10px;
}
.tsh-v16-shell .site-header .search-results{
  top:42px;
}

/* ---------- GLOBAL ASTRO SEARCH SAFETY ---------- */

/* The comprehensive original CSS now owns the search UI.
   These only prevent unrelated Turkey generic input/button rules from winning. */
.tsh-v16-shell #tsh-site-header .tsh-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  width:100%;
}
.tsh-v16-shell #tsh-site-header .tsh-search-form input{
  width:100%;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.tsh-v16-shell #tsh-site-header .tsh-search-form button{
  border:0;
  border-radius:0;
}
.tsh-v16-shell #tsh-site-header .tsh-mobile-search-form input{
  min-width:0;
  width:100%;
}