/*
Theme Name: Memberlite - Child Theme
Theme URI: https://www.paidmembershipspro.com/themes/memberlite
Description: This is a Memberlite child theme.
Author: Kim Coleman
Author URI: https://www.strangerstudios.com/
Template: memberlite
Version: 1.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ─────────────────────────────────────────────────────────────────────────────
   VillagePro — Charte graphique
   Les variables CSS sont réécrites via wp_head (priority 100) dans functions.php
   pour garantir qu'elles s'appliquent APRÈS les valeurs du Customizer Memberlite.
   Ce fichier contient les overrides CSS globaux.
   ───────────────────────────────────────────────────────────────────────────── */



/* ══════════════════════════════════════════════════════
   GLOBAL
   ══════════════════════════════════════════════════════ */

/* Défilement fluide pour tous les liens d'ancrage */
html {
    scroll-behavior: smooth;
}

/* Fond de page */
body {
    background-color: var (--memberlite-color-site-background);
}

#primary {
	background-color:var (--memberlite-color-site-background);
	padding-top:30px;
}
.masthead + .row {
  margin-top: 0px!important;
}

/* Liens */
a {
    color: var(--memberlite-color-button);
}
a:hover,
a:focus {
    color: var(--memberlite-color-action);
}

/* Titres */
h1, h2 {
    color:var(--memberlite-color-meta-link) ;
}
h3, h4, h5, h6 {
    color:var(--memberlite-color-meta-link)!important;
}
strong, b{
	color:var(--memberlite-color-button);
}
/* Séparateurs */
hr {
    border-color: var(--memberlite-color-borders);
}
.pmpro {
	color:var(--memberlite-color-text)!important;
}
@media only screen and (max-width: 767px) {
		#parent-membre, #concept, #espace_structures {display:grid;}	
		.order1 {order: 1;}
		.order2 {order: 2;}
		.order3 {order: 3;}
		.wpb_content_element {margin-bottom:5px!important;}
}
.custom-logo,.blend img{ mix-blend-mode: multiply; /* Le blanc devient transparent */}
.bloc_color2 {background-color:var(--color-bloc-alternatif);}

.home .hentry {
	margin-bottom:0!important;
}
.edit-link {display:none;}
.btn-container {
  display: flex;
  justify-content: center;
  gap: 10px; /* espace entre boutons */
}
.btn-container .btn{
    padding:10px 15px;
}
/* ══════════════════════════════════════════════════════
   NAVIGATION & HEADER & LOGO
   ══════════════════════════════════════════════════════ */

/* Note : les couleurs principales de navigation (fond, texte)
   sont à ajuster via Apparence → Personnaliser → Couleurs.
   Les overrides ci-dessous assurent la cohérence de la charte
   pour les états actif/hover. */
   
.site-header {
  background-color: var(--memberlite-color-header-background);
}
.site-header #site-navigation {
    background-color: var(--memberlite-color-meta-link);
	border-bottom: 1px solid var(--memberlite-color-borders);
}
.site-navigation-sticky-wrapper, .site-navigation {
	height:62px
}
   
.site-header #site-navigation > ul > li.menu-item > a {
    padding: 15px 15px;
}

.site-header #site-navigation a,
.site-header .member-navigation a,
.site-header .header-right .widget_nav_menu a {
  color: #ffffff;
}
#site-navigation .current-menu-item > a,
#site-navigation .current-menu-ancestor > a,
#site-navigation a:hover {
    color: var(--memberlite-color-button);
}
#site-navigation .sub-menu a:hover {
	color:#506364;
}
.site-header #site-navigation a:hover,
.site-header .member-navigation a:hover,
.site-header .header-right .widget_nav_menu a:hover {
  text-decoration: none!important;
}
.site-header .header-right #meta-member .meta-member-inner {
  background-color: var(--memberlite-color-button);
}
.site-header .site-branding a.custom-logo-link .custom-logo {
  max-height: 120px;
  width: auto;
}
.masthead {
	background-image:url("/wp-content/uploads/2026/03/bg.png");
	background-size:cover;
	background-position:0 200px;
}
.masthead img.banner-image {
  object-fit: contain!important;
  width:auto!important;
}
@media only screen and (max-width: 767px) {
	.masthead img.banner-image {
		left:10%!important;
		object-fit: cover!important;
	}
	.masthead h1 {
    font-size: 1.8rem!important;
	}
	.site-header .site-branding {
	justify-content: flex-end;
  	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.masthead img.banner-image {
		left:30%!important;
	}
}
@media only screen and (min-width: 1199px){
	.masthead img.banner-image {
		left:40%!important;
	}
}
.masthead-banner {
    background-color: #2f4f4f21;
}
.banner-image{
  -webkit-mask-image: radial-gradient(circle, black 60%, transparent 100%);
  mask-image: radial-gradient(circle, black 60%, transparent 100%);
}
.masthead h1 {
	/* color:#566769!important; */
	color:#546767!important;
	font-size:3rem;
}
.site-header .header-right #meta-member .sub-menu a {
	 color: var(--memberlite-color-text)!important;
	 line-height:1.2;
}
/* ══════════════════════════════════════════════════════
   BOUTONS & ACTIONS
   ══════════════════════════════════════════════════════ */

.button,
button:not(.villagepro-search-button),
input[type="submit"],
input[type="button"],
.wp-block-button__link {
    background-color: var(--memberlite-color-button)!important;
    border-color: var(--memberlite-color-button)!important;
    color: var(--memberlite-color-white);
}
.button:hover,
button:not(.villagepro-search-button):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover {
    background-color: var(--memberlite-color-action);
    border-color: var(--memberlite-color-action);
    color: var(--memberlite-color-white);
}
.boutons button {margin: 20px 30px;}

/* ══════════════════════════════════════════════════════
   FORMULAIRES
   ══════════════════════════════════════════════════════ */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
    border-color: var(--memberlite-color-borders);
    background-color: #fff;
    color: var(--memberlite-color-text);
	width:100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    border-color: var(--memberlite-color-primary);
    box-shadow: 0 0 0 3px rgba(143, 167, 154, 0.20);
    outline: none;
}
.pmpro_form_field-checkbox-grouped li {
	list-style: none;
	display: inline-block;
	padding: 5px 10px!important;
}
.pmpro {
    .pmpro_form_field.pmpro_form_field-radio-item {
        display: inline-block!important;
        gap: calc(var(--pmpro--base--spacing--small) / 2);
    }
}
abbr,
acronym {
  border-bottom: 0px!important;
  text-decoration:none!important;
}
/* ══════════════════════════════════════════════════════
   CARTES & ZONES DE CONTENU
   ══════════════════════════════════════════════════════ */

.pmpro_card,
.pmpro_table,
.pmpro_table th,
.pmpro_table td,
.entry,
.widget,
.memberlite-subheader + .content-area .entry,
.pricing_table.vc_do_pricing_table
{
    background-color: var(--memberlite-color-white)!important;
}
.pmpro_table th {
	font-weight:600!important;
}
.pmpro_member_directory_after {
	margin-top:40px;
}

/* Search box */
p.villagepro-search-help {
	margin-bottom:0px;
}
a.villagepro-search-map-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background-color: transparent;
	color: var(--vp-terra, #C97B63);
	border: 1px solid var(--vp-terra, #C97B63);
	border-radius: 4px;
	font-size: 0.9em;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
	vertical-align: middle;
	margin-left: 8px;
}
a.villagepro-search-map-link:hover,
a.villagepro-search-map-link:focus {
	background-color: var(--vp-terra, #C97B63);
	color: #fff;
	text-decoration: none;
}
/* page soumission dans l'agenda */
.page-id-101 #primary{
    background-color: var(--memberlite-color-white)!important;
	border-radius: 10px;
	font-style: normal!important;
}
.page-id-101 #primary em {
	font-style: normal!important;
}
.page-id-101 #primary  h3,
.page-id-101 #primary  h3 label
{
    font-size: var(--wp--preset--font-size--24)!important;
}
#pmpro_form_fieldset-adresse {display:none!important;}

.villagepro-card-l2__photo--logo img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}
.villagepro-profile__field--logo img {
/*     width: 100%; */
    max-width: 280px;
/*     object-fit: contain; */
    display: block;
}

/* Réseaux sociaux — icônes alignées horizontalement */
.villagepro-profile__social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.villagepro-profile__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f0f0f0;
    color: #555;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
}
.villagepro-profile__social-link:hover {
    text-decoration: none;
}
.villagepro-profile__social-link--instagram:hover { background: #e1306c; color: #fff; }
.villagepro-profile__social-link--facebook:hover  { background: #1877f2; color: #fff; }
.villagepro-profile__social-link--linkedin:hover  { background: #0a66c2; color: #fff; }

/* Logo structure [200×200] */
.villagepro-profile__field--logo-structure img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;
}

/* Contact structure — label + valeur inline */
.villagepro-profile__field--contact {
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.villagepro-profile__field--contact .villagepro-profile__field-label::after {
    content: ' :';
}

/* Thérapies — alignement horizontal dans la page profil uniquement */
.villagepro-profile__therapies-list {
    flex-direction: row;
    flex-wrap: wrap;
}

/* Modes de pratique — label et valeur sur la même ligne */
.villagepro-profile__field--pratique {
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.villagepro-profile__field--pratique .villagepro-profile__field-label::after {
    content: ' :';
    font-weight: 700;
}

/* Langues parlées — badges horizontaux */
.villagepro-profile__langues-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}
.villagepro-profile__langue-item {
    background: #f0f0f0;
    border-radius: 20px;
    padding: 3px 12px;
    font-size: 0.875em;
    white-space: nowrap;
}
.villagepro-profile__langues-list li,
.villagepro-profile__therapies-list li {
	margin: 10px 0 10px 0!important;
}
.villagepro-card-l3__name {
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--memberlite-color-primary);
    margin-bottom: 4px;
}
.villagepro-card-l3__logo img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}

/* ══════════════════════════════════════════════════════
   PAID MEMBERSHIPS PRO
   ══════════════════════════════════════════════════════ */

/* Boutons PMPro */
.pmpro_btn,
.pmpro_btn-primary,
#pmpro_checkout input[type="submit"],
#pmpro_account input[type="submit"],
.em.pixelbones .input input[type=submit].button-primary,
.vc_btn3.vc_btn3-color-primary {
    background-color: var(--memberlite-color-button)!important;
    border-color: var(--memberlite-color-button)!important;
    color: var(--memberlite-color-white)!important;
	font-size: var(--wp--preset--font-size--16)!important;
}
.pmpro_btn:hover,
.pmpro_btn-primary:hover,
#pmpro_checkout input[type="submit"]:hover,
#pmpro_account input[type="submit"]:hover,
.em.pixelbones .input input[type=submit].button-primary:hover {
    background-color: var(--memberlite-color-action) !important;
    border-color: var(--memberlite-color-action) !important;
}
#pmpro_btn-password-toggle-1.pmpro_btn,
.pmpro_btn.pmpro_btn-password-toggle{
	background:transparent!important;
	color: var(--memberlite-color-text)!important;
}

/* Messages PMPro */
.pmpro_message {
    background-color: var(--memberlite-color-secondary);
    border-left-color: var(--memberlite-color-primary);
}
.pmpro_message.pmpro_success {
    background-color: rgba(143, 167, 154, 0.15);
    border-left-color: var(--memberlite-color-primary);
}
.pmpro_message.pmpro_error {
    background-color: rgba(199, 123, 90, 0.10);
    border-left-color: var(--memberlite-color-button);
}

/* Niveaux d'adhésion — tableau */
.pmpro_levels_table th,
.pmpro_levels_table .pmpro_level_cost {
    color: var(--memberlite-color-primary);
}
.pmpro_level_btn .pmpro_btn {
    background-color: var(--memberlite-color-button)!important;
    border-color: var(--memberlite-color-button)!important;
}

/* En-tête de section PMPro */
.pmpro_checkout_level_name,
.pmpro_checkout h3,
.pmpro_account h3 {
    color: var(--memberlite-color-primary);
}

/* Séparateurs PMPro */
.pmpro_divider,
.pmpro_checkout hr,
.pmpro_account hr {
    border-color: var(--memberlite-color-borders);
}

/* Cartes PMPro dans le répertoire */
.pmpro_card {
    border-radius: var(--pmpro--base--border-radius);
    box-shadow: var(--pmpro--box-shadow);
    display: flex;
    flex-direction: column;
    margin: var(--pmpro--base--spacing--medium) 0;
    overflow: hidden;
}
.wpb-period {
    bottom: 3px;
    font-size: 20px!important;
    position: relative;
}
/* Liens "Voir le profil" dans le répertoire */
.pmpro_card_actions a {
    color: var(--memberlite-color-button);
    font-weight: 600;
}
.pmpro_card_actions a:hover {
    color: var(--memberlite-color-action);
}
/* ── Masquage PMPro ── */
#pmpro_form_fieldset-directory-and-profile-preferences,
.pmpro_form_field-file-name {
    display: none !important;
}
#pmpro_level-3 #pmpro_form_fieldset-adresse,
#pmpro_level-1 #pmpro_form_fieldset-adresse,
.pmpro_btn-plain.pmpro_btn-print {
    display: none !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
            .pmpro_member_directory.pmpro_member_directory-4col,
            .pmpro_member_directory.pmpro_member_directory-3col {
                grid-template-columns: 1fr 1fr 1fr!important;
            }
}
@media only screen and (min-width: 768px) and (max-width: 860px) {
            .pmpro_member_directory.pmpro_member_directory-4col,
            .pmpro_member_directory.pmpro_member_directory-3col {
                grid-template-columns: 1fr 1fr!important;
            }
}

.pmpro_level_description_text {
	margin-top:20px;
}
.pmpro_form_fields-description ul {
	margin-top:15px;
}

/* ══════════════════════════════════════════════════════
   PAGE MASTHEAD / BANNER
   ══════════════════════════════════════════════════════ */

/* Note : les couleurs du masthead (bandeau de titre de page)
   sont à ajuster via Apparence → Personnaliser → Couleurs. */
   
.masthead {
    background-color: var(--memberlite-color-primary);
}

/* ──────────────────────────────────────────────────────
   Bannière du blog et des articles : alignée à gauche,
   comme les autres pages.

   Le thème parent centre le masthead pour les contextes
   "post" (corps .sidebar-blog-none) via plusieurs règles.
   On les neutralise pour retrouver le même rendu que les
   pages classiques (titre à gauche, pas de largeur bridée).
   ────────────────────────────────────────────────────── */
.sidebar-blog-none #content .masthead {
    align-items: flex-start;
    text-align: left;
}
.sidebar-blog-none #content .masthead .columns > *:not(.memberlite-breadcrumb) {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}
/* Article single : la "byline" (titre + méta) repasse en
   alignement à gauche ; l'avatar étant masqué par ailleurs,
   le titre occupe toute la largeur. */
.single-post.sidebar-blog-none .masthead-post-byline {
    align-items: flex-start;
    flex-direction: row;
    text-align: left;
    margin-top: 0;
}
/* Mobile : éviter le centrage de la home (blog). */
@media (max-width: 767px) {
    .home .masthead,
    .blog .masthead {
        text-align: left;
    }
}

/* Article single : titre + méta empilés (la méta « Publié le… » passe SOUS
   le titre). Le parent met .entry-header-grid .entry-header en display:flex,
   ce qui les plaçait côte à côte. */
.entry-header-grid .vp-single-entry-header.entry-header {
    display: block;
}
.vp-single-entry-header .entry-meta {
    margin-top: 0.35rem;
}

/* ══════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════ */

/* Note : les couleurs du footer sont à ajuster via
   Apparence → Personnaliser → Couleurs. */
.site-footer {
	background-color: var(--memberlite-color-meta-link);
	color:#fff!important;
}

.footer-widgets {
	background-color: var(--memberlite-color-meta-link);
	color:#fff!important;
	border-top: 1px solid var(--memberlite-color-borders);
	border-bottom: 0px solid var(--memberlite-color-borders);
	padding: 0;
}
.footer-widgets .widget {
	background-color: var(--memberlite-color-meta-link)!important;
	color:#fff!important;
}
.footer-widgets  .widget a {
	color:#fff!important;
	text-decoration:none;
}
.footer-widgets .fa-instagram {
	font-size:150%;
}
@media (min-width: 768px) {
  .footer-widgets {
    padding: 20px 0;
  }
}

/* ══════════════════════════════════════════════════════
   WIDGETS & SIDEBAR
   ══════════════════════════════════════════════════════ */

.widget-title {
    color: var(--memberlite-color-primary);
    border-bottom-color: var(--memberlite-color-borders);
}

/* ══════════════════════════════════════════════════════
   PAGINATION
   ══════════════════════════════════════════════════════ */

.page-numbers.current,
.pmpro-pagination .current {
    background-color: var(--memberlite-color-primary);
    border-color: var(--memberlite-color-primary);
    color: var(--memberlite-color-white);
}
.page-numbers:hover,
.pmpro-pagination a:hover {
    color: var(--memberlite-color-button);
    border-color: var(--memberlite-color-button);
}

/* ══════════════════════════════════════════════════════
   HEADER — LAYOUT DESKTOP
   Colonne gauche : Logo
   Colonne droite : Menu membre (haut) + Navigation (bas)
   ══════════════════════════════════════════════════════ */

/* Mobile : masquer la colonne droite (menu membre + nav inline) */
.site-header .villagepro-header-right-col {
    display: none;
}

@media (min-width: 768px) {

    /* Conteneur principal : deux colonnes */
    .site-header .villagepro-header-row {
        display: flex !important;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    /* Colonne gauche — Logo */
    .site-header .villagepro-header-branding {
        flex: 0 0 auto;
        width: auto !important;
        align-self: center;
    }

    /* Colonne droite — empile membre + nav en colonne */
    .site-header .villagepro-header-right-col {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        padding-left: 1rem;
        gap: 0px;
    }

    /* Ligne haute : menu membre aligné à droite
     * Ports des styles Memberlite de .header-right vers .villagepro-header-member
     * (source : memberlite/build/css/main.css) */
    .site-header .villagepro-header-member {
        color: var(--memberlite-color-meta-link);
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .site-header .villagepro-header-member:has(#meta-member) .header-widget-area {
        margin-bottom: var(--wp--preset--spacing--10);
    }

    .site-header .villagepro-header-member .widget_nav_menu,
    .site-header .villagepro-header-member .widget_nav_menu div {
        display: inline-block;
    }

    .site-header .villagepro-header-member .widget_nav_menu ul li {
        display: inline-block;
    }

    .site-header .villagepro-header-member .widget_nav_menu a {
        color: currentColor;
        padding: calc(var(--wp--preset--spacing--10) / 2) var(--wp--preset--spacing--10);
    }

    .site-header .villagepro-header-member .widget_nav_menu ul.sub-menu a {
        padding: calc(var(--wp--preset--spacing--10) / 2) var(--wp--preset--spacing--10);
        max-width: 210px;
    }

    .site-header .villagepro-header-member .header-widget-area {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .site-header .villagepro-header-member .header-widget-area .wp-block-social-links {
        margin: 0;
    }

    .site-header .villagepro-header-member #meta-member {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 0;
    }

    .site-header .villagepro-header-member #meta-member .fa-user {
        margin-right: 3px;
    }

    .site-header .villagepro-header-member #meta-member .meta-member-inner li.menu-item-depth-0 {
        padding: 0;
    }

    .site-header .villagepro-header-member #meta-member .user {
        font-family: var(--memberlite-header-font);
        margin: 0 calc(var(--wp--preset--spacing--10) / 2);
    }

    .site-header .villagepro-header-member #meta-member .user a {
        font-weight: 700;
        padding: calc(var(--wp--preset--spacing--10) / 2) 0;
    }

    .site-header .villagepro-header-member #meta-member a {
        color: var(--memberlite-color-white);
        display: inline-block;
        text-decoration: none;
    }

    .site-header .villagepro-header-member #meta-member a:hover {
        border: none;
        color: var(--memberlite-color-white);
        text-decoration: underline;
    }

    .site-header .villagepro-header-member #meta-member .member-navigation,
    .site-header .villagepro-header-member #meta-member .member-navigation > ul {
        display: inline;
        margin: 0;
    }

    .site-header .villagepro-header-member #meta-member .member-navigation li {
        display: inline-block;
        margin: 0;
        position: relative;
    }

    .site-header .villagepro-header-member #meta-member .member-navigation li:last-child {
        border: none;
    }

    .site-header .villagepro-header-member #meta-member .member-navigation a {
        margin: 0;
        padding: calc(var(--wp--preset--spacing--10) / 2);
    }

    .site-header .villagepro-header-member #meta-member .member-navigation .sub-menu {
        background-color: var(--memberlite-color-secondary);
    }

    .site-header .villagepro-header-member #meta-member .member-navigation .sub-menu li a {
        min-width: 100%;
    }

    /* Ligne basse : navigation */
    .site-header #site-navigation.villagepro-inline-nav {
        width: 100%;
        background: transparent!important;
        border: none !important;
        margin: 0 0 35px!important;
        padding: 0 !important;
    }

    .site-header #site-navigation.villagepro-inline-nav > ul.menu {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
    }

    .site-header #site-navigation.villagepro-inline-nav .menu > li > a {
        white-space: nowrap;
		color: var(--memberlite-color-meta-link)!important;
		/* text-transform:uppercase; 
		font-size: 0.92rem;*/
		font-size:1.1rem;
		padding: 9px 5px;
		font-weight:400;
		border-top: 1px solid var(--memberlite-color-meta-link);
    }
	.site-header #site-navigation.villagepro-inline-nav .menu li {
		margin: 5px 5px 0;
	}
	.site-header #site-navigation.villagepro-inline-nav .menu > li > a:hover {
		color: var(--memberlite-color-button)!important;
		border-top: 3px solid var(--memberlite-color-button);
	}
	.site-header .villagepro-header-member #meta-member .meta-member-inner {
		 background-color: var(--memberlite-color-button);
		 border-bottom-right-radius: var(--wp--custom--border--radius);
		 border-bottom-left-radius: var(--wp--custom--border--radius);
		 color: var(--memberlite-color-white);
		 font-size: var(--wp--preset--font-size--16);
		 padding: 0 calc(var(--wp--preset--spacing--10) / 2);
	}
}

/* ══════════════════════════════════════════════════════
   EVENTS MANAGER — FORMULAIRE SOUMISSION
   ══════════════════════════════════════════════════════ */

.em-upload-help {
	margin-top: 6px;
	font-size: 0.82em;
	color: var(--vp-text, #3a3a3a);
	opacity: 0.65;
	line-height: 1.4;
}
.em-input-field.em-input-field-select.em-active-status {
	display:none!important;
}

/* ══════════════════════════════════════════════════════
   CALENDRIER
   ══════════════════════════════════════════════════════ */
   
.em-month-picker {
	color: var(--memberlite-color-button)!important;
}
.em-event-date.em-event-meta-datetime{
	font-size: 1.2em!important;
	font-weight:600!important;
}
/* Forcer la visibilité du nom du mois courant dans l'entête du calendrier */
.em.em-calendar .em-cal-nav .month {
	color: var(--default-color, #333) !important;
}
.em.em-calendar .em-cal-nav .month input {
	color: var(--memberlite-color-button)!important;
	background-color: transparent !important;
}
.em-search-main.em-search-main-bar {
	background: var(--memberlite-color-white);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    margin-bottom: 24px;
}
.em-item-read-more {
	padding: calc(var(--wp--preset--spacing--10) / 2) var(--wp--preset--spacing--10);
	text-decoration:none;
	border-radius: var(--wp--custom--border--radius);
	box-shadow: 0 2px 6px light-dark(rgba(0, 0, 0, 0.22), rgba(255, 255, 255, 0.14));
	cursor: pointer;
	font-family: var(--memberlite-header-font), ui-sans-serif;
	font-size: var(--wp--preset--font-size--16);
	font-style: normal;
	font-weight: 700;
}
.em-item {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	padding: 25px 15px!important;
	background-color: var(--memberlite-color-white)!important;
	color: var(--default-color);
	border: 1px solid var(--pmpro--color--border--variation)!important;
    border-radius: var(--pmpro--base--border-radius);
    box-shadow: var(--pmpro--box-shadow);
}
.em.em-list .em-item .em-item-info {
  border-left: 6px solid var(--default-border) !important;
}
.em-item-image img, .vp-event-featured-image img{
	width: 100%;
    height: 280px;
    object-fit: cover;
}

/*peut être provisoire*/
/*.em-item-meta-line.em-item-taxonomy.em-event-categories,*/
.em-item-meta-line.em-event-prices,
.vp-event-section.vp-event-taxonomies,
.post-46 .em-event-book-now,
div.em-location-data-region{
	display:none!important;
}
.em.em-list .em-item .em-item-meta .em-item-meta-line .event-categories li a {
	font-style: normal!important;
	font-weight:600;
}
.wp-child-theme-memberlite-child  .em.pixelbones  a {
    color: var(--memberlite-color-button)!important;
	text-decoration: none!important;
}
/* Page catégorie */
.post-48 {
	width: 100%;
	background-color: var(--memberlite-color-white)!important;
	color: var(--default-color);
    border-radius: var(--pmpro--base--border-radius);
}
.post-48 .em-taxonomy-description,
.post-48 .em-location-next-event,
.em-timezone {
	display:none!important;
}
.post-48 .em-taxonomy-events h3 {
	margin-top:0px!important;
}
/* ══════════════════════════════════════════════════════
   SHORTCODE ADVANCED LEVELS — 2col
   Même structure que 3col : prix + bouton sous le titre,
   description en dessous (modif levels-div.php ligne 33).
   ══════════════════════════════════════════════════════ */

/* Bouton pleine largeur comme en 3col */
.pmpro_levels-2col .pmpro_btn {
    display: block;
}

/* ══════════════════════════════════════════════════════
   PAGE ADHESION
   ══════════════════════════════════════════════════════ */
 /* mise à la ligne?*/
 
 /*#pmpro_level-1 h2.pmpro_card_title,
 #pmpro_level-5 h2.pmpro_card_title,
 #pmpro_level-4 h2.pmpro_card_title,
 #pmpro_level-3 h2.pmpro_card_title,
 #pmpro_level-7 h2.pmpro_card_title
{
	margin: 0 35px!important;
	text-wrap: auto;
}
 #pmpro_level-8 h2.pmpro_card_title
{
	text-wrap: auto;
}

*/

@media (max-width: 400px) {
	 .pmpro_level h2.pmpro_card_title
	{
		margin: 0 0px!important;
		text-wrap: auto;
	}
	.pmpro_advanced_levels-div .pmpro_level {
	padding: 10px;

	}
}

.pmpro_level h2.pmpro_card_title {
	font-weight: 700;
	margin: 0 auto!important;
}
.pmpro_level .pmpro_level-price {
	margin: 15px auto!important;
	font-size: var(--wp--preset--font-size--24);
	text-align: center;
}
.pmpro_level .pmpro_level-select {
	margin: 5px auto 20px!important;