.is_accent_font{
    font-weight: bold;
    color: var(--epcl-main-color) !important;
}

.is_accent_font.is_bigger {
    font-size:18px;
}
#wrapper #header .vrd_login_button a{
    color: #FFF !important;
}
#wrapper #header .vrd_login_button{
    background-color: var(--epcl-main-color) !important;
    color: #FFF !important;
}

#wrapper #page .um a.um-button, #wrapper #page .um a.um-button.um-disabled:active, #wrapper #page .um a.um-button.um-disabled:focus, #wrapper #page .um a.um-button.um-disabled:hover, #wrapper #page .um input[type=submit].um-button, #wrapper #page .um input[type=submit].um-button:focus,
body .um-modal .upload, body .um-modal a.um-modal-btn:not(.alt), body .um-modal a.um-modal-button:not(.alt), #wrapper #page .um a.um-modal-button:not(.alt), #wrapper #page .um a.um-button:not(.um-alt), #wrapper #page .um a.um-button:not(.um-alt).um-disabled:active, #wrapper #page .um a.um-button:not(.um-alt).um-disabled:focus, #wrapper #page .um a.um-button:not(.um-alt).um-disabled:hover, #wrapper #page .um input[type=submit].um-button:not(.um-alt), #wrapper #page .um input[type=submit].um-button:not(.um-alt):focus,
#wrapper .vrd_ml_button, #wrapper .epcl-shortcode.epcl-button {
    border-radius: 15px !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 1.2 !important;
    padding: 12px 16px !important;
    font-family: "League Spartan", sans-serif;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#wrapper .vrd_ml_button.is-transparent {
    background:transparent;
}
#wrapper .vrd_ml_button.is-fullwidth {
    display: flex;
    justify-content: center;
}

body .um-modal .upload:hover,
#wrapper #page .um a.um-button:not(.um-alt):hover,
#wrapper #page .um input[type=submit].um-button:not(.um-alt):hover{
    border:2px solid transparent;
}

body .um-modal .upload,
body .um-modal a.um-modal-btn:not(.alt),
body .um-modal a.um-modal-button:not(.alt),
#wrapper #page .um a.um-modal-button:not(.alt),
#wrapper #page .um a.um-button:not(.um-alt),
#wrapper #page .um a.um-button:not(.um-alt).um-disabled:active,
#wrapper #page .um a.um-button:not(.um-alt).um-disabled:focus,
#wrapper #page .um input[type=submit].um-button:not(.um-alt),
#wrapper #page .um input[type=submit].um-button:not(.um-alt):focus,
#wrapper .vrd_ml_button.primary-color,
#wrapper .um-button.epcl-shortcode.epcl-button.primary-color,
#wrapper .epcl-shortcode.epcl-button.primary-color {
    color: #FFF;
    font-weight:600 !important;

    background-color: var(--epcl-main-color);
    transition:none !important;
    border:2px solid transparent !important;
}
body .um-modal .upload,
body .um-modal a.um-modal-btn:not(.alt),
body .um-modal a.um-modal-button:not(.alt),
#wrapper #page .um a.um-modal-button:not(.alt){
    font-size: 16px;
}

body .um-modal .upload:hover,
#wrapper #page .um a.um-button:not(.um-alt):hover,
#wrapper #page .um input[type=submit].um-button:not(.um-alt):hover,

#wrapper .vrd_ml_button.primary-color:hover,
#wrapper .um-button.epcl-shortcode.epcl-button.primary-color:hover {
    background: var(--epcl-sections-color);
    color: var(--epcl-dark-blue);
    border: 2px solid var(--epcl-dark-blue) !important;
    box-shadow: none !important;
}

header#header {
    background: #FFF;
}

#wrapper .vrd_ml_section_title {

}

#wrapper .vrd_ml_section_subtitle {
}

#wrapper .vrd_ml_section_body {
}
.vrd_finder_card_content{
    margin-top: 16px;
}


#wrapper .vrd_finder_section[data-type=wish] .vrd_finder_section_items.vrd_grid_container {
    gap: 32px calc(208px - (30px * var(--column-count)));
}
#wrapper .tus_list_shortcode_wrap .vrd_finder_section[data-type=wish] .vrd_finder_section_items.vrd_grid_container {
    gap: 32px 64px;
}
#wrapper .vrd_finder_section[data-type=account] .vrd_finder_section_items.vrd_grid_container {
    gap:16px;
}

#wrapper .vrd_finder_section_items.vrd_grid_container{
    gap: 32px calc(208px - (8px * var(--column-count)));
}

img.vrd_finder_card_image_decoration {
    position: absolute;
    top: -22px;
    left: 8px;
    z-index: 0;
    transform: scale(1.05);
}

#single.fullcover .fullcover-wrapper .featured-image {
    position: relative;
    z-index: 1;
    border-radius: 16px 0 0 0;
    box-shadow: none;
    overflow: hidden;
    border: 1px solid #CCC;
    height: 540px;
}
.vrd_finder_section_view_all {
    text-align: center;
    padding: 16px;
}

/* "Supprimer quand même" link in the delete-list popup */
.vrd_list_delete_anyway {
    color: var(--epcl-main-color);
    text-decoration: underline;
    cursor: pointer;
}

/* « Se connecter en tant que » (voir includes/class-vrd-impersonate.php) */
.vrd_imp_overlay { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.45);
	display:flex; align-items:flex-start; justify-content:center; padding:10vh 16px; }
.vrd_imp_dialog { background:#fff; color:#222; width:100%; max-width:460px; border-radius:14px;
	padding:20px; box-shadow:0 10px 40px rgba(0,0,0,.3); }
.vrd_imp_dialog_head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.vrd_imp_dialog_head h3 { margin:0; font-size:18px; }
.vrd_imp_close { background:none; border:0; font-size:26px; line-height:1; cursor:pointer; color:#888; }
.vrd_imp_search { width:100%; padding:10px 14px; border:2px solid #eee; border-radius:8px; font-size:14px; }
.vrd_imp_results { margin-top:12px; max-height:46vh; overflow-y:auto; }
.vrd_imp_note { text-align:center; padding:14px; opacity:.7; margin:0; }
.vrd_imp_row { display:flex; align-items:center; gap:12px; padding:8px 10px; margin-bottom:6px;
	background:#f6f6f6; border-radius:8px; cursor:pointer; }
.vrd_imp_row:hover { background:#ececec; }
.vrd_imp_row img { width:40px; height:40px; border-radius:6px; object-fit:cover; flex:0 0 auto; }
.vrd_imp_row span { display:flex; flex-direction:column; min-width:0; }
.vrd_imp_row em { font-style:normal; font-size:12px; opacity:.55; }
.vrd_imp_menu_item > a { display:inline-flex; align-items:center; }
.vrd_imp_menu_item .vrd_imp_icon { display:inline-flex; }
.vrd_imp_menu_item.is_active > a { color:#B31E6F; }

/* Entrée « Mon Compte » : avatar dans le menu, identité dans le sous-menu */
/* L'avatar est sorti du flux, et c'est le point important : la ligne de base d'une image est
   son bord INFÉRIEUR, alors que celle d'une icône de police est celle du texte. Laissé dans le
   flux, l'avatar décalait toute l'entrée vers le bas par rapport à « Mes listes » ou « Blog ».
   Hors flux, la ligne de base redevient celle du texte, identique aux autres entrées. */
/* « > a » : uniquement l'entrée de premier niveau, sinon le retrait de l'avatar
   s'appliquerait aussi aux entrées du sous-menu. */
.vrd_account_menu > a span.vrd_menu_item { position:relative; padding-left:36px; }
.vrd_account_menu > a .vrd_account_avatar { position:absolute; left:0; top:50%; transform:translateY(-50%);
	width:28px; height:28px; border-radius:50%; object-fit:cover; }
/* Le thème pose « .main-nav ul.sub-menu li a { display:block; padding:10px 25px } » et
   « #header .main-nav ul.sub-menu { min-width:190px } ». Nos règles doivent donc être au moins
   aussi spécifiques, sinon elles sont ignorées — d'où les sélecteurs longs ci-dessous. */
#header .main-nav li.vrd_account_menu ul.sub-menu { min-width:215px; }

.main-nav ul.sub-menu li.vrd_account_identity a { display:block; padding:12px 14px; }
.main-nav li.vrd_account_menu ul.sub-menu li:not(.vrd_account_identity) a {
	padding-left:14px; padding-right:14px; white-space:nowrap; }

.vrd_account_identity_row { display:flex; align-items:center; gap:8px; }
.vrd_account_identity img { width:32px; height:32px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.vrd_account_identity strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vrd_account_identity em { display:block; margin-top:5px; font-style:normal; font-size:11.5px;
	opacity:.6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vrd_account_identity + li { border-top:1px solid rgba(0,0,0,.08); margin-top:6px; padding-top:6px; }

/* « Rechercher » entry of the header menu: the theme switches to the burger menu, with its own
   magnifier button, at 1200px. Hide the entry from the same breakpoint, otherwise it shows in the
   burger between 1024 and 1200px only. */
@media screen and (max-width: 1200px) {
    /* the burger panel is a separate nav.mobile outside #header; !important like the theme's hide-on-* */
    .main-nav li.search-menu-item { display: none !important; }
}