
/* Haitian Corner PWA Discover light theme */
#discover.hc-native-discover-v3{
  --bg:#edf3fb;
  --panel:#fff;
  --panel2:#f4f7fc;
  --text:#172033;
  --muted:#718095;
  --pink:#d4181c;
  --purple:#0866ff;
  --blue:#0866ff;
  --discover-bg:#edf3fb;
  --discover-text:#172033;
  background:#edf3fb !important;
  color:#172033 !important;
  color-scheme:light;
}
#discover .d3-shell,
#discover .d3-main{
  background:#edf3fb !important;
  color:#172033 !important;
}
#discover .d3-header{
  background:transparent !important;
  color:#172033 !important;
}
#discover .d3-title-row h1{color:#172033 !important}
#discover .d3-likes-btn{
  background:#d4181c !important;
  color:#fff !important;
}
#discover .d3-top-btn,
#discover .d3-square-btn,
#discover .d3-header-tutorial{
  background:#fff !important;
  color:#003f87 !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 3px 10px rgba(20,45,80,.05);
}
#discover .d3-top-btn.primary{
  background:#0866ff !important;
  color:#fff !important;
  border-color:#0866ff !important;
}
#discover .d3-like-quota,
#discover .d3-progress-wrap strong{color:#003f87 !important}
#discover .d3-progress-track{background:#dce5f1 !important}
#discover .d3-progress-bar{background:#0866ff !important}
#discover .d3-card{
  background:#fff !important;
  border:1px solid #dce5f1 !important;
  border-radius:26px !important;
  box-shadow:0 12px 30px rgba(20,45,80,.13) !important;
}
#discover .d3-photo{
  background:#e4edf8 !important;
  object-position:center top !important;
}
#discover .d3-info{
  background:#fff !important;
  color:#172033 !important;
  border-radius:0 !important;
}
#discover .d3-name,
#discover .d3-age,
#discover .d3-detail,
#discover .d3-detail span{color:#172033 !important}
#discover .d3-detail i{color:#0866ff !important}
#discover .d3-badge,
#discover .d3-badge.verified{
  background:#eaf2ff !important;
  color:#003f87 !important;
}
#discover .d3-verify-dot{background:#0866ff !important;color:#fff !important}
#discover .d3-action-btn{
  background:#fff !important;
  color:#003f87 !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 5px 15px rgba(20,45,80,.12) !important;
}
#discover .d3-action-btn.like{
  background:#d4181c !important;
  border-color:#d4181c !important;
  color:#fff !important;
}
#discover .d3-action-btn.like i{color:#fff !important}
#discover .d3-action-btn.super,
#discover .d3-action-btn.super i{
  color:#0866ff !important;
}
#discover .d3-action-btn.rewind{color:#003f87 !important}
#discover .d3-action-btn:disabled{opacity:.45}
#discover .d3-photo-dot.active{background:#fff !important}
#discover .d3-empty,
#discover .d3-loading{color:#172033 !important}
#discover .d3-empty p{color:#718095 !important}
#discover .d3-empty button{background:#0866ff !important;color:#fff !important}
#discover .d3-spinner{
  border-color:#dce5f1 !important;
  border-top-color:#0866ff !important;
}
#discover .discover-global-nav,
#discover .d3-nav{
  background:#fff !important;
  border-top:1px solid #dce5f1 !important;
  box-shadow:0 -4px 18px rgba(20,45,80,.07) !important;
}
#discover .discover-global-nav button,
#discover .d3-nav button{color:#718095 !important}
#discover .discover-global-nav button.active,
#discover .d3-nav button.active{color:#0866ff !important}
#discover .d3-nav .active i{background:#eaf2ff !important}
#discover .d3-sheet{
  background:#fff !important;
  color:#172033 !important;
  box-shadow:0 -12px 40px rgba(20,45,80,.16) !important;
}
#discover .d3-sheet-handle{background:#dce5f1 !important}
#discover .d3-sheet>button{
  color:#172033 !important;
  border-color:#e5ebf3 !important;
}
#discover .d3-sheet>button i{
  background:#eaf2ff !important;
  color:#0866ff !important;
}
#discover .d3-sheet small,
#discover .d3-profile-sheet-head p{color:#718095 !important}
#discover .d3-sheet-head button{color:#0866ff !important}
#discover .d3-filter-sheet label{color:#52637c !important}
#discover .d3-filter-sheet input[type=number],
#discover .d3-filter-sheet select{
  background:#f4f7fc !important;
  color:#172033 !important;
  border:1px solid #dce5f1 !important;
}
#discover input[type=checkbox]{accent-color:#0866ff}
#discover .d3-sheet .d3-apply{
  background:#0866ff !important;
  color:#fff !important;
}
#discover .d3pv-sheet,
#discover .d3pv-body{
  background:#fff !important;
  color:#172033 !important;
}
#discover .d3pv-body h3{color:#172033 !important}
#discover .d3pv-bio,
#discover .d3pv-meta{color:#52637c !important}
#discover .d3pv-chip{
  background:#eaf2ff !important;
  border-color:#dce5f1 !important;
  color:#003f87 !important;
}
#discover .d3-toast{
  background:#172033 !important;
  color:#fff !important;
  border-color:#172033 !important;
}

/* HC EXPLORE LIGHT THEME */
#explore.hc-native-discover-v3,
#explore .ex2-shell{
  background:#edf3fb !important;
  color:#172033 !important;
  color-scheme:light;
}
#explore{
  --text:#172033;
  --muted:#718095;
  --line:#dce5f1;
}
#explore .ex2-brand,
#explore .ex2-hero h1{color:#172033 !important}
#explore .ex2-hero p{color:#718095 !important}
#explore .ex2-round-btn,
#explore .ex2-community-feed-top button{
  background:#fff !important;
  color:#003f87 !important;
  border:1px solid #dce5f1 !important;
}
#explore .ex2-card{
  background:#fff !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 8px 22px rgba(20,45,80,.10) !important;
}
#explore .ex2-overlay{
  background:linear-gradient(
    to bottom,
    transparent 0%,
    rgba(255,255,255,.15) 30%,
    rgba(255,255,255,.95) 53%,
    #fff 70%
  ) !important;
}
#explore .ex2-content h2{color:#172033 !important}
#explore .ex2-content p{color:#52637c !important}
#explore .ex2-content strong{color:#003f87 !important}
#explore .ex2-badge,
#explore .ex2-badge.blue{
  background:#0866ff !important;
  color:#fff !important;
}
#explore .ex2-badge.pink{
  background:#d4181c !important;
  color:#fff !important;
}
#explore .ex2-icon,
#explore .ex2-icon.blue,
#explore .ex2-arrow,
#explore .ex2-arrow.blue{
  background:#0866ff !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(8,102,255,.18) !important;
}
#explore .ex2-icon.pink,
#explore .ex2-arrow.pink{
  background:#d4181c !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(212,24,28,.15) !important;
}
#explore .ex2-member-total,
#explore .ex2-live-count{color:#52637c !important}
#explore .ex2-online-now{color:#168348 !important}
#explore .ex2-mini-avatar{
  background:#eaf2ff !important;
  box-shadow:0 2px 7px rgba(20,45,80,.12) !important;
}
#explore .ex2-community{
  background:#fff !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 5px 16px rgba(20,45,80,.06);
}
#explore .ex2-community h3{color:#172033 !important}
#explore .ex2-community p{color:#718095 !important}
#explore .ex2-community button{
  background:#0866ff !important;
  color:#fff !important;
}
#explore .discover-global-nav,
#explore .ex2-nav{
  background:#fff !important;
  border-top:1px solid #dce5f1 !important;
  box-shadow:0 -4px 18px rgba(20,45,80,.07) !important;
}
#explore .discover-global-nav button,
#explore .ex2-nav button{color:#718095 !important}
#explore .discover-global-nav button.active,
#explore .ex2-nav button.active{color:#0866ff !important}
#explore .ex2-nav .active i{
  background:#eaf2ff !important;
  color:#0866ff !important;
}
#explore .ex2-search-panel{
  background:#edf3fb !important;
  color:#172033 !important;
}
#explore .ex2-search-row input{
  min-width:0;
  background:#fff !important;
  color:#172033 !important;
  border:1px solid #dce5f1 !important;
}
#explore .ex2-search-row input::placeholder{color:#718095 !important}
#explore .ex2-search-row button{color:#0866ff !important}
#explore .ex2-result{border-color:#dce5f1 !important}
#explore .ex2-result span{color:#52637c !important}
#explore .ex2-toast{
  background:#172033 !important;
  color:#fff !important;
  border-color:#172033 !important;
}

/* HC PWA CONNECTION VIEWS LIGHT */
#likes.hc-native-discover-v3,
#likes .lh-shell{
  background:#edf3fb !important;
  color:#172033 !important;
  --muted:#718095;
  --purple:#0866ff;
  --pink:#d4181c;
  color-scheme:light;
}
#likes .lh-header h1{color:#172033 !important}
#likes .lh-feed,
#likes .lh-swipe,
#likes .lh-tabs button{
  background:#fff !important;
  color:#52637c !important;
  border:1px solid #dce5f1 !important;
}
#likes .lh-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
#likes .lh-tabs button.active{
  background:#0866ff !important;
  color:#fff !important;
  border-color:#0866ff !important;
}
#likes .lh-card{
  background:#fff !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 6px 18px rgba(20,45,80,.09) !important;
}
#likes .lh-card img,
#likes .lh-locked-photo{background:#e4edf8 !important}
#likes .lh-card-info strong,
#likes .lh-locked-info > strong{color:#172033 !important}
#likes .lh-card-info span{color:#718095 !important}
#likes .lh-view,
#likes .lh-premium-note{
  background:#eaf2ff !important;
  color:#003f87 !important;
}
#likes .lh-message{
  background:#0866ff !important;
  color:#fff !important;
}
#likes .lh-loading,
#likes .lh-empty{color:#718095 !important}
#likes .lh-empty h2{color:#172033 !important}
#likes .lh-empty i{color:#0866ff !important}
#likes .lh-empty .fa-user-group{
  color:#fff !important;
  box-shadow:0 8px 22px rgba(20,45,80,.12) !important;
}
#likes .lh-loading span{
  border-color:#dce5f1 !important;
  border-top-color:#0866ff !important;
}
#likes .lh-invite-badge,
#likes .lh-regular-like-badge{
  background:#d4181c !important;
  color:#fff !important;
  border-color:#d4181c !important;
}
#likes .lh-card.lh-card-super{
  border:2px solid #ffc51b !important;
  box-shadow:0 6px 18px rgba(20,45,80,.09),
             0 0 0 1px rgba(255,197,27,.2) !important;
}
#likes .discover-global-nav,
#likes .discover-nav{
  background:#fff !important;
  border-top:1px solid #dce5f1 !important;
  box-shadow:0 -4px 18px rgba(20,45,80,.07) !important;
}
#likes .discover-global-nav button,
#likes .discover-nav button{color:#718095 !important}
#likes .discover-global-nav button.active,
#likes .discover-nav button.active{color:#0866ff !important}

#discover #d3LikeQuota{
  background:#eaf2ff !important;
  border:1px solid #d3e3fa !important;
  color:#003f87 !important;
  box-shadow:none !important;
}
#discover #d3LikeQuota i{color:#d4181c !important}

#d3ProfileViewSheet .d3pv-sheet,
#d3ProfileViewSheet .d3pv-body{
  background:#fff !important;
  color:#172033 !important;
  color-scheme:light;
}
#d3ProfileViewSheet .d3pv-photo-fade{
  background:linear-gradient(
    to top,#fff 6%,rgba(255,255,255,.78) 44%,transparent 100%
  ) !important;
}
#d3ProfileViewSheet .d3pv-name,
#d3ProfileViewSheet .d3pv-age{color:#172033 !important}
#d3ProfileViewSheet .d3pv-section h3{color:#003f87 !important}
#d3ProfileViewSheet .d3pv-bio,
#d3ProfileViewSheet .d3pv-meta-row,
#d3ProfileViewSheet .d3pv-meta-row span{color:#52637c !important}
#d3ProfileViewSheet .d3pv-meta-row i{color:#0866ff !important}
#d3ProfileViewSheet .d3pv-chip{
  background:#eaf2ff !important;
  border:1px solid #d3e3fa !important;
  color:#003f87 !important;
}
#d3ProfileViewSheet .d3pv-close{
  background:rgba(255,255,255,.95) !important;
  color:#003f87 !important;
  border:1px solid #dce5f1 !important;
  box-shadow:0 4px 14px rgba(20,45,80,.15);
}

/* HC PWA CARD NAV GAP */
#discover .d3-stage{
  height:calc(100dvh - 281px - env(safe-area-inset-bottom)) !important;
  min-height:374px !important;
}
@media(max-height:760px){
  #discover .d3-stage{
    height:calc(100dvh - 261px - env(safe-area-inset-bottom)) !important;
    min-height:334px !important;
  }
}
