.elementor-1078 .elementor-element.elementor-element-5905e4a{--display:flex;--min-height:68px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0rem 0rem 0.0625rem 0rem;--border-top-width:0rem;--border-right-width:0rem;--border-bottom-width:0.0625rem;--border-left-width:0rem;border-color:#F3F4F6;--border-color:#F3F4F6;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1078 .elementor-element.elementor-element-5905e4a:not(.elementor-motion-effects-element-type-background), .elementor-1078 .elementor-element.elementor-element-5905e4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1078 .elementor-element.elementor-element-7b23da4.elementor-element{--align-self:center;}.elementor-1078 .elementor-element.elementor-element-7b23da4 img{width:56px;}.elementor-1078 .elementor-element.elementor-element-f16db47{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-f16db47.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1078 .elementor-element.elementor-element-1c8446c{width:var( --container-widget-width, 100.528% );max-width:100.528%;--container-widget-width:100.528%;--container-widget-flex-grow:0;}.elementor-1078 .elementor-element.elementor-element-1c8446c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_link{padding:14px 14px 14px 14px;}.elementor-1078 .elementor-element.elementor-element-1c8446c .jws-icon-box-icon{font-size:21px;margin:0px 0px 0px 0px;}.elementor-1078 .elementor-element.elementor-element-1c8446c .jws-icon-box-icon svg{width:21px;}.elementor-1078 .elementor-element.elementor-element-1c8446c .jws-icon-box-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:20px;}.elementor-1078 .elementor-element.elementor-element-842394f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0.75rem 0.75rem;--row-gap:0.75rem;--column-gap:0.75rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-842394f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1078 .elementor-element.elementor-element-0756dd3 .jws_button_login img{width:0px;height:0px;}.elementor-1078 .elementor-element.elementor-element-0756dd3 a.elementor-button-link.login{font-family:"Poppins", Sans-serif;font-size:0.875rem;font-weight:600;}body.elementor-page-1078:not(.elementor-motion-effects-element-type-background), body.elementor-page-1078 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF3FA;}@media(max-width:1024px){.elementor-1078 .elementor-element.elementor-element-f16db47{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-1078 .elementor-element.elementor-element-5905e4a{--content-width:1240px;}.elementor-1078 .elementor-element.elementor-element-f16db47{--width:16.712%;}.elementor-1078 .elementor-element.elementor-element-842394f{--width:56.533%;}}@media(max-width:767px){.elementor-1078 .elementor-element.elementor-element-5905e4a{--padding-top:0.75rem;--padding-bottom:0.75rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-1078 .elementor-element.elementor-element-7b23da4 img{width:4.1rem;}.elementor-1078 .elementor-element.elementor-element-842394f{--width:66%;}}/* Start custom CSS for jws_dating_menu, class: .elementor-element-1c8446c */.elementor-1078 .elementor-element.elementor-element-1c8446c,
.elementor-1078 .elementor-element.elementor-element-1c8446c .elementor-widget-container,
.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_dating_menu_element,
.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_list,
.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_list > li {
  height: auto !important;
  min-height: 0 !important;
}

.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_link {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 14px !important;
  border-radius: 10px;
}

.elementor-1078 .elementor-element.elementor-element-1c8446c .jws-icon-box-icon {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1;
}

.elementor-1078 .elementor-element.elementor-element-1c8446c .jws-icon-box-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_link.current {
  color: #ff1976;
  background: #fff2f7;
}

.elementor-1078 .elementor-element.elementor-element-1c8446c .jws_menu_link.current::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  height: 2px;
  border-radius: 2px;
  background: #ff1976;
}/* End custom CSS */
/* Start custom CSS for login_button, class: .elementor-element-0756dd3 */.elementor-1078 .elementor-element.elementor-element-0756dd3 .jws_account_text {
  display: flex;
  align-items: center;
}

.elementor-1078 .elementor-element.elementor-element-0756dd3 .jws_account_text img.avatar {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  margin-right: 11px !important;
  border-radius: 50%;
  object-fit: cover;
}

.elementor-1078 .elementor-element.elementor-element-0756dd3 .user-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.elementor-1078 .elementor-element.elementor-element-0756dd3 .membershiplevel {
  font-size: 12px;
  line-height: 18px;
  color: #8790a5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5905e4a */.elementor-2245 .elementor-element.elementor-element-91c9093:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-91c9093 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ffffffb0;
    backdrop-filter: blur(0.625rem);
}

/*Bouton de filtre*/
.bps-form input {
    display: inline;
    width: 100%;
    padding: .6rem 0.8rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(55, 65, 81, 0.1)
}



.jws-matching-filter .filter-modal-container .bps-form-title {
    margin-bottom: 0;
    flex-wrap: wrap;
    gap: 1.2rem;
}


body.button-default .elementor-button, body.button-default .jws-cf7-style .wpcf7-submit, body.button-default .elementor-button.rev-btn {
    padding-top: 14px;
    padding-right: 24px;
    padding-bottom: 14px;
    padding-left: 24px;
    width: 100%;
}



/* ====================================================
   BOUTON RÉINITIALISER - STYLE PILULE STUOK
   ==================================================== */
.jws-before-member .bps-form-title a, 
.jws-matching-filter .bps-form-title a, 
.jws-matching-activity .bps-form-title a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: poppins;
  color: #E84368 !important;              /* Rose STUOK */
  background-color: #FDF2F8 !important;   /* Fond pastel très doux */
  border: 1px solid rgba(232, 67, 104, 0.25) !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;         /* Forme capsule/pilule */
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

/* Petit symbole de rafraîchissement (↻) ajouté automatiquement avant le texte */
.jws-before-member .bps-form-title a::before, 
.jws-matching-filter .bps-form-title a::before, 
.jws-matching-activity .bps-form-title a::before {
  content: "↺" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Effet au survol (Hover) */
.jws-before-member .bps-form-title a:hover, 
.jws-matching-filter .bps-form-title a:hover, 
.jws-matching-activity .bps-form-title a:hover {
  background-color: #E84368 !important;  /* Bascule en rose plein */
  color: #FFFFFF !important;              /* Texte blanc */
  border-color: #E84368 !important;
  box-shadow: 0 4px 12px rgba(232, 67, 104, 0.25) !important;
  transform: translateY(-1px) !important;
}


/*Style pour mettre en valeur le bouton recherche avancée du bouton de filtre */
.jws-before-member .action-button-bottom .btn-show-advanced,
.jws-matching-filter .action-button-bottom .btn-show-advanced,
.jws-matching-activity .action-button-bottom .btn-show-advanced {
    color: var(--main);
    font-weight: 600; /* Texte légèrement plus gras */
    font-family: var(--font-body);
    
    /* Transformation en bouton */
    display: block;
    width: 100%;
    padding: 10px 16px;
    margin-bottom: 12px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--main); /* Bordure de la couleur principale */
    border-radius: .5rem; /* Bords arrondis harmonieux */
    background-color: transparent;
    transition: all 0.3s ease; /* Effet fluide au survol */
}

/* Effet au survol (Hover) */
.jws-before-member .action-button-bottom .btn-show-advanced:hover,
.jws-matching-filter .action-button-bottom .btn-show-advanced:hover,
.jws-matching-activity .action-button-bottom .btn-show-advanced:hover {
    background-color: var(--main);
    color: #ffffff;
}

/*coorection padding header*/
header .elementor .e-flexbox-base {
    padding: 0px;
}

/* ==========================================================================
   1. STYLES DE BASE (DESKTOP & TOUS ÉCRANS)
   ========================================================================== */
/* ==========================================================================
   1. STYLES PRO ET ÉQUILIBRÉS (DESKTOP & TOUS ÉCRANS)
   ========================================================================== */

/* Conteneur global : espacement UI standard */
.elementor-widget-login_button,
.elementor-widget-login_button .jws_button_login {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important; /* Espacement optimal entre les deux boutons */
    overflow: visible !important;
    flex-wrap: nowrap !important;
}

/* --- BOUTON 1 : S'INSCRIRE --- */
.elementor-widget-login_button .jws_button_login a.elementor-button-link.register,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.logged {
    background-color: #f0edff !important;
    color: #5d3ebc !important;
    font-size: clamp(13px, 0.95vw, 15px) !important;
    font-weight: 600 !important;
    padding: 6px 6px 6px 18px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    white-space: nowrap !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    margin: 0 15px 0 0 !important; /* 15px de marge de sécurité à droite */
    overflow: visible !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: normal !important;
    transition: all 0.3s ease !important;
}

/* Pastille avec la flèche */
.elementor-widget-login_button .jws_button_login a.elementor-button-link.register::after,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.logged::after {
    content: "→";
    background-color: #5d3ebc;
    color: #ffffff;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
}

/* Survol S'inscrire */
.elementor-widget-login_button .jws_button_login a.elementor-button-link.register:hover {
    background-color: #e5e0ff !important;
}

.elementor-widget-login_button .jws_button_login a.elementor-button-link.register:hover::after {
    transform: translateX(2px);
}


/* --- BOUTON 2 : CONNEXION --- */
.elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.login,
.elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register) {
    background: transparent !important;
    color: #5d3ebc !important;
    font-size: clamp(13px, 0.95vw, 15px) !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    transition: all 0.3s ease !important;
}

/* Icône de profil SVG */
.elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child::before,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.login::before,
.elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register)::before {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background-color: #5d3ebc !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    transition: transform 0.3s ease !important;
}

/* Nettoyage du soulignement */
.elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child::after,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.login::after,
.elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register)::after {
    display: none !important;
    content: none !important;
}

/* Survol Connexion */
.elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child:hover,
.elementor-widget-login_button .jws_button_login a.elementor-button-link.login:hover,
.elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register):hover {
    background-color: rgba(93, 62, 188, 0.08) !important;
    color: #482ca3 !important;
    border-bottom: none !important;
}


/* ==========================================================================
   2. ADAPTATION MOBILE EN ÉQUILIBRE (< 767px)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-widget-login_button .jws_button_login {
        gap: 10px !important;
    }

    .elementor-widget-login_button .jws_button_login a.elementor-button-link.register,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.logged {
        margin-right: 5px !important;
        padding: 5px 5px 5px 14px !important;
    }
}


/* ==========================================================================
   4. ADAPTATION TRÈS PETITS ÉCRANS (365px et moins)
   ========================================================================== */
@media (max-width: 365px) {
    /* Espacement global très resserré */
    .elementor-widget-login_button .jws_button_login {
        gap: 6px !important;
    }

    /* --- BOUTON S'INSCRIRE --- */
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.register,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.logged {
        font-size: 11px !important;
        padding: 4px 4px 4px 10px !important;
        gap: 6px !important;
        margin-right: 0 !important; /* Libère la marge à droite pour gagner de la place */
    }

    /* Pastille flèche plus petite */
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.register::after,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.logged::after {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        font-size: 10px !important;
    }

    /* --- BOUTON CONNEXION --- */
    .elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.login,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register) {
        font-size: 12px !important;
        padding: 5px 8px !important;
        gap: 5px !important;
    }

    /* Icône de profil ajustée */
    .elementor-widget-login_button .jws_button_login a.elementor-button-link:first-child::before,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link.login::before,
    .elementor-widget-login_button .jws_button_login a.elementor-button-link:not(.register)::before {
        width: 12px !important;
        height: 12px !important;
    }
}/* End custom CSS */