/*
Theme Name: LoveDate Child
Theme URI: https://lovedate.jwsuperthemes.com
Template: lovedate
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: LoveDate is a versatile WordPress theme designed for dating apps, LGBT dating, online communities, and social platforms. It’s fully compatible with BuddyPress and Elementor, allowing users with minimal web development experience to create an engaging dating website. Key features include one-click template installation, a fun matching system, smart search, messaging, virtual gifts, and advanced filters—everything needed to build a dynamic dating platform quickly and easily.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.1.4
Updated: 2024-09-17 06:47:20
*/

:root {
  --main: #916eff;
  --accent: #ff88ff;
  --secondary: #bd9dfe;
  --text: #322977;
  --light: #ffffff99;
  --white: #ffffff;
  --green: #70833c;
  --heading: #191250;
  --body: #322977;
  --bodybg: #ffffff;
  --btn-color: #ffffff;
  --btn-bgcolor: #191250;
  --btn-bgcolor2: #ff88ff;
  --e-global-color-primary: #916eff;
  --e-global-color-secondary: #ff88ff;
  --menu-color: #191250;
  --font-size-sm: 14px;
  --line-height-sm: 19.6px;
  --font-size-md: 18px;
  --line-height-md: 25.2px;
}

.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}

/* ── Toolbar items — alignement vertical uniforme ── */
.jws-toolbar-wap .jws-toolbar-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}
.jws-toolbar-wap .jws-toolbar-item a i {
  display: flex;
  align-items: flex-end;
  height: 34px;
  line-height: 1;
}
.jws-toolbar-wap .jws-toolbar-item a span {
  display: block;
}

/* ── Toolbar Discover icon (FA card-heart) ── */
.jws-toolbar-item a i.jws-toolbar-like-svg {
  font-size: 26px;
  line-height: 1;
}

.editfield.field_1324, .editfield.field_1325, .editfield.field_1326 {
  display: none;
}

.jws-chat-members #messages-list {
    max-height: 500px;
    height: inherit;
    display: flex;
    flex-direction: column-reverse;
    padding: 0!important;
}

.jws-chat-members #form-create-messages {
    position: relative;
    padding: 0;
}

.jws-chat-members .jws-messages-action button[type="submit"] {
    background: #191250;
    color: #fff;
    opacity: 1;
    padding: 8px!important;
}

@keyframes tb-like-float {
  0%, 100% { transform: translateY(0)    rotate(0deg);   }
  30%       { transform: translateY(-3px) rotate(-4deg);  }
  60%       { transform: translateY(-1px) rotate(2deg);   }
}

@keyframes tb-like-active {
  0%   { transform: scale(0.85) rotate(-8deg); }
  60%  { transform: scale(1.18) rotate(4deg);  }
  100% { transform: scale(1)    rotate(0deg);  }
}

.jws-chat-members .chat-content .message-item .mess-edit .action {
    font-size: 12px!important;
}

.jws-chat-members .chat-content .messasge-content {
    display: inline-block;
    padding-right: 20px;
    float: left;
}

.jws-chat-members .chat-content .message-item.me {
  text-align: left!important;
}

.jws-chat-members .chat-content .message-item.me .messasge-content {
    padding-right: 0;
    padding-left: 20px;
    float: right;
}

.jws-chat-members .chat-content .message-item.me .messasge-content .mess-edit .action {
    left: -39px!important;
    right: -17px!important;
}

.jws-chat-members .chat-content .message-item .message-wrap i.jws-icon-heartfill {
    position: absolute;
    bottom: -8px;
    left: 91%;
    color: red;
}

.jws-chat-members .chat-content .message-item .mess-edit .action {
    bottom: 100%;
    transition: all 0.3s;
    position: absolute;
    left: -17px!important;
    background: #fff;
    box-shadow: 0 14px 54px rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    font-size: 14px;
    text-align: left;
}

/* === Chat — fix scroll horizontal mobile === */
.jws-state-online.row,
.row.jws-chat-members {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.jws-chat-members .row {
  margin-left: 0;
  margin-right: 0;
}

.jws-chat-members [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

/* === Discover : avatar pleine hauteur quand pas de bloc de vote === */
.jws-match-discover .tinder--card.no-vote-block .avatar {
  min-height: calc(100dvh - 40px);
  max-height: none !important;
}

/* === Settings subnav — style pill comme item-list-tabs-members === */
.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav {
  overflow-x: auto;
  margin-bottom: 40px;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul::-webkit-scrollbar {
  display: none;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  padding: 6px 12px !important;
  border-radius: 50px !important;
  border: 2px solid #e5e7eb !important;
  background: #f9fafb !important;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li a {
  color: #6b7280 !important;
  font-size: 12px;
  font-weight: 700;
  padding: 0 !important;
  padding-bottom: 0 !important;
  background: none !important;
  text-decoration: none;
  opacity: 1 !important;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li a::before {
  display: none !important;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li.current,
.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li.selected {
  border-color: var(--gsc-gold) !important;
  background: linear-gradient(135deg, #fffbea, #fff8d6) !important;
  color: #111;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li.current a,
.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li.selected a {
  color: #111 !important;
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li:hover {
  border-color: var(--gsc-gold) !important;
  background: linear-gradient(135deg, #fffbea, #fff8d6) !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

.jws-buddypress-archive #buddypress .profile-body .item-list-tabs#subnav ul li:hover a {
  color: #111 !important;
}