/* Circlique Discovery presentation layer v1
 * Extracted from index.html without changing search, matching, privacy, or premium behavior.
 */

/* compactDiscoveryFiltersV2 */
#discoverView .compactDiscoveryV2{padding:12px!important}
.discoverHeaderV2{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}
.discoverHeaderV2>div{min-width:0}.discoverKickerV2{color:#d982df;font-size:9px;font-weight:900;letter-spacing:1.3px;line-height:1;margin-bottom:3px}
.discoverHeaderV2 b{display:block;font-size:17px;line-height:1.12}.discoverHeaderV2 .badge{font-size:8px;padding:4px 6px;white-space:nowrap}
#discoverView .compactDiscoveryV2 .discoverSectionLabelV2{margin:9px 0 4px!important;font-size:9px!important;line-height:1!important}
.discoverTypePillsV2{display:flex;gap:5px;flex-wrap:wrap}
.discoverTypePillsV2 button{min-height:38px;border:1px solid #4b3454;border-radius:999px;background:#130d17;color:#bdb0c1;padding:6px 10px;font-size:11px;font-weight:850;flex:1 1 auto}
.discoverTypePillsV2 button.on{color:#fff;border-color:#c250d0;background:linear-gradient(135deg,#482052,#722a7c);box-shadow:0 0 0 1px #d767df33 inset}
.discoverNativeTypeV2{display:none!important}
.discoverAgeRowV2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#discoverView .compactDiscoveryV2 input:not([type="checkbox"]),#discoverView .compactDiscoveryV2 select{height:46px!important;min-height:46px!important;padding:7px 10px!important;border-radius:11px!important;font-size:13px!important}
.discoverMoreFiltersV2{margin-top:10px!important}.discoverMoreFiltersV2>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 11px!important;border:1px solid #4a3153;border-radius:11px;background:#120c16;color:#e4c2e9;font-size:11px;font-weight:900;letter-spacing:.5px}.discoverMoreFiltersV2>summary::-webkit-details-marker{display:none}.discoverMoreFiltersV2[open]>summary{border-color:#9b4baa}.discoverMoreFiltersV2[open] .discoverMorePlusV2{transform:rotate(45deg)}.discoverMorePlusV2{font-size:19px;line-height:1;transition:transform .15s}
.discoverMoreBodyV2{padding:5px 2px 0}.discoverMoreBodyV2 .grid2{grid-template-columns:1fr 1fr!important;gap:7px!important}
#discoverView .compactDiscoveryV2 .discoverMoreBodyV2 label{margin:7px 0 4px!important;font-size:9px!important}
.discoverVerifiedV2{display:flex!important;align-items:center;gap:8px;min-height:38px;margin:6px 0 2px!important;padding:2px!important;text-transform:none!important;letter-spacing:0!important;color:#f1e8f2!important;font-size:12px!important}
.discoverVerifiedV2 input{width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;accent-color:#b84dcb}
.discoverAdvancedV2{margin-top:4px!important}.discoverAdvancedV2>summary{min-height:40px;padding:8px 9px!important;border-radius:10px;font-size:11px}.discoverHelpV2{margin:0 0 4px!important;font-size:10px!important;line-height:1.25}
#discoverView .compactDiscoveryV2 .pills{gap:4px!important}#discoverView .compactDiscoveryV2 .pill{min-height:37px!important;padding:6px 9px!important;font-size:10px!important}
#discoverView .compactDiscoveryV2 .filterSummary{margin:5px 0 0!important;padding:6px 8px!important;font-size:9px!important;line-height:1.25}.compactDiscoveryV2 .filterSummary:empty{display:none!important}
.discoverActionsV2{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;margin-top:7px}.discoverClearV2{min-height:46px;padding:8px 10px!important}.discoverShowV2{height:48px!important;min-height:48px!important;margin:0!important;padding:8px 12px!important;text-transform:uppercase}
@media(min-width:760px){#discoverView .compactDiscoveryV2{padding:14px 16px!important}.discoverTypePillsV2{max-width:650px}.discoverAgeRowV2{max-width:430px}.compactDiscoveryV2>#discoverDistance{max-width:430px}.discoverMoreBodyV2{max-width:760px}}
@media(max-width:390px){.discoverTypePillsV2 button{padding-inline:8px;font-size:10px}.discoverHeaderV2 b{font-size:16px}.discoverHeaderV2 .badge{font-size:7px}}

/* basicSearchNativeGateV8 */
.discoveryNativeToggleV8{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#basicSearchPanelShellV6{display:none!important;contain:layout paint style}
#basicSearchNativeV8:checked ~ #basicSearchPanelShellV6,
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6{display:block!important}
#basicSearchNativeV8:checked ~ #basicSearchPanelShellV6 > #basicSearchPanelV4,
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6 > #basicSearchPanelV4{display:block!important}
#basicSearchNativeV8:checked ~ .discoverySearchButtonsV4 label[for="basicSearchNativeV8"],
#advancedSearchNativeV8:checked ~ .discoverySearchButtonsV4 label[for="advancedSearchNativeV8"]{border-color:#a04aae;background:linear-gradient(135deg,#33163c,#4b1d55);color:#fff}
#basicSearchNativeV8:checked ~ .discoverySearchButtonsV4 label[for="basicSearchNativeV8"] .discoverySearchArrowV4{transform:rotate(180deg)}
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6 #discoverMoreFiltersV2 > .discoverMoreBodyV2,
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6 .discoverAdvancedV2 > *{display:block!important}
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6 #discoverMoreFiltersV2 > summary,
#advancedSearchNativeV8:checked ~ #basicSearchPanelShellV6 .discoverAdvancedV2 > summary{display:none!important}

/* discoveryCompactCorrectionV3 */
#discoverView .compactDiscoveryV2{
  padding:10px 12px!important;
}
#discoverView .compactDiscoveryV2 .discoverHeaderV2{
  margin:0 0 7px!important;
  min-height:0!important;
}
#discoverView .compactDiscoveryV2 .discoverKickerV2{
  margin:0 0 3px!important;
  font-size:9px!important;
  line-height:1!important;
}
#discoverView .compactDiscoveryV2 .discoverHeaderV2 b{
  font-size:16px!important;
  line-height:1.08!important;
}
#discoverView .compactDiscoveryV2 .discoverHeaderV2 .badge{
  align-self:flex-start;
  margin:0!important;
  padding:3px 6px!important;
  font-size:7px!important;
  line-height:1.1!important;
}
#discoverView .compactDiscoveryV2 .discoverSectionLabelV2{
  display:block!important;
  margin:12px 0 5px!important;
  font-size:9px!important;
  line-height:1!important;
}
#discoverView .compactDiscoveryV2 .discoverTypePillsV2{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
}
#discoverView .compactDiscoveryV2 .discoverTypePillsV2 button{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:5px 2px!important;
  font-size:9px!important;
  line-height:1!important;
}
#discoverView .compactDiscoveryV2 .discoverAgeRowV2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
}
#discoverView .compactDiscoveryV2 .discoverAgeRowV2 > input,
#discoverView .compactDiscoveryV2 > #discoverDistance,
#discoverView .compactDiscoveryV2 .discoverMoreBodyV2 select{
  box-sizing:border-box!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:6px 10px!important;
  font-size:13px!important;
  line-height:1.1!important;
}
#discoverView .compactDiscoveryV2 .discoverMoreFiltersV2{
  margin:12px 0 0!important;
}
#discoverView .compactDiscoveryV2 .discoverMoreFiltersV2 > summary{
  box-sizing:border-box!important;
  height:44px!important;
  min-height:44px!important;
  padding:6px 11px!important;
}
#discoverView .compactDiscoveryV2 .discoverMoreFiltersV2:not([open]) > .discoverMoreBodyV2{
  display:none!important;
}
#discoverView .compactDiscoveryV2 .discoverMoreBodyV2{
  padding:1px 1px 0!important;
}
#discoverView .compactDiscoveryV2 .discoverMoreBodyV2 > .discoverSectionLabelV2{
  margin-top:12px!important;
}
#discoverView .compactDiscoveryV2 .discoverVerifiedV2{
  box-sizing:border-box!important;
  min-height:34px!important;
  margin:10px 0 2px!important;
  padding:2px!important;
}
#discoverView .compactDiscoveryV2 .discoverAdvancedV2{
  margin:8px 0 0!important;
}
#discoverView .compactDiscoveryV2 .discoverAdvancedV2 > summary{
  min-height:40px!important;
  padding:7px 9px!important;
}
#discoverView .compactDiscoveryV2 .discoverActionsV2{
  margin:8px 0 0!important;
}
#discoverView .compactDiscoveryV2 .discoverShowV2{
  height:46px!important;
  min-height:46px!important;
}
@media(max-width:600px){
  #discoverView .compactDiscoveryV2{
    max-height:none!important;
  }
}

/* collapsibleBasicSearchV4 */
.discoverySearchButtonsV4{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
  margin:10px 0 8px;
}
.discoverySearchButtonV4{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  box-sizing:border-box;
  width:100%;
  min-height:46px;
  margin:0;
  padding:9px 12px;
  border:1px solid #57335f;
  border-radius:13px;
  background:linear-gradient(145deg,#17101c,#100b14);
  color:#e7caeb;
  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:.55px;
  cursor:pointer;
}
.discoverySearchButtonV4:hover,
.discoverySearchButtonV4.open{
  border-color:#a04aae;
  background:linear-gradient(135deg,#33163c,#4b1d55);
  color:#fff;
}
.discoverySearchArrowV4{font-size:12px;color:#d76de2;line-height:1}
#discoverView .basicSearchPanelV4{
  margin-top:8px!important;
}
#discoverView .basicSearchPanelV4.hidden,
#discoverView .basicSearchPanelV4[aria-hidden="true"]{
  display:none!important;
}
@media(max-width:370px){
  .discoverySearchButtonsV4{gap:6px}
  .discoverySearchButtonV4{padding-inline:9px;font-size:9px}
}

/* Keep every Discover quick filter visible in two rows on phones. */
@media(max-width:600px){
 #discoverView .luxuryDiscoverChips270{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;overflow:visible!important;white-space:normal!important;
 }
 #discoverView .luxuryDiscoverChips270 .luxuryChip270{
  grid-column:span 2;min-width:0!important;width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;min-height:44px;padding:8px 5px!important;
  font-size:13px!important;white-space:normal!important;line-height:1.25!important;
 }
 #discoverView .luxuryDiscoverChips270 .luxuryChip270:nth-child(n+4){grid-column:span 3}
}