/* ClubPass365 v1.0.169 — Moderately sized homepage search + quick discovery controls.
 * Loaded AFTER frontend.css, theme-day-night.css and home-night-layout.css.
 * Does not change the hero image, headline, backend search, or other pages.
 */

/* Day theme: a restrained search bar with the existing warm brand treatment. */
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search {
  width:min(850px,calc(100% - 48px))!important;
  height:60px!important;
  min-height:60px!important;
  max-width:850px!important;
  left:50%!important;
  right:auto!important;
  bottom:15%!important;
  transform:translateX(-50%)!important;
  grid-template-columns:48px minmax(0,1fr) 138px!important;
  padding:5px!important;
  border-radius:999px!important;
}
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search svg {width:19px!important;height:19px!important}
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search input[type="search"] {font-size:16px!important;padding:0 8px!important;min-width:0!important}
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search button {font-size:13px!important;padding:0 12px!important;margin:0!important;height:50px!important;min-width:0!important}

/* Original day-time discovery choices stay accessible; only their size shrinks. */
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-hero-chips {gap:7px!important}
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-hero-chips a {
  min-height:44px!important;
  height:44px!important;
  padding:7px 10px!important;
  font-size:11.5px!important;
  gap:6px!important;
}
html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-hero-chips a b svg {width:18px!important;height:18px!important}

/* Night theme: keep the established indigo / blue / purple colours and center
 * a smaller search row underneath the hero copy, above the three shortcuts. */
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search {
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:21.8%!important;
  transform:translateX(-50%)!important;
  width:min(900px,calc(100% - 56px))!important;
  max-width:900px!important;
  height:60px!important;
  min-height:60px!important;
  padding:5px 7px!important;
  grid-template-columns:42px minmax(0,1fr) 48px!important;
  border-radius:999px!important;
}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search>span {display:grid!important;place-items:center!important}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search svg {width:20px!important;height:20px!important}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search input[type="search"] {
  font-size:16px!important;
  padding:0 7px!important;
  min-width:0!important;
}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search button {
  height:48px!important;
  max-height:48px!important;
  width:48px!important;
  min-width:48px!important;
  padding:0!important;
  margin:0!important;
}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search button b {font-size:26px!important}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips {
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:10%!important;
  transform:translateX(-50%)!important;
  width:min(900px,calc(100% - 56px))!important;
  max-width:900px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips a {
  height:46px!important;
  min-height:46px!important;
  padding:8px 12px!important;
  gap:8px!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips a b svg {width:20px!important;height:20px!important}

/* Tablets / landscape: preserve full controls and avoid copy overlap. */
@media (min-width:821px) and (max-width:1100px) {
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search {
    width:min(760px,calc(100% - 52px))!important;
  }
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips {
    width:min(760px,calc(100% - 52px))!important;
  }
}

/* Mobile: respect one-handed use (at least 44px tappable actions).  The night
 * mode shortcut row can scroll horizontally, rather than covering the hero. */
@media (max-width:820px) {
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search,
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 24px)!important;
    max-width:600px!important;
    height:56px!important;
    min-height:56px!important;
    margin:-12px auto 0!important;
    padding:4px 6px!important;
    grid-template-columns:32px minmax(0,1fr) 44px!important;
    border-radius:18px!important;
  }
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search button,
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search button {
    grid-column:auto!important;
    height:46px!important;
    min-height:46px!important;
    width:46px!important;
    min-width:46px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
  }
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search .cp365-search-label {display:none!important}
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-banner-search input[type="search"],
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search input[type="search"] {
    font-size:16px!important;
    min-width:0!important;
    height:46px!important;
  }
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-hero-chips,
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 24px)!important;
    max-width:600px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    margin:10px auto 0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 6px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cp365-home-v1093 .cp365-home-hero-chips::-webkit-scrollbar {display:none}
  html[data-cp365-theme="light"] .cp365-home-v1093 .cp365-home-hero-chips a,
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips a,
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-hero-chips>a:nth-child(-n+3) {
    flex:0 0 auto!important;
    width:auto!important;
    height:46px!important;
    min-height:46px!important;
    padding:7px 13px!important;
    font-size:14px!important;
  }
  html[data-cp365-theme="dark"] .cp365-home-v1093 .cp365-home-banner-search button b {font-size:25px!important}
}