/*
SUNDUQ v9.4.5 - final dark surface guard.
Keeps old light section CSS from making unreadable white cards on the dark site.
*/

:root{
  --sd-bg:#06111b;
  --sd-surface:#0d1f30;
  --sd-surface-2:#10283b;
  --sd-surface-3:#132f46;
  --sd-line:rgba(255,255,255,.12);
  --sd-line-strong:rgba(255,255,255,.2);
  --sd-text:#f4f8ff;
  --sd-muted:#b8c6d6;
  --sd-soft:#8fa4bb;
  --sd-accent:#60a5fa;
  --sd-green:#22c55e;
  --sd-pink:#f0184f;
}

body{
  background:
    radial-gradient(circle at 16% 0%, rgba(96,165,250,.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(240,24,79,.12), transparent 30%),
    var(--sd-bg)!important;
  color:var(--sd-text)!important;
}

.marketSide,
.marketForm,
.marketCard,
.marketFull,
.sellerBox,
.ridesSide,
.rideForm,
.rideCard,
.rideFull,
.rideBox,
.eventsSide,
.eventForm,
.eventCard,
.eventFull,
.eventSideBox,
.musicSide,
.musicForm,
.trackCard,
.trackFull,
.musicPlayer,
.datingSide,
.datingCard,
.datingFull,
.infoBox,
.tourismSide,
.tourismForm,
.tourismCard,
.tourismFull,
.tourismBox,
.directorySide,
.directoryForm,
.directoryCard,
.directoryFull,
.directoryBox,
.jobsSide,
.jobForm,
.jobCard,
.resumeCard,
.jobFull,
.jobBox,
.realtySide,
.realtyForm,
.realtyCard,
.realtyFull,
.realtyBox,
.socialSide,
.socialCard,
.personCard,
.meetupCard,
.communityForm,
.communityCard,
.communityHero,
.communityPostForm,
.communityPost,
.communitySideBox,
.videoForm,
.videoCard,
.videoFull,
.authorBox,
.searchBox,
.resultGroup,
.resultItem,
.emptySearch,
.systemCard,
.profileHero,
.profileCard,
.roadmapItem,
.badgesBlock,
.badgeItem,
.achievement,
.achievementItem,
.sideCard,
.sideBox,
.mainNow,
.feedBox,
.feedList,
.feedPanel,
.topicFeed,
.pinnedTopics,
.pulseBar,
.feedLoader,
.post,
.rightCard,
.topicRow,
.topicCard,
.topicFull,
.topicComment,
.modalBox,
.messengerShell,
.dialogsPane,
.chatPane,
.chatHeader,
.messagesList,
.messageBubble,
.mapPanel,
.mapCanvasWrap,
.mapPopup,
.mapHint,
.badgeCard,
.achievementCard,
.activityItem,
.activityCard{
  background:linear-gradient(180deg,var(--sd-surface-2),var(--sd-surface))!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26)!important;
}

.marketPhoto,
.marketFullPhoto,
.calendarMini,
.eventDateBox,
.eventSideBox,
.rideDate,
.rideBox,
.tourismBox,
.directoryBox,
.jobBox,
.realtyBox,
.sellerBox,
.authorBox,
.infoBox,
.participantAvatar,
.sellerAvatar,
.directoryIcon,
.directoryFullIcon,
.rideIcon,
.communityAvatar,
.communityHeroAvatar,
.profileAvatar,
.resultIcon,
.dialogAvatar,
.searchUserAvatar,
.playerCover,
.mapPointIcon,
.messageRow.mine .messageBubble{
  background:rgba(255,255,255,.06)!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
}

[style*="background:white"],
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background:rgb(255"],
[style*="background: rgb(255"],
[style*="background-color:rgb(255"],
[style*="background-color: rgb(255"]{
  background:linear-gradient(180deg,var(--sd-surface-2),var(--sd-surface))!important;
  border-color:var(--sd-line)!important;
  color:var(--sd-text)!important;
}

.marketCard h1,.marketCard h2,.marketCard h3,
.marketFull h1,.marketFull h2,.marketFull h3,
.rideCard h1,.rideCard h2,.rideCard h3,
.rideFull h1,.rideFull h2,.rideFull h3,
.eventCard h1,.eventCard h2,.eventCard h3,
.eventFull h1,.eventFull h2,.eventFull h3,
.trackCard h1,.trackCard h2,.trackCard h3,
.trackFull h1,.trackFull h2,.trackFull h3,
.datingCard h1,.datingCard h2,.datingCard h3,
.datingFull h1,.datingFull h2,.datingFull h3,
.tourismCard h1,.tourismCard h2,.tourismCard h3,
.tourismFull h1,.tourismFull h2,.tourismFull h3,
.directoryCard h1,.directoryCard h2,.directoryCard h3,
.directoryFull h1,.directoryFull h2,.directoryFull h3,
.jobCard h1,.jobCard h2,.jobCard h3,
.resumeCard h1,.resumeCard h2,.resumeCard h3,
.jobFull h1,.jobFull h2,.jobFull h3,
.realtyCard h1,.realtyCard h2,.realtyCard h3,
.realtyFull h1,.realtyFull h2,.realtyFull h3,
.socialCard h1,.socialCard h2,.socialCard h3,
.personCard h1,.personCard h2,.personCard h3,
.communityCard h1,.communityCard h2,.communityCard h3,
.communityHero h1,.communityHero h2,.communityHero h3,
.videoCard h1,.videoCard h2,.videoCard h3,
.videoFull h1,.videoFull h2,.videoFull h3,
.directoryCard b,
.resultItem b,
.topicRow b,
.card h1,.card h2,.card h3{
  color:var(--sd-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}

.badgeItem b,
.achievement b,
.achievementItem b{
  color:var(--sd-text)!important;
  opacity:1!important;
}

.marketCard p,.marketFull p,
.rideCard p,.rideFull p,
.eventCard p,.eventFull p,
.trackCard p,.trackFull p,
.datingCard p,.datingFull p,
.tourismCard p,.tourismFull p,
.directoryCard p,.directoryFull p,
.jobCard p,.resumeCard p,.jobFull p,
.realtyCard p,.realtyFull p,
.socialCard p,.personCard p,
.communityCard p,.communityHero p,.communityPost p,
.videoCard p,.videoFull p,
.resultItem p,.topicRow p,.topicFull p,
.card p{
  color:var(--sd-muted)!important;
  opacity:1!important;
}

.badgeItem span,
.achievement span,
.achievementItem span,
.topicExcerpt{
  color:var(--sd-muted)!important;
  opacity:1!important;
}

.marketMeta,
.rideMeta,
.eventMeta,
.trackMeta,
.tourismMeta,
.directoryMeta,
.jobMeta,
.realtyMeta,
.communityMeta,
.videoMeta,
.topicMeta,
.topicFullMeta,
.dialogItem p,
.searchUser small,
.mapPopup small,
.checkLine,
small,
time{
  color:var(--sd-soft)!important;
  opacity:1!important;
}

input,
textarea,
select,
.dialogSearch,
.topicReply input,
.messageComposer textarea{
  background:#06111b!important;
  border-color:var(--sd-line-strong)!important;
  color:var(--sd-text)!important;
  box-shadow:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#8fa4bb!important;
  opacity:1!important;
}

.marketFilters button,
.rideFilters button,
.eventFilters button,
.tourismFilters button,
.directoryFilters button,
.jobsFilters button,
.realty94Tabs button,
.communityFilters button,
.videoFilters button,
.datingFilters button,
.trackButtons button,
.eventActions button,
.rideActions button,
.tourismActions button,
.directoryActions button,
.jobActions button,
.videoActions button,
.topicReply button,
.joinBtn,
.goingBtn,
.contactBtn,
.externalLink{
  background:#132f46!important;
  border:1px solid var(--sd-line)!important;
  color:var(--sd-text)!important;
}

.marketFilters button.active,
.rideFilters button.active,
.eventFilters button.active,
.tourismFilters button.active,
.directoryFilters button.active,
.jobsFilters button.active,
.realty94Tabs button.active,
.communityFilters button.active,
.videoFilters button.active,
.datingFilters button.active,
.green,
.purple,
.pink,
.contactBtn,
.photoForm button,
.reviewForm button,
.responseForm button,
.joinForm button{
  background:var(--sd-pink)!important;
  border-color:transparent!important;
  color:#fff!important;
}

.rating,
.stars,
[class*="Rating"],
[class*="Stars"]{
  color:#ffb020!important;
}

.marketPrice,
.salary,
[class*="Price"]{
  color:#86efac!important;
  font-weight:1000!important;
}

.directoryCard:hover,
.jobCard:hover,
.resumeCard:hover,
.resultItem:hover,
.topicRow:hover,
.topicCard:hover,
.dialogItem:hover,
.dialogItem.active,
.mapPointItem:hover{
  background:linear-gradient(180deg,var(--sd-surface-3),var(--sd-surface-2))!important;
}

.x{
  background:#132f46!important;
  color:#fff!important;
}

@media(max-width:900px){
  .messengerShell,
  .marketFullGrid,
  .eventGrid,
  .tourismPlaceGrid,
  .directoryGridFull,
  .jobGrid,
  .rideGrid{
    grid-template-columns:1fr!important;
  }
}