body.night-mode,
body.night-mode .fr_welcome,
body.night-mode .fr_auth_form,
.night-mode.n_live {background: #000!important;}

body.night-mode .profile-tabs-wrapper,
body.night-mode .content-tabs,
body.night-mode .chat-widget-content,
body.night-mode .main-header .search-wrapper .form-control,
body.night-mode .dropdown-menu,
body.night-mode .ui-box .img,
body.night-mode .ui-box,
body.night-mode .publisher,
.card-body.with-nav,
body.night-mode .post,
.card-body,
.card-header,
.card {
  background: #0C0E15!important;
  border-color: #0C0E15!important;
  color: #FFF;
}

body.night-mode .fr_welcome_field input,
body.night-mode .fr_welcome_field select,
body.night-mode .publisher-tools-tab,
body.night-mode .main-side-nav a:hover,
body.night-mode .main-side-nav > li.active > a {
  background-color: #181C2B!important;
  border:none!important;
  
}

body.night-mode .post-footer,
body.night-mode .pg_wrapper a,
body.night-mode .post-media,
.post {
  background: #0C0E15;
  border-radius:15px;
}

a {
  color: #F7245A;
  text-decoration: none;
}

body.night-mode .publisher-meta {
  border: none !important;
}

.blog-category.text-no-underline,
.publisher-custom-thumbnail.publisher-video-custom-thumbnail,
.publisher-slider #video_category {
  display: none !important;
}


.blog-more,
body.night-mode .poll-option .percentage-bg {
  background-color: #F7245A;
}

.publisher-emojis {
  display: unset !important;
  top: 25px;
  right: 15px;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover {
  background: #F7245A !important;
  border-color: #F7245A !important;
  border-radius: 14px;
}

.btn.btn-md.rounded-pill.btn-light,
.btn.btn-md.rounded-pill.btn-success {
  border-radius: 14px !important;
  padding: 1rem 2.5rem;
}

.post-avatar-picture {
  border: 2px solid #303A41;
  border-radius:50px;
}

body.night-mode .card {
  background: #0C0E15;
  border-radius:15px;
  overflow: auto;
}



body.night-mode .main-header {background:#F7245A}

.newfriends .col-md-6.col-lg-3 {
  width: 31.33%;
  float: left;
  margin: 1%;
}



.flag {width: 15px !important;height: 15px !important;margin-right:5px;}
.about-bio, .feeds-item {border-bottom: 0px;}

.name.gender1, .gender1 {color:#1173EF!important;font-size: 16px !important;}
.name.gender2,.gender2 {color:#686DE0!important;font-size: 16px !important;}
.name.gender3,.gender3 {color:#686DE0!important;font-size: 16px !important;}
.name.gender4,.gender4 {color:#F7245A!important;font-size: 16px !important;}
.name.gender5,.gender5 {color:#686DE0!important;font-size: 16px !important;}
.name.gender6,.gender6 {color:#686DE0!important;font-size: 16px !important;}
.name.gender7,.gender7 {color:#686DE0!important;font-size: 16px !important;}
.name.gender8,.gender8 {color:#198754!important;font-size: 16px !important;}





.counter.rounded-pill {
  padding: 1px 7px;
  color: var(--main-color);
  font-size: 11px;
  background-color: #F7245A;
  min-width: 23px;
  height: 23px;
  margin-left:5px;
}

.counter.rounded-pill.footerbar {
  position: absolute;
  top: 5px;
  color: #FFF;
  padding: 0px 2px;
  font-size: 10px;
  min-width: 15px;
  max-height: 15px;
  text-align: center;
}

.navbar-wrapper .counter.red {
  background: #020618;
  color: #FFF;
  padding: 5px;
}

.data-container {min-height: 76px;}


.ui-box {padding: 180px 15px 15px;}
.ui-box .img {width: 100%;border-radius: 5px;}
.ui-box img {height: 192px;width: 100%;border-radius: 5px;}
.newfriends .ui-box {padding: 150px 15px 15px;}
.newfriends .mt10 {font-size: 12px;}
.newfriends .pro-badge {display: none;}

.row.userslist .mt10 {min-height: 50px;}


body.night-mode .profile-cover-wrapper,
.post-media-image {
  background: url(https://2026.gurls.nu/content/themes/default/images/blank_group.png);
    background-size: auto;
  background-size: cover;
  background-position: bottom;
}




.userslist > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.userslist > ul > .col-md-6.col-lg-3 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.userslist .ui-box {
  width: 100%;
  box-sizing: border-box;
}

.userslist .ui-box .img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
}

.userslist .ui-box .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.footer-bottom-bar-links > .link.active > a > .title, body.night-mode .footer-bottom-bar-links > .link.active > a > .title {
  color: #F7245A;
}

.post.boosted, body.night-mode .post.boosted {
  border: 2px solid #ffa412 !important;
}


.post-body .js_lightbox {background-size: cover !important;}
.toast.align-items-center.text-bg-info {background:#F7245A !important;}



/* Tablet: 2 personer per række */
@media (max-width: 991px) {
  .userslist > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
}

/* Mobil: 1 person per række */
@media (max-width: 575px) {
  .userslist > ul {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .logo-dark.img-fluid {
  max-height: 30px !important;
}
  
}