/* =========================================================
   BNR 
   ========================================================= */

/* =========================================================
   0) VARIABLES
   ========================================================= */
:root{
  --bnr-violet: #560099;
  --bnr-violet-accent: #6519a3;
  --bnr-violet-dis: #54217C;

  --bnr-border: #ddd;
  --bnr-border-hover: #cfcfcf;

  --bnr-text: rgba(0,0,0,.86);
  --bnr-muted: #888;

  --bnr-bg: #fafafa;
  --text: #111111;
  --muted: rgba(17,17,17,.72);
  --muted2: rgba(17,17,17,.55);
  --border: rgba(17,17,17,.10);
  --shadow: 0 18px 45px rgba(0,0,0,.08);
  --radius: 12px;
  --radius-alt: 10px;

  --accent: #660099;    
  --accentSoft: rgba(102,0,153,.12);
  --accentLine: rgba(102,0,153,.35);
	--marg-padd: 1rem;
	--global-padd : 6px;
	--cat-text: #6f5200;
  --cat-soft: rgba(245, 197, 66, .16);
  --cat-line: rgba(245, 197, 66, .42);
}

:root{
  /* ambre principal (bordure + ring) */
  --bnr-amber: 204, 145, 40;     /* ~ #CC9128 */
  /* ambre plus profond (glow) */
  --bnr-amber-deep: 184, 120, 22;/* ~ #B87816 */
}

/* =========================================================
   1) LAYOUT GLOBAL (footer collé en bas)
   ========================================================= */
.wp-site-blocks{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wp-site-blocks > footer{ margin-top: auto; }
.wp-site-blocks > *{ width: 100%; }

/* HEADER — breakpoint burger: 800px */

/* 0) Hauteur stable header */
.wp-site-blocks > header .header-menu{
  min-height: 58px;
  display: flex;
  align-items: center;
}
@media (max-width: 799.98px){
  .wp-site-blocks > header .header-menu{
    min-height: 64px;
  }
}

/* 1) Conteneur flex principal (version "repair" finale) */
.wp-site-blocks > header .header-menu > .wp-block-group.alignwide.is-layout-flex{
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;

  width: 100%;
  margin-left: auto;
  margin-right: auto;

  gap: 14px;
  height: 58px; /* tu l’avais dans la 1ère version */
}

/* Logo */
.wp-site-blocks > header .header-menu .logo-short{
  flex: 0 0 auto;
}

/* Search (DERNIÈRE valeur effective = 420px) */
.wp-site-blocks > header .header-menu .wp-block-search.bnr-search{
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
	max-width: 720px;
  /*max-width: 420px;*/
  margin: 0 !important;
}
.wp-site-blocks > header .header-menu .wp-block-search.bnr-search .wp-block-search__inside-wrapper{
  width: 100%;
  min-width: 0;
}

/* Nav (desktop) */
.wp-site-blocks > header .header-menu nav.wp-block-navigation{
  margin-left: auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; /* tu l’avais dans la 1ère version, ok à garder */
}

/* 3) Toggle loupe (style glass) */
.bnr-search-toggle{
  display: none !important; /* desktop caché */
  flex: 0 0 auto;

  width: 44px;
  height: 44px;
  border-radius: 999px;

  cursor: pointer;
  user-select: none;

  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(0,0,0,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 10px 24px rgba(0,0,0,.06);

  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.bnr-search-toggle__icon{
  width: 24px;
  height: 24px;
  display: block;
  fill: rgba(0,0,0,.70);
}
.bnr-search-toggle:hover{
  border-color: rgba(153,138,0,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    0 14px 30px rgba(0,0,0,.08);
}
.bnr-search-toggle:active{ transform: translateY(1px); }
.bnr-search-toggle:focus-visible{
  outline: none;
  border-color: rgba(102,0,153,.55);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.18),
    0 0 0 6px rgba(102,0,153,.22),
    0 14px 30px rgba(0,0,0,.08);
}

/* 4) Burger WP */
@media (min-width: 800px){
  .wp-site-blocks > header .wp-block-navigation__responsive-container-open{
    display: none !important;
  }
  .wp-site-blocks > header .wp-block-navigation__responsive-container{
    display: contents !important;
  }
}

@media (max-width: 799.98px){

  /* Gap mobile */
  .wp-site-blocks > header .header-menu > .wp-block-group.alignwide.is-layout-flex{
    gap: 0px;
  }

  /* Toggle visible en mobile */
  .bnr-search-toggle{
    display: inline-flex !important;
  }

  /* Nav compact */
  .wp-site-blocks > header .header-menu nav.wp-block-navigation{
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    width: 44px;
    height: 44px;
    justify-content: center;
  }

  /* Loupe collée à droite avant burger */
  .wp-site-blocks > header .header-menu .bnr-search-toggle{
    margin-left: auto !important;
    margin-right: 8px;
    flex: 0 0 auto;
  }

  /* Search cachée par défaut */
  .wp-site-blocks > header .header-menu .wp-block-search.bnr-search{
    display: none !important;
    max-width: none !important;
  }

  /* Burger button + overlay */
  .wp-site-blocks > header .wp-block-navigation__responsive-container-open{
    display: flex !important;
    align-items: center;
    flex: 0 0 auto !important;
  }
  .wp-site-blocks > header .wp-block-navigation__responsive-container{
    display: none !important;
  }
  .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open{
    display: flex !important;
  }

  /* Open state: logo + toggle cachés */
  .wp-site-blocks > header.bnr-search-open .header-menu .logo-short,
  .wp-site-blocks > header.bnr-search-open .header-menu .bnr-search-toggle{
    display: none !important;
  }

  /* Open state: nav/burger cachés */
  .wp-site-blocks > header.bnr-search-open .header-menu nav.wp-block-navigation,
  .wp-site-blocks > header.bnr-search-open .wp-block-navigation__responsive-container-open,
  .wp-site-blocks > header.bnr-search-open .wp-block-navigation__responsive-container{
    display: none !important;
  }

  /* Open state: search full width */
  .wp-site-blocks > header.bnr-search-open .header-menu .wp-block-search.bnr-search{
    display: block !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
  }
}

/* Amélioration visuelle des titres*/
h1, .entry-title, .wp-block-post-title{
  box-shadow: none;
  text-shadow:
    0 0 10px rgba(106,0,214,.10);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
/* TITRE POST DANS LE BLOC / SUR HOME, SEARCH, ARCHIVE........ etc */

.post-inner-wrapper a {
	padding:var(--marg-padd) var(--marg-padd) var(--marg-padd) calc(var(--marg-padd)*1);
	display:block;
	background: #fff;
	border-bottom: 1px solid #eee
}
.post-inner-wrapper a:hover {
	background: #f2f2f2;
}
.post-inner-wrapper a{

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* HEADER FIXED MAKE IT FLOAT -------------------*/

.wp-site-blocks > header{
  position: relative;
  z-index: 1001;
}
main { margin:6.75rem 0 0 0 !important}

.wp-site-blocks > header{
  position: fixed !important;
  z-index: 1001;
}
/*-----------------------------------------------*/


/* PJAX mask local pour TABS UM */
.um .um-profile-body{ position:relative; }

.um .um-tab-mask{
  display:none;
  position:absolute;
  inset:0;
  z-index:50;
  background:rgba(255,255,255,.60);
  backdrop-filter:blur(1px);
  pointer-events:none;
}
.um .um-profile-body.is-pjaxing > .um-tab-mask{ display:block; }


/* Overlay plein écran (caché par défaut) */
.bnr-search-overlay{
  position: fixed;
  inset: 0;
  z-index: 1000;

  /* calque léger (choisis noir OU blanc) */
  background: rgba(0,0,0,.35);   /* noir léger */
  /* background: rgba(255,255,255,.55); */ /* blanc léger */

  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);

  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

/* Visible uniquement en mobile + état open */
@media (max-width: 799.98px){
  body.bnr-search-dim .bnr-search-overlay{
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 799.98px){
  body.bnr-search-dim{
    overflow: hidden;
  }
}

body .has-accent-5-background-color {
  background-color: #ece8e1 !important;
}

/* Header:shadow subtil */
.wp-site-blocks > header{
  //box-shadow: 0 10px 30px rgba(0,0,0,.06);
  box-shadow: 0 10px 20px #8e826c33;
  box-shadow: 0 10px 20px #8e826c1a;
}

/* Séparation fine sous la ligne menu */
.wp-site-blocks > header .header-menu{
  position: relative;
}
.wp-site-blocks > header .header-menu::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background: linear-gradient(90deg,
    transparent,
    #8e826ca6,
    transparent
  );
  opacity:.75;
  pointer-events:none;
}
/* wrapper input + bouton */
.bnr-search.wp-block-search .wp-block-search__inside-wrapper{
  border-radius: 45px;
  overflow: hidden;
  padding: 0;

  /* blanc très légèrement chaud */
  background: rgba(255, 253, 248, 1);

  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.16);
  transition: box-shadow .18s ease, border-color .18s ease;
}

.bnr-search.wp-block-search .wp-block-search__inside-wrapper {
	border-radius: 45px;
	overflow: hidden;
	padding: 0;
	background: rgba(255, 253, 248, 1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,.04);
	border-color: rgba(0,0,0,.16);
	transition: box-shadow .18s ease, border-color .18s ease;
	border: 0;
}


/* hover */
.bnr-search.wp-block-search .wp-block-search__inside-wrapper:hover{
  border-color: rgba(var(--bnr-amber), .80);
  box-shadow:0 14px 36px rgba(0,0,0,.10), 0 10px 26px rgba(var(--bnr-amber-deep), .18), 0 0 2px 4px rgba(var(--bnr-amber), .12);
}

/* Focus */
.bnr-search.wp-block-search .wp-block-search__inside-wrapper:focus-within{
  border-color: rgba(var(--bnr-amber), .85);
  box-shadow:
    0 14px 36px rgba(0,0,0,.10),
    0 10px 26px rgba(var(--bnr-amber-deep), .20),
    0 0 0 3px rgba(var(--bnr-amber), .24);
}

.bnr-search.wp-block-search .wp-block-search__input::placeholder{
  color: rgba(0,0,0,.45);
  opacity: 1;
}

/* input */
.bnr-search.wp-block-search .wp-block-search__input{
  border-radius: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent;

  padding: .65rem 1rem !important;
  font-size: 18px;
  line-height: 1.2;
  color: rgba(0,0,0,.86);
}

/* bouton (on garde ton noir, mais on le réchauffe très légèrement) */
.bnr-search.wp-block-search .wp-element-button{
  border-radius: 0 !important;
  margin-left: 0 !important;
  padding: .65rem 1rem;
  border: 0 !important;
  cursor: pointer;

  background:
    radial-gradient(120% 140% at 20% 20%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(180deg, rgba(28,24,18,.92), rgba(12,10,8,.98));

  color: #fff;
  transition: filter .18s ease;
}

/* 4) Petit confort mobile */
@media (max-width: 640px){
  .wp-site-blocks > header .header-menu{
    padding-left:var(--marg-padd);
    padding-right:var(--marg-padd);
  }
  .wp-site-blocks > header .header-search .wp-block-search{
    padding-left:  var(--marg-padd);
    padding-right: var(--marg-padd);
  }
}

/* =========================================================
   2) DIVERS / GLOBAL UI
   ========================================================= */

/* TEMP fix mobile croix et burger presque superposées, donne une impression de bug, donc on déplace la croix à gauche */
.wp-block-navigation__responsive-container-close {
	position: absolute;
	left: 3px;
	top: 0;
	z-index: 2;
}

/* Page User, un peu de padding */
/*
html body .um-field-label,
.um-profile-body.main .um-field-label,
.um-profile-body.main .um-field-value,
.um-profile-body.comments .um-item-link,
.um-profile-body.comments .um-item-meta,
.um-profile-body.posts .um-item-link,
.um-profile-body.posts .um-item-meta
{
	padding-left: var(--marg-padd) !important;
	padding-right: var(--marg-padd);
}
*/

/* Gère le padding global, présent partout mais utile uniquement en mode mobile */
.global-padding {
	padding:0 var(--global-padd) !important;
    width: auto;
}
/* inner-padding pour gérer le padding de blocks ou éléments individuellement, à 0 en mode normal */
.global-inner-padding {
	padding:0 0 !important;
    width: auto;
}

@media (max-width: 640px){
    .global-inner-padding {
        padding:0 calc(var(--marg-padd) - var(--global-padd)) !important;
        width: auto;
    }
    body .um-11.um .um-profile-body {
        padding:0 calc(var(--marg-padd) - var(--global-padd)) !important;
        width: auto;
    }
    body .um.um-login, body .um.um-register {
        padding:0 calc(var(--marg-padd) - var(--global-padd)) !important;
        width: auto;
    }
}


/* Spacer verticaux Search / Archive / Single Post */
.wp-block-spacer {
    height: var(--marg-padd);
}
.global-top-margin {
	margin-top:50px !important;	
	margin-bottom:40px !important;
}

.post-categories-wrapper {
	padding: var(--marg-padd);
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: calc( var(--marg-padd) - 0.45rem) !important;
}

.logo-short img {
	width: 80px;
}
.post-infos, .post-content {
	padding: var(--marg-padd);
}
.innner-content {
	/*overflow:hidden;*/
}
.post-wrapper {
	border: 1px solid #eee;
    box-shadow: /* 0 0 1px 3px rgba(0,0,0,.06), */inset 0 1px 0 rgba(255,255,255,.7), 0 10px 30px rgba(0,0,0,.06);
	border-top: 0;
	border-radius: 0 0 var(--radius) var(--radius);
}
a.um-link.um-profile-link {
	margin:0 0 0 0;
	display:block;
	text-decoration:none;
}
.fa-user-circle.author_profile_link::before {
	content: "\f2bd";
	font-family: "Font Awesome 6 Free";
	border-bottom: 0;
	font-size: 1.25em;
	margin: 0 0 0 5px;
}

/* Single Post */
.single-post .post-wrapper {
	border: 0;
	box-shadow: unset;
	border-top: 0;
	border-radius: 0 0 var(--radius) var(--radius);
}
.single-post .post-infos, .single-post .post-content {
  padding: var(--marg-padd) 0;
}
.single-post .post-categories-wrapper {
	padding: var(--marg-padd) 0;
	border-top: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: calc( var(--marg-padd) - 0.45rem) !important;
}
.single-post .banner-preview__frame {
	border-radius: var(--radius);
}
.single-post .wp-block-group.bnr-grid-2x2 {
  padding: calc(var(--marg-padd)/1) 0 !important;  
  border-bottom: 1px solid #ccc;
  box-shadow: 0 21px 10px -10px #eee;
  border-radius: 0px !important;
  font-weight: bold;
}


/* Simple LightBox */
body #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	color: #777;
	font-style: normal;
	font-size: 1rem;
}
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a:hover {
	color: #fff;
	font-size: 1rem;
}

.wp-block-column.block-single-post-cust.is-layout-flow.wp-block-column-is-layout-flow {
	border:3px solid #eee;
	border-radius: var(--radius);
}

.home .wp-block-column.block-single-post-cust.is-layout-flow.wp-block-column-is-layout-flow,
.archive .wp-block-column.block-single-post-cust.is-layout-flow.wp-block-column-is-layout-flow,
.search .wp-block-column.block-single-post-cust.is-layout-flow.wp-block-column-is-layout-flow,
.single-post .wp-block-column.block-single-post-cust.is-layout-flow.wp-block-column-is-layout-flow
{
	border:3px solid #eee;
	border-top:0;
	border-radius:0 0 var(--radius) var(--radius);
}

.um-profile-note { margin:0 ; }
.fas.fa-user-lock { 
	font-size: 1.35rem !important; 
}

/* Autocomplete */
html body .ac_results {
	background-color: #fff !important;
	color: #000;
	border-radius:10px;
	width: calc(var(--wp--style--global--content-size) - 2 * var(--marg-padd)) !important;
	overflow:scroll;
	height:150px;
	box-sizing: border-box;
}
@media (max-width: 640px){
  html body .ac_results {
    left: calc(var(--marg-padd) + 10px) !important;
    right: calc(var(--marg-padd) + 10px) !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}
html body .ac_results li {
  border-bottom: 1px solid #ddd;
  margin-left: 0px;
  text-decoration: none !important;
  padding: 5px 5px;
  padding-left: 16px !important;
  white-space: nowrap;
  text-align: left;
  font-size: initial;
  color: #666;
}

/* Page Password Reset */
html body .um-um_password_id.um {
	max-width: unset;
}

body .um .um-profile-note{
  display:block;
	padding-left: 0;
}
body .um-11.um .um-profile-body {
	max-width: unset;
	padding: 0;
	margin: 0;
}
body .um-profile-note span {
	margin: 0px;
	display: block;
	font-size: 16px;
	color: #888;
	border-top: ;
	border-bottom: ;
	padding: 40px;
	position: relative;
}
body .um-profile-note span::before {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8e826ca6, transparent );
  opacity: .75;
  pointer-events: none;
}
body .um-profile-note span::after {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8e826ca6, transparent );
  opacity: .75;
  pointer-events: none;
}

/* border-radius sur les coins supérieur du block profil sans overflow hidden qui mange l'édition */
html body .um-cover {
    background:unset;
}
/* On déplace la couleur de fond sur um-cover-e */
html body .um-cover-overlay {
    background:unset;
}
html body .um-cover-e {
	border-radius: var(--radius) var(--radius) 0 0;
    background:#eee;
}

/* border-radius sur l'overlay également */
html body .um-profile.um-editing .um-cover.has-cover .um-cover-overlay {
	border-radius: var(--radius) var(--radius) 0 0;
}


/* Cache les tispy/helper de um */
html body.um-page-user .tipsy{ display:none !important; }


/* Transition du cover et photo de profil */
main img {
  opacity: 0;
  animation: umFadeIn .5s ease forwards;
}
@keyframes umFadeIn { to { opacity: 1; } }



/* =========================================================
   3) WPUF — FORM STYLING
   ========================================================= */
html body form.wpuf-form-add{ 
	padding: 18px 0 !important;
	border:1px solid #eee;
	box-shadow: /* 0 0 1px 3px rgba(0,0,0,.06), */inset 0 1px 0 rgba(255,255,255,.7), 0 10px 30px rgba(0,0,0,.06);
	border-radius: var(--radius);
	box-sizing:border-box;
	/*background:linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%)*/
}

html body ul.wpuf-form li{ 
	padding: 0px var(--marg-padd);
  margin-bottom: 2rem;
}
html body ul.wpuf-form li.wpuf-submit{ 
	padding: 0px var(--marg-padd);
	margin-bottom:0;
}
/* UNIFORMISATION DES "BOUTONS" */
html body form.wpuf-form-add .upld-pickfiles,#bnr_file_btn.bnr-file-btn,.bnr-chipselect__control {
    padding: .75rem 1rem;
    font-family:var(--wp--preset--font-family--manrope);
    font-size:1.2rem;
    line-height:inherit;
    display:block;
    text-align:left;
    width: 100%;
    align-items: center;
    gap: 8px;
    border-radius: var(--radius-alt);
    border: 1px solid #ddd;
    box-shadow: 0 6px 16px rgba(0,0,0,.06);
    background: #fff;
    cursor: pointer;
    /* Hauteur stable de base */
    min-height:3.4rem;
    box-sizing: border-box;
    transform: translateY(1);
    will-change: transform;
    transition:
    border-color .15s ease,
    box-shadow .15s ease,
    filter .15s ease,
    transform .08s ease;

    text-decoration: none;
}

/* Labels WPUF */
form.wpuf-form-add .wpuf-label label{
  color: rgba(0,0,0,.82);
  font-weight: 700;
  font-size: 20px !important;
}
form.wpuf-form-add .wpuf-label .wpuf-field-icon{
  opacity: .9;
  margin-right: .35rem;
  font-size: 20px !important;
  color: rgba(0,0,0,.82);
}

/* Inputs / textarea / select */
html body form.wpuf-form-add .wpuf-fields input[type="text"],
html body form.wpuf-form-add .wpuf-fields input[type="email"],
html body form.wpuf-form-add .wpuf-fields input[type="url"],
html body form.wpuf-form-add .wpuf-fields input[type="password"],
html body form.wpuf-form-add .wpuf-fields input[type="number"],
html body form.wpuf-form-add .wpuf-fields input[type="search"],
html body form.wpuf-form-add .wpuf-fields select,
html body form.wpuf-form-add .wpuf-fields textarea
{
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  background: var(--bnr-bg);
  color: var(--bnr-text);
  border: 1px solid var(--bnr-border);
  border-radius:  var(--radius-alt);
  padding:0.75rem 1rem !important;
	font-family: var(--wp--preset--font-family--manrope);
  font-size: 1.2rem;
  line-height: 1.25;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.10);
  transition: border-color .15s ease, box-shadow .15s ease;
}
html body form.wpuf-form-add .wpuf-fields input[type="text"]#post_title_85 { 
	font-weight: bold;
	min-height: 3.4rem;
  padding:.75rem 1rem !important;
}


/* Textarea */
form.wpuf-form-add .wpuf-fields textarea{
  min-height: 140px;
  resize: vertical;
}

/* Hover */
form.wpuf-form-add .wpuf-fields input:hover,
form.wpuf-form-add .wpuf-fields select:hover,
form.wpuf-form-add .wpuf-fields textarea:hover{
  border-color: var(--bnr-border-hover);
}

/* Focus (base) */
form.wpuf-form-add .wpuf-fields input:focus,
form.wpuf-form-add .wpuf-fields select:focus,
form.wpuf-form-add .wpuf-fields textarea:focus{
  outline: none;
  border-color: rgba(102,0,153,.55);
  box-shadow: 0 0 0 4px rgba(102,0,153,.14), inset 0 1px 1px rgba(0,0,0,.10);
}

/* Focus renforcé (pour battre WPUF si nécessaire) */
html body .wp-site-blocks form.wpuf-form-add ul.wpuf-form .wpuf-fields .textfield:focus,
html body .wp-site-blocks form.wpuf-form-add ul.wpuf-form .wpuf-fields .textareafield:focus,
html body .wp-site-blocks form.wpuf-form-add ul.wpuf-form .wpuf-fields select:focus{
  outline: none;
  border-color: rgba(102,0,153,.65);
  box-shadow: 0 0 0 4px rgba(102,0,153,.18), inset 0 1px 1px rgba(0,0,0,.10);
}

/* Placeholder + help */
form.wpuf-form-add .wpuf-fields input::placeholder,
form.wpuf-form-add .wpuf-fields textarea::placeholder{
  color: var(--bnr-muted);
  opacity: 1;
}
.wpuf-help{ display:block; clear:both; }
html body ul.wpuf-form li .wpuf-fields .wpuf-help,
html body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message{
  color: rgba(0,0,0,.55);
  margin: 5px 0px 0 0;
}


/* =========================================================
   WPUF FORM — clean override (minimal !important)
   Keep same look as shortcode
   ========================================================= */


/* =========================================================
   4) ERREURS INFOS et SUCCES UM/WPUF 
   ========================================================= */
html body .wp-site-blocks .um-field-error,
html body .wp-site-blocks .wpuf-error-msg,
html body .wp-site-blocks .wpuf-errors,
html body p.um-notice.err
{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  margin: var(--marg-padd) 0 0 !important;
  padding: .85rem 1rem .85rem 3rem !important;
  border-radius:  var(--radius-alt) !important;

  background: rgb(253, 246, 246) !important;
  border: 1px solid rgb(241, 214, 214) !important;
  color: rgb(132, 27, 27) !important;

  font-size: 14px !important;
  line-height: 1.35 !important;

  position: relative !important;
}
html body .wp-site-blocks .wpuf-errors.wbp-expired-banner {
	margin: 0 0 var(--marg-padd) !important;
	width: auto;
}
html body .wp-site-blocks .um-field-error::before,
html body .wp-site-blocks .wpuf-error-msg::before,
html body .wp-site-blocks .wpuf-errors::before,
html body p.um-notice.err::before
{
  content: "\f06a" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;

  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgb(249, 236, 236) !important;
  color: rgb(150, 45, 45) !important;

  font-size: 14px !important;
  line-height: 1 !important;
}
html body p.um-notice.err i
{
	display:none;
}
html body .has-error {
	background:  inherit;
	padding: 0;
}


/* Infos */

html body .wpuf-el.custom_html_2 {
    margin:0;
}

html body .wp-site-blocks .bnr-wpuf-notice
{
  box-sizing: border-box;

  margin: var(--marg-padd) auto 0 !important;
  padding: .85rem 1rem .85rem 3rem !important;
  border-radius: var(--radius-alt) !important;

  background: rgb(248, 244, 255) !important; /* violet très clair */
  border: 1px solid rgb(226, 214, 246) !important; /* violet pastel */
  color: rgb(74, 44, 118) !important; /* violet lisible */

  font-size: 14px !important;
  line-height: 1.35 !important;

  position: relative !important;
}

html body .wpuf-info {
	box-sizing: border-box;
	margin: 0 auto 0 !important;
	padding: 3rem var(--marg-padd) 3rem var(--marg-padd) !important;
	border-radius: var(--radius);
	background: transparent !important;
	border: 3px solid #eee !important;
	color: #000 !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	position: relative !important;
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 10px 30px rgba(0,0,0,.06);
}

html body .wp-site-blocks .bnr-wpuf-notice::before
{
  content: "\f05a" !important; /* fa-info (solid) */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;

  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgb(238, 230, 252) !important; /* pastille violet */
  color: rgb(102, 0, 153) !important; /* ton accent (test) */

  font-size: 14px !important;
  line-height: 1 !important;
}

html body .bnr-wpuf-notice--first-approval.bnr-wpuf-notice {
    margin: 0 0 var(--marg-padd) !important;
}


/* Success */

html body .wp-site-blocks .um-message-success,
html body .wp-site-blocks .wpuf-success-msg,
html body .wp-site-blocks .wpuf-success,
html body p.um-notice.success
{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  margin: var(--marg-padd) 0 0 !important;
  padding: .85rem 1rem .85rem 3rem !important;
  border-radius: 16px !important;

  background: rgb(246, 253, 249) !important;
  border: 1px solid rgb(214, 241, 226) !important;
  color: rgb(19, 92, 52) !important;

  font-size: 14px !important;
  line-height: 1.35 !important;

  position: relative !important;
}

html body .wp-site-blocks .um-message-success::before,
html body .wp-site-blocks .wpuf-success-msg::before,
html body .wp-site-blocks .wpuf-success::before,
html body p.um-notice.success::before
{
  content: "\f058" !important; /* check */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;

  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgb(236, 249, 242) !important;
  color: rgb(22, 120, 66) !important;

  font-size: 14px !important;
  line-height: 1 !important;
}

/* =========================================================
   5) WPUF — UPLD upload ajax CUSTOM
   ========================================================= */

/* UPLD — Base */

html body .upld-root{
  position: relative;
}

html body .upld-warning{
  margin: 0.5rem 0 0;
}

/* */

/* UPLD — upload liste */

html body .upld-queue{
  margin-top: 0.35rem;
}

/* progress bar */
html body .upld-bar{
  height: 100%;
  width: 0%;
}

html body ul.wpuf-form li .wpuf-fields .upld-upload-item{
  display: flex;
  flex-direction: column;
  gap: 6px;
  gap: 0.35rem;
  padding: 0.4rem 0;
}

/* filename row */
html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-filename{
  margin: 5px 0 0 0;
  order: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-break: break-word;
}

/* progress bar container */
html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-progress{
  order: 2;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.06);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-progress .upld-bar{
  height: 100%;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  transition: width .25s ease;
}
html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-filename a.upld-cancel::after {
	display: inline-flex;
  align-items: right;
  justify-content: right;
  width: 25px;
  flex: 0 0 25px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  opacity: .9;
  content:"\f00d";
  content:"\f057";
}

/* Cancel link (optional but practical) */
html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-cancel{
  margin-left: auto;
  text-decoration: none;
  opacity: .85;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html body ul.wpuf-form li .wpuf-fields .upld-upload-item .upld-cancel:hover{
  opacity: 1;
}

a.upld-cancel::after {
    display: inline-flex;
    align-items: right;
    justify-content: right;
    width: 25px;
    flex: 0 0 25px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    opacity: .9;
    content:"\f019";
}

/* Message d'erreur UPLD */

html body .upld-warning{
  display: none;
}

html body .upld-warning.is-visible{
  display: block;
  color:red;
}

/* UPLD — MINIATURES AVEC CONTROLES */

:root{
  --upld-violet: #660099;
  --upld-radius: 6px;

  /* Taille unique pour les 3 boutons */
  --upld-btn: 36px;
  --upld-btn-radius: 12px;

  /* Marges dans la tuile */
  --upld-pad: 8px;
}

/* Base item */
html body li.upld-thumb{
  position: relative;
  min-width: 0;
  list-style: none;
  border-radius: var(--upld-radius);
}

/* Wrapper image */
html body li.upld-thumb .upld-thumb-inner{
  position: relative;
  overflow: hidden;
  border-radius: var(--upld-radius);
  background: #0e0e10;
  /*border: 1px solid rgba(0,0,0,.10);*/
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

/* Image */
html body li.upld-thumb img.upld-img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .18s ease, filter .18s ease;
}

html body li.upld-thumb:hover img.upld-img{
  transform: scale(1.05);
  filter: saturate(1.05) contrast(1.02);
}

/* Controls Prev / Next */

html body li.upld-thumb .upld-controls{
  position: absolute;
  inset: 0;
  pointer-events: none; /* on réactive sur les boutons */
  border-radius: var(--upld-radius);
  opacity: 0;
  transition: opacity .18s ease;
}

/* visible au hover / focus (desktop) */
html body li.upld-thumb:hover .upld-controls,
html body li.upld-thumb:focus-within .upld-controls{
  opacity: 1;
}

/* Fond overlay discret (juste esthétique) */
html body li.upld-thumb .upld-controls::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: var(--upld-radius);
  background:
    radial-gradient(90% 70% at 50% 25%, rgba(0,0,0,0.12), rgba(0,0,0,0.00) 55%),
    linear-gradient(180deg,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.00) 60%,
      rgba(0,0,0,0.45) 82%,
      rgba(0,0,0,0.62) 100%
    );
  pointer-events:none;
}

/* Delete (top-right) */

html body li.upld-thumb .upld-delete
{
  position: absolute;
  top: var(--upld-pad);
  right: var(--upld-pad);
  pointer-events: none;
  z-index: 3;
}

html body li.upld-thumb .upld-delete a.upld-del,
html body li.upld-thumb .upld-delete span.upld-del-pending {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--upld-btn);
  height: var(--upld-btn);
  border-radius: var(--upld-btn-radius);
  text-decoration: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  /* Look */
  background: rgba(12,12,14,.55);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 6px 16px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.10);
  transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
html body li.upld-thumb .upld-delete span.upld-del-pending {
    color:#ffffff;
}

html body li.upld-thumb .upld-delete a.upld-del:hover{
  background: rgba(102,0,153,.35);
  border-color: rgba(102,0,153,.55);
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.12);
}

html body li.upld-thumb .upld-delete a.upld-del:focus-visible{
  outline: 2px solid rgba(102,0,153,.55);
  outline-offset: 2px;
}

html body li.upld-thumb .upld-delete a.upld-del::before{
  content:"\f1f8"; /* trash */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  color: rgba(255,255,255,.92);
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}

/* EFFET DE TRANSITION CHANGEMENT D'ORDRE DES IMAGES UPLOADEES */
html body li.upld-thumb{
  transition: opacity 120ms ease;
}

html body li.upld-thumb.upld-fade-swap{
  opacity: 0;
}


/* POSITION DES BOUTONS */

html body li.upld-thumb .upld-reorder{
  position: absolute;
  left: var(--upld-pad);
  right: var(--upld-pad);
  bottom: var(--upld-pad);

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  pointer-events: none;
  z-index: 2;
}

/* Boutons prev/next */
html body li.upld-thumb a.upld-prev,
html body li.upld-thumb a.upld-next{
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--upld-btn);
  height: var(--upld-btn);
  border-radius: var(--upld-btn-radius);

  text-decoration: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 6px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.10);

  transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}

html body li.upld-thumb a.upld-prev:hover,
html body li.upld-thumb a.upld-next:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 8px 18px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.12);
}

html body li.upld-thumb a.upld-prev:focus-visible,
html body li.upld-thumb a.upld-next:focus-visible{
  outline: 2px solid rgba(102,0,153,.55);
  outline-offset: 2px;
}

/* Icônes FA */
html body li.upld-thumb a.upld-prev::before,
html body li.upld-thumb a.upld-next::before{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: rgba(255,255,255,.92);
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}

html body li.upld-thumb a.upld-prev::before{ content:"\f053"; } /* chevron-left */
html body li.upld-thumb a.upld-next::before{ content:"\f054"; } /* chevron-right */

/* Mobile: pas de hover => contrôles toujours visibles */
@media (max-width: 640px){
  html body li.upld-thumb .upld-controls{
    opacity: 1;
  }
}

/* =========================================================
   6) WPUF — BUTTONS + BNR custom
   ========================================================= */
body .wp-site-blocks .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]{
  border-radius: var(--radius-alt);
  padding: .85rem 1.15rem;
  border: 0;
  background: var(--bnr-violet);
  color: #fff;
  cursor: pointer;
  transition: filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  text-shadow: unset;
}

body .wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"].button-primary-disabled,
body .wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"]:disabled,
body .wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"]:disabled:hover,
body .wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"].button-primary-disabled:hover {
  background: var(--bnr-violet-dis) !important; 
  border: 0 !important; 
  color: #fff !important;   
  transition: filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  text-shadow: unset;
  filter: none !important;
  cursor: default !important;
}

body .wp-site-blocks .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover{
  filter: brightness(1.03);
}
body .wp-site-blocks .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(102,0,153,.20), 0 10px 22px rgba(0,0,0,.10);
}


/***************/
/* Upload PNGs */
/***************/


html body form.wpuf-form-add .upld-pickfiles:hover{
  border-color: rgba(0,0,0,.22);
  filter: brightness(1.01);
}

/* Focus */
html body form.wpuf-form-add .upld-pickfiles:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(102,0,153,.16), 0 6px 16px rgba(0,0,0,.06);
}

/* Active */
html body form.wpuf-form-add .upld-pickfiles:active{
  transform: translateY(1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/**************/
/* Upload BNR */
/**************/
.bnr-file-input{ position: absolute; left: -9999px; }


#bnr_file_btn.bnr-file-btn{
  overflow:hidden;
  text-overflow: ellipsis;
	position: relative;
	display: block;
}

#bnr_file_btn.bnr-file-btn.has-file{
	padding-left: 4.6rem;
}
#bnr_file_btn.bnr-file-btn.has-file::before {
	margin: 0 0.35rem;
}

/* Place le bouton à gauche */
.bnr-file-row #bnr-file-delete.is-visible{
	position: absolute;
	left: ;
	top: 50%;
	transform: translateY(-50%);
	width: 3.5rem;
	height: 100%;
    display: block;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	padding: 0;
	line-height: 1;
	border-right: 1px solid #9EDF4287;
    border-radius: var(--radius) 0 0 var(--radius);
    cursor:pointer;
}
.bnr-file-row #bnr-file-delete.is-visible:hover {
	box-shadow: 0 0 10px #9EDF4287 inset;
}
/* Cache par défaut */
.bnr-file-row #bnr-file-delete{
  display: none;
}


.bnr-file-row:hover > #bnr_file_btn.bnr-file-btn {
	border-color: rgba(0,0,0,.22);
	filter: brightness(1.01);
}

#bnr_file_btn.bnr-file-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(102,0,153,.16), 0 6px 16px rgba(0,0,0,.06);
}

#bnr_file_btn.bnr-file-btn:active{
  transform: translateY(1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.06); /* optionnel: "press" plus crédible */
}
#bnr_file_btn.bnr-file-btn.has-file{
  background: #C0FF66;
  color: #000;
}
#bnr_file_btn.bnr-file-btn.loading{
  background:#e2e2e2;
  color:#666;
}

.bnr-file-row label.has-file + #bnr-file-delete::before {
	content: "\f057";
	font-family: "Font Awesome 6 Free";
	font-size: 1.2rem;
}

.bnr-progress{
  width: 100%;
  max-width: 100%;
  height: 10px;
  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.10);
  box-sizing:border-box;
  border-radius: 999px;
  overflow: hidden;
  display: block;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
  margin: 10px 0 0 0;
}

.bnr-progress-bar{
  height: 100%;
  width: 0%;
  background: rgba(0,0,0,.45);
  border-radius: 999px;
  transition: width .25s ease;
}
.bnr-status{ margin: 5px 0 0; color:red; }
.bnr-help{ display:block; margin-top: 4px; opacity: .7; }

/* BNR CSS v1.1 — delete button replaces the check position */

.bnr-file-row{
  position: relative;
}



/* =========================================================
   7) UPLD — ATTACHMENTS GRID
   
   Attachments grid (UPLD form + shortcode)
   - 4 cols desktop, 3 cols mobile
   - tiles always square
   - dark checker background + padding
   ========================================================= */
html body ul.upld-attachments-display{
  margin-top: calc(var(--marg-padd)*2) !important;
}

/* ---- Grid containers ---- */
html body ul.upld-attachment-list,
html body ul.upld-attachments-display{
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 var(--marg-padd);

  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px){
  html body ul.upld-attachment-list,
  html body ul.upld-attachments-display{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0  var(--marg-padd);
  }
}

/* ---- List items reset ---- */
html body ul.upld-attachment-list > li,
html body ul.upld-attachments-display > li{
  margin:  var(--marg-padd) 0 0 0;
  padding: 0;
  border: 0;
  background: none;
  min-width: 0;
}

html body ul.upld-attachments-display li a:hover img.attachment-thumbnail {
  transform: scale(1.05);
  filter: saturate(1.05) contrast(1.02);
}
html body ul.upld-attachments-display img.attachment-thumbnail {
  transition: transform .18s ease, filter .18s ease;
}


.wp-block-group.block-title {
	box-shadow: 0 20px 10px -10px #eeeeee3d;
}

/* Description */
.wbp-plain-pre {
	margin: 0;
	white-space: pre-wrap;
    font-size: 1rem;
    white-space: normal;
  font-family: inherit;
  font-size: 1.08rem;
  line-height: 1.55;
  color: rgba(0,0,0,.72);
}



/* ================================
   UPLD — Tile wrapper
   ================================ */

/* Common “tile” look */
html body ul.upld-attachment-list > li > .upld-thumb-inner,
html body ul.upld-attachments-display > li > a{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  aspect-ratio: 1 / 1;

  padding: 0;
  box-sizing: border-box;
  overflow: hidden;

  /* (si tu ne veux vraiment plus de radius, mets 0 ici) */
  border-radius: 6px;

  text-decoration: none;

  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='10' height='10' fill='%232b2b2b'/%3E%3Crect x='10' y='10' width='10' height='10' fill='%232b2b2b'/%3E%3Crect x='10' width='10' height='10' fill='%231e1e1e'/%3E%3Crect y='10' width='10' height='10' fill='%231e1e1e'/%3E%3C/svg%3E");
  background-repeat: repeat;
}

/* ---- Images ---- */
html body ul.upld-attachment-list > li > .upld-thumb-inner > img.upld-img,
html body ul.upld-attachments-display > li > a > img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* =========================================================
   8) DESCRIPTION POST
   ========================================================= */

/* force le layout en flex simple */
.bnr-grid-2x2{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: center;
  justify-items: stretch !important;
  padding: calc(var(--marg-padd)/2) var(--marg-padd) !important;
  box-shadow: 0 21px 10px -10px #eee;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  background: white;
  border-radius:var(--radius);
}
.single-post .bnr-grid-2x2 {
  border-radius:0;
	
}
.bnr-grid-2x2 > *{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: 32px;
  display: flex;
  align-items: center;
}
.bnr-grid-2x2 .um-link.um-profile-link::before {
	content: "\f2bd";
	font-family: "Font Awesome 5 Free";
	margin:0 5px 0 0;
}
.bnr-grid-2x2 > :nth-child(4){
  justify-content: flex-end !important;
}

.bnr-grid-2x2 > :nth-child(4).is-layout-constrained > *{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bnr-grid-2x2 > :nth-child(4) a{
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-block;
}

.bnr-grid-2x2 > :nth-child(4) .wpuf-edit-link + .delete-post-link{
  margin-left: 10px !important;
}

/* =========================================================
   9) SIMPLE LIGHTBOX
   ========================================================= */
body #slb_viewer_wrap .slb_theme_slb_baseline .slb_container{
  position: relative;
  display: inline-block;
  background-color: #222;
  border-radius: var(--radius);
  margin: 0 auto;
  padding: 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='10' height='10' fill='%232b2b2b'/%3E%3Crect x='10' y='10' width='10' height='10' fill='%232b2b2b'/%3E%3Crect x='10' width='10' height='10' fill='%231e1e1e'/%3E%3Crect y='10' width='10' height='10' fill='%231e1e1e'/%3E%3C/svg%3E");
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_slideshow  {
	display: none;
}

/* =========================================================
   10) ULTIMATE MEMBER — LABEL ICONS (Font Awesome)
   ========================================================= */
html body .wp-site-blocks .um .um-form .um-field-label label:is(
  [for^="user_login"],
  [for^="username"],
  [for^="first_name"],
  [for^="last_name"],
  [for^="user_email"],
  [for^="single_user_password"],
  [for^="current_user_password"],
  [for^="user_password"],
  [for^="confirm_user_password"],
  [for^="country"],
  [for^="about_me"]
){
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
html body span.um-req {
	margin: 0;
    display:none;
}

html body .wp-site-blocks .um .um-form .um-field-label label:is(
  [for^="user_login"],
  [for^="username"],
  [for^="first_name"],
  [for^="last_name"],
  [for^="user_email"],
  [for^="single_user_password"],
  [for^="current_user_password"],
  [for^="user_password"],
  [for^="confirm_user_password"],
  [for^="country"],
  [for^="about_me"]
)::before{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 25px;
  flex: 0 0 25px;

  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  opacity: .9;
}

html body .wp-site-blocks .um .um-form label[for^="user_login"]::before{ content:"\f577"; }
html body .wp-site-blocks .um .um-form label[for^="username"]::before{ content:"\f577"; }
html body .wp-site-blocks .um .um-form label[for^="first_name"]::before{ content:"\f5b7"; }
html body .wp-site-blocks .um .um-form label[for^="last_name"]::before{ content:"\f5b7"; }
html body .wp-site-blocks .um .um-form label[for^="user_email"]::before{ content:"\f0e0"; }

html body .wp-site-blocks .um .um-form label[for^="single_user_password"]::before{ content:"\f023"; }
html body .wp-site-blocks .um .um-form label[for^="current_user_password"]::before{ content:"\f13e"; }
html body .wp-site-blocks .um .um-form label[for^="user_password"]::before{ content:"\f023"; }
html body .wp-site-blocks .um .um-form label[for^="confirm_user_password"]::before{ content:"\f00c"; }

html body .wp-site-blocks .um .um-form label[for^="country"]::before{ content:"\f57d"; }
html body .wp-site-blocks .um .um-form label[for^="about_me"]::before{ content:"\f4ad"; }

/* =========================================================
   11) ULTIMATE MEMBER — FORM (match WPUF)
   ========================================================= */
html body .wp-site-blocks .um .um-form{
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}

html body .wp-site-blocks .um .um-field-label label{
  color: rgba(0,0,0,.82);
  font-weight: 700;
  font-size: 20px !important;
  line-height:inherit !important;
}

body .um-field-label .um-field-label-icon i{
  margin-right: 0.35rem;
  position: relative;
  font-size: 20px;
  top: unset;
  opacity: .9;
  color: rgba(0,0,0,.82);
}

html body .wp-site-blocks .um .um-field{ padding: 1rem 0; }

html body .wp-site-blocks .um .um-form input.um-form-field,
html body .wp-site-blocks .um .um-form textarea.um-form-field,
.um:not(.um-admin):not(.um-directory) textarea
{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  background: var(--bnr-bg) !important;
  color: var(--bnr-text) !important;

  border: 1px solid var(--bnr-border) !important;
  border-radius:  var(--radius-alt) !important;

  padding: .85rem 1rem !important;
  height: auto !important;
  min-height: 48px;

  font-family: Arial !important;
  font-size: 16px !important;
  line-height: 1.25 !important;

  box-shadow: inset 0 1px 1px rgba(0,0,0,.10) !important;

  transition: border .18s ease, box-shadow .18s ease, background-color .18s ease;
}

html body .wp-site-blocks .um .um-form textarea.um-form-field{
  min-height: 140px;
  resize: vertical;
}

html body .wp-site-blocks .um .um-form .um-form-field::placeholder{
  color: var(--bnr-muted) !important;
  opacity: 1;
}

html body .wp-site-blocks .um .um-form .um-form-field:hover{
  border-color: var(--bnr-border-hover) !important;
}

html body .wp-site-blocks .um .um-form .um-form-field:focus,
body .um .um-form textarea:focus
{
  outline: none !important;
  border: 1px solid rgba(102,0,153,.65) !important;
  box-shadow:
    0 0 0 4px rgba(102,0,153,.18),
    inset 0 1px 1px rgba(0,0,0,.10) !important;
}

html body .wp-site-blocks .um .um-form .um-form-field:disabled{
  background: #f2f2f2 !important;
  color: rgba(0,0,0,.55) !important;
  border: 1px solid #e0e0e0 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.um-profile-body .um-row._um_row_1 {
	margin: 0 !important;
}

html body .wp-site-blocks .um .um-form input.um-button[type="submit"]{
  border-radius:  var(--radius-alt) !important;
  padding: .85rem 1.15rem !important;
  border: 0 !important;
  line-height: 1.4rem !important;

  background: var(--bnr-violet) !important;
  color: #fff !important;

  cursor: pointer;
  transition: filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  text-shadow: unset !important;
}
html body .wp-site-blocks .um .um-form input.um-button[type="submit"]:hover
{
	background: var(--bnr-violet-accent) !important;
}

html body .wp-site-blocks .um .um-form .um-button {
  border-radius:  var(--radius-alt) !important;
  padding: .85rem 1.15rem !important;
  border: 0 !important;
  line-height: 1.4rem !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.025) !important;
  text-shadow: unset !important;
  transition:none;
}
html body .um .um-button.um-alt:hover, html body .um input[type="submit"].um-button.um-alt:hover,
body .swal2-styled.swal2-cancel:hover
{
	background:#e6e6e6 !important;
}
html body .wp-site-blocks .um .um-form input.um-button[type="submit"]:focus-visible,
html body .wp-site-blocks .um .um-form .um-button:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(102,0,153,.20), 0 10px 22px rgba(0,0,0,.10) !important;
}

html body .wp-site-blocks .um .um-field-area{
  overflow: visible !important;
  position: relative !important;
  transition: box-shadow .18s ease, border-color .18s ease;
  border-radius:25px;
}

html body .wp-site-blocks .um .um-field-area:focus-within input.um-form-field,
html body .wp-site-blocks .um .um-field-area:focus-within textarea.um-form-field{
  border: 1px solid rgba(102,0,153,.65) !important;
}

/* =========================================================
   12) UM — SELECT2 (Country etc.)
   ========================================================= */
html body .wp-site-blocks .um .um-form .um-field-area .select2-container{
  width: 100% !important;
}

html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection--single{
  height: auto !important;
  min-height: 48px;

  background: var(--bnr-bg) !important;
  color: var(--bnr-text) !important;
  padding:0px !important;
  border: 1px solid var(--bnr-border) !important;
  border-radius:  var(--radius-alt) !important;

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.10) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.10) !important;
}

html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection__rendered{
  padding: .85rem 3.25rem .85rem 1rem !important;
  line-height: 1.25 !important;
  color: var(--bnr-text) !important;
  font-family: Arial !important;
  font-size: 16px !important;
}

html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection__placeholder{
  color: var(--bnr-muted) !important;
  opacity: 1 !important;
}

html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection__clear{
  font-size: 18px;
  line-height: 1;
  margin-right: .4rem;
  opacity: .65;
  position: absolute;
  top: 15px;
  right: 50px;
}
html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection__clear:hover{
  opacity: 1;
}

html body .wp-site-blocks .um .um-form .um-field-area .select2-container .select2-selection--single:hover{
  border-color: var(--bnr-border-hover) !important;
}

html body .wp-site-blocks .um .select2-container--default.select2-container--focus .select2-selection--single,
html body .wp-site-blocks .um .select2-container--default.select2-container--open  .select2-selection--single{
  box-shadow: none !important;
  outline: none !important;
}

html body .wp-site-blocks .um .select2-container--default.select2-container--focus .select2-selection--single{
  border-color: rgba(102,0,153,.45) !important;
}

html body .wp-site-blocks .um .select2-dropdown{
  background: var(--bnr-bg) !important;
  border: 1px solid var(--bnr-border) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

html body .wp-site-blocks .select2-container--default .select2-dropdown{
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

html body .wp-site-blocks .um .select2-container--open .select2-dropdown{
  border-color: rgba(102,0,153,.65) !important;
  box-shadow: 0 0 0 4px rgba(102,0,153,.18) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

html body .wp-site-blocks .select2-container--default .select2-search--dropdown .select2-search__field{
  background: var(--bnr-bg) !important;
  border: 1px solid var(--bnr-border) !important;
  border-radius: 11px !important;
  padding: .6rem .8rem !important;
  outline: none !important;
}

html body .wp-site-blocks .um .select2-results__option{
  padding: .6rem .9rem !important;
}

html body .um-field .select2-container.select2-container--open .select2-dropdown .select2-results li, 
html body .um-search-filter .select2-container.select2-container--open .select2-dropdown .select2-results li {
  padding: 3px 7px 4px 13px !important;
  border-radius: 15px;
}

html body .wp-site-blocks .select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable{
  background: rgba(102,0,153,.10) !important;
  color: rgba(0,0,0,.86) !important;
}

html body .wp-site-blocks .select2-container--default .select2-results__option--selected{
  background: rgba(102,0,153,.14) !important;
  color: rgba(0,0,0,.90) !important;
}

body .um-field .select2.select2-container .select2-selection .select2-selection__arrow,
body .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: auto !important;
  width:50px !important;
}

body .um-field .select2 .select2-selection__arrow::before,
body .um-search-filter .select2 .select2-selection__arrow::before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1 !important;
  height: auto !important;
  display: block;
}

/* =========================================================
   13) UM tweaks existants + nav posts/comments
   ========================================================= */
body .um-11.um{
  /*max-width: var(--wp--style--global--content-size) !important;*/
  margin-bottom:0px !important;
}
body .um-profile-photo a.um-profile-photo-img{
  border-width:0.25rem;
  border-color: rgb(234, 229, 239) !important;
}
body .um-profile .um-profile-body{ 	max-width: unset; 
	padding: 0;
}
/* p perdu après um-profile, rajoute du margin pour rien*/
.um-profile ~ p {
	margin: 0;
}
body .picker__box,
body .picker__nav--next:hover,
body .picker__nav--prev:hover,
body .um .um-field-group-head,
body .um .um-members-pagi span.current,
body .um .um-members-pagi span.current:hover,
body .um .um-profile-nav-item.active a,
body .um .um-profile-nav-item.active a:hover,
body .um-modal-btn,
.um-modal-btn.disabled,
body .um-modal-btn.disabled:hover,
body .um-modal-header,
body .upload,
div.uimob340 .um-account-side li a.current,
body div.uimob340 .um-account-side li a.current:hover,
div.uimob500 .um-account-side li a.current,
body div.uimob500 .um-account-side li a.current:hover,
div.uimob800 .um-account-side li a.current,
body .um a.um-button,
body div.uimob800 .um-account-side li a.current:hover{
  background: var(--bnr-violet);
}

html body .picker__box,
html body .picker__nav--next:hover,
html body .picker__nav--prev:hover,
html body .um .um-field-group-head,
html body .um .um-members-pagi span.current,
html body .um .um-members-pagi span.current:hover,
html body .um .um-profile-nav-item.active a,
html body .um .um-profile-nav-item.active a:hover,
html body .um-modal-btn,
html body .um-modal-btn.disabled,
html body .um-modal-btn.disabled:hover,
html body .um-modal-header,
html body .upload,
html body div.uimob340 .um-account-side li a.current,
html body div.uimob340 .um-account-side li a.current:hover,
html body div.uimob500 .um-account-side li a.current,
html body div.uimob500 .um-account-side li a.current:hover,
html body div.uimob800 .um-account-side li a.current,
html body div.uimob800 .um-account-side li a.current:hover,
html body .um a.um-button:hover
{
  background: var(--bnr-violet-accent);
}

html body div.um-modal .upload:hover {
  background: var(--bnr-violet-accent);
}

body div .um-profile-nav{
  padding: 0;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
	background:#222;
}
body div .um-profile-nav-item a:hover {
	background: #333;
}
.um-header{ background:linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%) !important; }

body div .um-profile.um .um-name a {
	color: #000;
}

body .um-profile.um-viewing .ch_acc_general .um-field-label,
body .um-profile.um-viewing .um-field-password .um-field-label{
  border-bottom:0;
  padding:0;
  line-height:inherit;
}

/* Dropdown UM avec border-radius plus similaire site, perte de la petite flèche */
body .um-dropdown{
	border-radius:var(--radius);
	overflow:hidden;
}


html body .um-cover-overlay {
	background:unset;
}

/* Arrow + password toggle */
body .um-field-arrow {
	top: -17px;
	left: 10px;
	position: absolute;
	z-index: 1;
	color: rgb(241, 214, 214) !important;
	font-size: 28px;
	line-height: 1em !important;
	top: -20px;
	left: 18px;
}

body .um-toggle-password {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
	height: unset;
	width: unset;
	text-align: center;
	box-sizing: border-box;
	font-size: 20px;
	line-height: unset ;
}

/* Items list */
body .um-item {
	padding: 1rem 0;
	border-bottom: 1px solid #eee;
	position: relative;
}
body .um-item-link {
	padding-right: 0px;
	font-size:15px;
	padding-bottom:4px;
	margin: 0 0 8px 0;
  border-bottom: solid 2px #eee;
}
body .um-item-link i {
	margin-right: 0.35rem;
	position: relative;
	font-size:20px;
	top:unset;
	opacity: .9;
	color: rgba(0,0,0,.82);
	display:none;
}
body .um-item-link a {
	color: inherit;
	font-size: inherit;
	line-height: unset;
	font-size:20px;
}
body .um-field-label .um-field-label-icon {
	float: none;
	margin: 0 8px 0 0;
	height: unset;
	line-height: 28px;
	display: inline-block;
	width: 24px;
	text-align: center;
}
body .um-item-meta span {
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
}

/* Nav sizing */
body div .um-profile-nav-item a {
	padding: 10px 10px !important;
	margin-left: 0;
	border-radius: 0;
	width: ;
	width: 50px;
}
body div.uimob340 .um-profile-nav-item a {
	padding: 10px 5px !important;
}
body div.uimob340 .um-item-link a,
body div.uimob500 .um-item-link a,
body div.uimob800 .um-item-link a{
	font-size: 20px;
}
body div.uimob500 .um-profile-nav-item i,
body div.uimob800 .um-profile-nav-item i{
	display: block;
	position: static;
	top: auto;
	left: auto;
	font-size: 26px;
	height: 26px;
	line-height: 26px;
}

body div.uimob340 .um-profile-nav-item i{
	display: block;
	position: static;
	top: auto;
	left: auto;
	font-size: 24px;
	height: 26px;
	line-height: 26px;
}
body div.uimob340 .um-profile-nav-item i.fas.fa-user-lock {
	font-size: 18px !important;
}

div.uimob340 .um-profile-nav-item a,
div.uimob500 .um-profile-nav-item a, 
div.uimob800 .um-profile-nav-item a {
	padding: 10px 20px;
	margin-left: 0;
	border-radius: 0;
}

/* Icons in posts/comments */
/* Pour les posts pending et published */

.um-profile-body .um-item-link > a > span.bnr-um-post::before,
.um-profile-body .um-item-link > a > span.bnr-um-comment::before {
	position: absolute;
  left: 0;
  top: .25em;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
	font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  opacity: .9;
}

/* Base: pas de marge sur l'icône */
.um-profile-body .um-item-link > a::before{
  margin: 0;
}

/* On réserve une "gouttière" pour l'icône */
.um-profile-body .um-item-link > a{
  position: relative;
  padding-left: 30px;      /* même largeur que ton ::before */
  text-indent: 0;
}

/* On place l'icône dans cette gouttière */
.um-profile-body .um-item-link > a::before{
  position: absolute;
  left: 0;
  top: .25em;              /* ajuste si besoin */
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*.um-profile-body.posts .um-item-link > a::before {
	content:"\f00a";
}*/

.um-profile-body.posts .um-item-link > a > span.bnr-um-post::before {
	content: "\f00a";
}
.um-profile-body.posts .um-item-link > a > span.bnr-um-post.bnr-um-post--pending::before {
	content: "\f017";
}

.um-profile-body.comments .um-item-link > a > span.bnr-um-comment::before {
	content:"\f4ad";
}
.um-profile-body.comments .um-item-link > a > span.bnr-um-comment.bnr-um-comment--pending::before {
	content:"\f017";
}

/* UM active color */
.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
	color: var(--bnr-violet) !important;
}

/* =========================================================
   14) SEARCH + BUTTONS blocks + focus global + hero text
   ========================================================= */

/* HOME HERO */

.home-hero {
	background: linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%);
	padding: var(--marg-padd) !important;
    padding-bottom:0 !important;
	border-radius: var(--radius);
}

.bnr-hero .wp-block-verse{
  white-space: normal;
  font-family: inherit;
  font-size: 1.08rem;
  line-height: 1.55;
  color: rgba(0,0,0,.72);
  text-align: center;
  margin: .4rem auto 1.2rem;
  max-width: 62ch;
}
.bnr-hero .wp-block-verse strong{
  color: rgba(0,0,0,.86);
  font-weight: 800;
}
.bnr-search.wp-block-search .wp-block-search__inside-wrapper:hover
  :where(.wp-element-button, .wp-block-search__button__link){
  filter: brightness(1.02);
}
.bnr-search.wp-block-search :where(.wp-element-button, .wp-block-search__button__link):active{
  filter: brightness(.98);
}
.bnr-search.wp-block-search :where(.wp-element-button, .wp-block-search__button__link):focus-visible{
  outline: none;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.18),
    0 0 0 5px rgba(102,0,153,.28);
}

.wp-site-blocks .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link{
  border-radius: 45px;
  padding: 1.05rem 2.1rem;
  font-weight: 900;
  letter-spacing: .2px;

  border: 1px solid rgba(0,0,0,.10);
  color: #fff;

  background:
    radial-gradient(120% 140% at 18% 20%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.90), rgba(0,0,0,.98));

  box-shadow:
    0 14px 34px rgba(0,0,0,.12),
    0 8px 22px rgba(170,120,0,.10);

  transition: filter .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wp-site-blocks .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:hover{
  border-color: rgba(0,0,0,.18);
  filter: brightness(1.03);
  box-shadow:
    0 18px 44px rgba(0,0,0,.16),
    0 12px 30px rgba(170,120,0,.14);
}
.wp-site-blocks .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:active{
  filter: brightness(.99);
}
.wp-site-blocks .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:focus-visible{
  outline: none;
  border-color: rgba(102,0,153,.55);
  box-shadow:
    0 18px 44px rgba(0,0,0,.16),
    0 12px 30px rgba(170,120,0,.14),
    0 0 0 6px rgba(102,0,153,.22);
}

:where(a, button, [tabindex]):focus{ outline: none; }
:where(a, button, [tabindex]):focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(102,0,153,.18);
  border-radius: 10px;
}
a:where(:not(.wp-element-button)) {
    text-decoration: unset;
}

:any-link{
    text-decoration: unset;
}


body .wp-block-post-title a:hover,
body .wp-block-post-author-name a:hover,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
a.um-link.um-profile-link:hover
{
  text-decoration: unset;
  color: var(--bnr-violet);
}

body .um-profile.um .um-profile-edit-a.active, .um-profile.um .um-profile-headericon a:hover,
body .um-toggle-password:hover i
 {
  color: var(--bnr-violet) !important; 
}

.bnr-hero .wp-block-heading{
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0 auto .6rem;
  text-wrap: balance;
  text-shadow: 0 10px 30px rgba(0,0,0,.06), 0 6px 18px rgba(170,120,0,.08);
}


/* REDIRECTION MESSAGES D'ERREURS */

/* L’icône FA6 */
html body .bnr-ico::before{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;            /* solid */
  font-style: normal;
  font-size: 1rem;
	opacity: 0.85;
  line-height: 1;
  display: block;            /* fallback: circle-info */
}

/* pending: clock */
html body .bnr-ico--pending::before{
  content: "\f017";
}

/* expired: hourglass-end */
html body .bnr-ico--expired::before{
  content: "\f253";
}

/* 404: triangle-exclamation */
html body .bnr-ico--404::before{
  content: "\f127";
}

/* Unlogged: member icon */
html body .bnr-ico--unlogged::before{
  content: "\f2bd";
}


/* BOITE D'INFORMATION */

/* Idée: bulb ampoule */
html body .bnr-ico--idea::before{
  content: "\e2ca";
}
/* Idée: bulb community */
html body .bnr-ico--community::before{
  content: "\f0c0";
}




/* FENETRE DES MESSAGES D'ERREURS  */

html body .bnr-notice-wrap{
  margin: 0;
}

/* ✅ Toggle invisible mais toujours fonctionnel (label -> checkbox) */
html body .bnr-notice__toggle{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Conteneur notice (même style que ton actuel) */
html body .bnr-notice{
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  box-sizing: border-box;

  margin: 0 auto;
  padding: 14px;
  border-radius: 16px;

  background: linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 10px 26px rgba(0,0,0,.10),
    inset 0 0 0 1px rgba(255,255,255,.85),
    inset 0 0 0 2px rgba(102, 0, 153, .10);

  border: 1px solid rgba(0,0,0,.06);
  color: rgba(30, 18, 40, .95);

  /* Layout "fenêtre" : barre en haut + texte en dessous */
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 8px;
}

/* Barre titre (icone + titre + croix) */
html body .bnr-notice__bar{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

/* Icône (inchangé) */
html body .bnr-notice__icon{
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  display: grid;
  place-items: center;

  background: rgba(102, 0, 153, .10);
  box-shadow:
    inset 0 0 0 1px rgba(102, 0, 153, .18),
    inset 0 1px 0 rgba(255,255,255,.8);

  font-size: 18px;
}

/* Titre : prend la place, ellipsis si long */
html body .bnr-notice__title{
 flex: 1 1 auto;
  min-width: 0;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 1.2rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0,0,0,0.7);
}

/* Texte en dessous (inchangé, juste sans margin-top) */
html body .bnr-notice__text{
  margin-top: 0;
  font-size: .94rem;
  opacity: .88;
  line-height: 1.3;
  /*white-space: pre-line; /* \n => sauts de ligne */
}
/* Message de support page de recherche */
.bnr-notice.bnr-notice--info {
	margin: calc(var(--marg-padd)*1.2) 0 0;
}


/* Croix (inchangé + sécurisation droite) */
html body .bnr-notice__close{
  width: 2.35rem;
  height:  2.35rem;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.65);
  cursor: pointer;

  display: none;
  place-items: center;

  font-size: 22px;
  line-height: 1;
  color: rgba(40, 20, 55, .9);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 6px 18px rgba(0,0,0,.08);

  user-select: none;

  margin-left: auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}

/* Dismiss */
html body .bnr-notice__toggle:not(:checked) ~ .bnr-notice{
  display: none;
}
/* ---------------------- */


/* WBP — Load more button (compact, same style as HERO button) */

body nav.home-pagination {
    display:none;
}
.wp-site-blocks .wbp-load-more{
  appearance: none;
  -webkit-appearance: none;

  border-radius: 45px;
  padding: .72rem 1.25rem;   /* plus compact */
  margin:0 auto 50px;
  display:block;
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .95rem;
  line-height: 1;

  border: 1px solid rgba(0,0,0,.10);
  color: #fff;

  background:
    radial-gradient(120% 140% at 18% 20%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.90), rgba(0,0,0,.98));

  box-shadow:
    0 10px 24px rgba(0,0,0,.12),
    0 6px 16px rgba(170,120,0,.10);

  transition: filter .18s ease, box-shadow .18s ease, border-color .18s ease;
  cursor: pointer;
}

.wp-site-blocks .wbp-load-more:hover{
  border-color: rgba(0,0,0,.18);
  filter: brightness(1.03);
  box-shadow:
    0 14px 32px rgba(0,0,0,.16),
    0 10px 22px rgba(170,120,0,.14);
}

.wp-site-blocks .wbp-load-more:active{
  filter: brightness(.99);
}

.wp-site-blocks .wbp-load-more:focus-visible{
  outline: none;
  border-color: rgba(102,0,153,.55);
  box-shadow:
    0 14px 32px rgba(0,0,0,.16),
    0 10px 22px rgba(170,120,0,.14),
    0 0 0 6px rgba(102,0,153,.22);
}

.wp-site-blocks .wbp-load-more:disabled{
  opacity: .65;
  cursor: default;
  filter: none;
}
/* WBP — Load more: état "The End" (fond gris clair, texte noir) */
.wp-site-blocks .wbp-load-more.is-the-end{
  color: rgba(0,0,0,.85);
  border-color: rgba(0,0,0,.10);

  background:
    radial-gradient(120% 140% at 18% 20%, rgba(255,255,255,.55), transparent 60%),
    linear-gradient(180deg, rgba(245,245,245,.96), rgba(235,235,235,.98));

  box-shadow:
    0 10px 24px rgba(0,0,0,.06),
    0 6px 16px rgba(0,0,0,.04);

  filter: none;
}

/* Optionnel: pas d'effet hover sur The End */
.wp-site-blocks .wbp-load-more.is-the-end:hover{
  border-color: rgba(0,0,0,.10);
  filter: none;
  box-shadow:
    0 10px 24px rgba(0,0,0,.06),
    0 6px 16px rgba(0,0,0,.04);
}

/* =========================================================
   15) MENU ICONS
   ========================================================= */
.wp-block-navigation a.wp-block-navigation-item__content{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.wp-block-navigation a.wp-block-navigation-item__content::before {
  display: inline-flex;
  align-items: right;
  justify-content: right;

  width: 25px;
  flex: 0 0 25px;

  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  opacity: .9;
}

html body .wp-site-blocks .wp-block-navigation
  .wp-block-navigation-item.menu_downloadEBB > a.wp-block-navigation-item__content::before{
  content: "\f019";
}
html body .wp-site-blocks .wp-block-navigation
  .wp-block-navigation-item.menu_collection > a.wp-block-navigation-item__content::before{
  content: "\f005";
}
html body .wp-site-blocks .wp-block-navigation
  .wp-block-navigation-item.menu_add > a.wp-block-navigation-item__content::before{
  content: "\f093";
}
html body .wp-site-blocks .wp-block-navigation
  .wp-block-navigation-item.menu_account > a.wp-block-navigation-item__content::before{
  content: "\f2bd";
}
html body .wp-site-blocks .wp-block-navigation
  .menu_log > a::before{
  content: "\f011";
}
html body .wp-site-blocks .wp-block-navigation
  .menu_register > a::before{
  content: "\f31c";
}
.menu_downloadEBB{ 
  color: var(--bnr-violet); 
  font-weight:700; 
}

/* ==================================================
   16) EEB Download Page CSS
   ================================================== */
.ebbl{
  color: var(--text);
  margin:0;
}
.ebbl a { color: inherit; text-decoration: none; }
.ebbl a.ebbl-ext-links{
	color: var(--bnr-violet);
	font-weight:bold;
}
.ebbl a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.ebbl code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .95em;
  background: rgba(0,0,0,.04);
  padding: .12em .32em;
  border-radius: 8px;
}

.ebbl-hero{
  background:
linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%);
  border-radius: var(--radius);
  overflow: hidden;
}

.ebbl--single .ebbl-hero__inner,
.ebbl--single .ebbl-wrap{
  max-width: none !important;
}

.ebbl-hero__inner{
  margin: 0 auto;
  padding: var(--marg-padd) var(--marg-padd) 2rem;
}

.ebbl-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 600;
}

.ebbl-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--accentSoft);
  border: 1px solid var(--accentLine);
  color: var(--accent);
  font-weight: 800;
  letter-spacing: .04em;
}

.ebbl-kicker__sep{ opacity: .45; }

.ebbl-title{
  margin: 10px 0 8px 0;
  font-size: clamp(30px, 5.2vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.ebbl-subtitle{
  margin:  18px 0;
  max-width: 70ch;
  color: var(--muted);
  font-size: 1.05rem;
}

.ebbl-cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.ebbl-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.65);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  font-weight: 750;
  will-change: transform;
}

.ebbl-btn--primary{
  border-color: var(--accentLine);
  background: linear-gradient(180deg, rgba(102,0,153,.14), rgba(102,0,153,.09));
  color: var(--accent);
}

.ebbl-btn--ghost{
  background: rgba(255,255,255,.55);
}

.ebbl-btn--text{
  background: transparent;
  box-shadow: none;
  border-color: transparent;
  color: var(--muted);
  font-weight: 650;
}

.ebbl-btn:hover{
  transform: translateY(-1px);
  transition: transform .15s ease;
}

.ebbl-note{
  margin: 0;
  color: var(--muted2);
}

.ebbl-wrap{
  margin: 18px auto 0;
  padding: 0;
}

.ebbl-card{
  background: linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 420px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 420px at 90% 10%, rgba(0,0,0,.03), transparent 60%);
  border-radius: var(--radius);
  padding: 18px 18px;
  margin-top: 18px;
}

.ebbl-card:first-child{ margin-top: 0; }

.ebbl-h2{
  margin: 0 0 10px 0;
  font-size: 1.15rem;
  letter-spacing: -0.01em;
}

.ebbl-h3{
  margin: 14px 0 8px 0;
  font-size: 1.02rem;
}

.ebbl-p{ margin: 0; color: var(--muted); }

.ebbl-list, .ebbl-files, .ebbl-links, .ebbl-steps{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}


.ebbl-steps li, .ebbl-list li, .ebbl-files li{ margin: 8px 0; }

.ebbl-links{ list-style: none; padding-left: 0; }
.ebbl-links li{ margin: 8px 0; }
.ebbl-links a{
  display: inline-block;
  border-bottom: 1px solid rgba(102,0,153,.35);
  padding-bottom: 2px;
}
.ebbl-links a:hover{ border-bottom-color: rgba(102,0,153,.65); }

.ebbl-divider{
  height: 1px;
  background: rgba(17,17,17,.10);
  margin: 14px 0;
}

.ebbl-callout{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(102,0,153,.08), rgba(102,0,153,.05));
  border: 1px solid rgba(102,0,153,.22);
  color: rgba(17,17,17,.80);
}

.ebbl-callout--warn{
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.02));
  border-color: rgba(17,17,17,.12);
}

.ebbl-dim{
  color: var(--muted2);
  margin-left: 8px;
  font-size: .85em;
}

.ebbl-small{
  margin: 0 0 10px 0;
  color: var(--muted2);
  font-size: .95rem;
}

.ebbl-two{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (max-width: 799.98px){
  .ebbl-two{ grid-template-columns: 1fr; }
}

.ebbl-panel {
	background: rgba(255,255,255,.55);
	border: 1px solid rgba(17,17,17,.08);
	border-radius: 18px;
	padding: 14px 14px;
}
.ebbl-details{
  margin-top: 18px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: rgba(255,255,255,.65);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.ebbl-details__summary{
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 750;
  color: var(--text);
  list-style: none;
}
.ebbl-details__content {
	padding: 0 var(--marg-padd) var(--marg-padd) var(--marg-padd);
}

/* ==================================================
   17) PREVIEW BANNER + ICON
   ================================================== */

.banner-preview{ width:100%; }

.banner-preview__frame{
  position:relative;
  width:100%;
  aspect-ratio: 640 / 356;
  overflow:hidden;
  border-radius: var(--radius) var(--radius) 0 0;
}

/* BG */
.banner-preview__bg{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  width: calc(640 / 428 * 100%);
  height:100%;
  background-size: 100% auto;
  background-position:center;
}

/* Logo */
.banner-preview__logo{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  max-width: var(--logo-max-w, 100%);
  max-height: var(--logo-max-h, 100%);
  width:auto;
  height:auto;
  object-fit:contain;
}

/* Badge */
.banner-preview__preview-badge{
  position:absolute;
  top:8px;
  left:50%;
  transform: translateX(-50%);
  padding: 6px 16px;
  background: rgba(50,50,50,.65);
  color:#fff;
  font-size:.5em;
  font-weight:600;
  letter-spacing:1px;
  border-radius:999px;
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
  z-index:11;
  pointer-events:none;
  white-space:nowrap;
  transition: transform .35s ease;
}

/* Toggle (checkbox cachée) */
.banner-preview__toggle{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

/* Label plein écran = tap pour ON/OFF */
.banner-preview__toggle-hit{
  position:absolute;
  inset:0;
  background:transparent;
  z-index:20; /* au-dessus du banner, sous l’icône */
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}

/* Overlay sombre (visuel) */
.banner-preview__wii-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.7);
  opacity:0;
  transition: opacity .45s ease;
  pointer-events:none;
  z-index:10;
}

/* Wrapper icône (OFF = ghost pour laisser passer le tap vers le label) */
.banner-preview__wii-wrapper{
  position:absolute;
  left:50%;
  top:50%;
  width:40%;
  aspect-ratio: 4 / 3;
  max-width:170px;
  max-height:127.5px;
  transform: translate(-50%,-50%) scale(1);
  opacity:0;
  transition: opacity .45s ease, transform .4s ease;
  z-index:30;
  pointer-events:none; /* <- la clé */
}

/* Fond icon */
.banner-preview__icon-bg{
  position:absolute;
  inset:0;
  background-size:auto 102%;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:15px;
  border: .15em solid #aaa;
  box-shadow:0 0 0 1px rgba(106,0,214,.52), 0 0 8px rgba(106,0,214,.36), 0 0 16px rgba(106,0,214,.34);
}

/* Lien icône (OFF = non cliquable) */
.banner-preview__icon-link{
  position:absolute;
  inset:0;
  display:block;
  z-index:2;
  pointer-events:none;
}

.banner-preview__icon-logo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* OPEN en dessous de l'icon preview */ 
.banner-preview__icon-link .bnr-link-open-text {
	position: absolute;
	bottom: -1.5rem;
	color: white;
	font-weight:600;
	font-size: 0.75rem;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.banner-preview__icon-link  .bnr-link-open-text::after {
    display: inline-flex; 
	text-align: left;
	align-items: center;
	margin-left: 0.4rem;
	font-family: "Font Awesome 6 Free";
}
.banner-preview__icon-link  .bnr-link-open-text.bnr-link-open-text::after {
	content:"\f14c";
}

/* Slogos */
.banner-preview__slogos{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:3; /* monte à 12 si tu veux au-dessus de l’overlay */
}

.banner-preview__slogo{
  position:absolute;
  width:17.5%;
  height:auto;
  object-fit:contain;
}
.banner-preview__slogo--bl{ bottom:4.5%; left:3%; }
.banner-preview__slogo--br{ bottom:4.5%; right:3%; }
.banner-preview__slogo--tl{ top:4.5%; left:3%; }
.banner-preview__slogo--tr{ top:4.5%; right:3%; }

/*  ÉTAT VISIBLE (mobile) : checked  */
.banner-preview__toggle:checked ~ .banner-preview__wii-overlay{
  opacity:1;
}

.banner-preview__toggle:checked ~ .banner-preview__wii-wrapper{
  opacity:1;
  transform: translate(-50%,-50%) scale(1.08);
  pointer-events:auto; /* <- redevient interactif */
}

.banner-preview__toggle:checked ~ .banner-preview__wii-wrapper .banner-preview__icon-link{
  pointer-events:auto; /* <- lien activé uniquement quand visible */
}

.banner-preview__toggle:checked ~ .banner-preview__preview-badge{
  transform: translateX(-50%) scale(1.08);
}


/* Desktop : hover réel uniquement */

@media (hover: hover) and (pointer: fine){
  /* Sur desktop, le label toggle ne doit pas intercepter */
  .banner-preview__toggle-hit{
    pointer-events:none;
    cursor:default;
  }

  .banner-preview:hover .banner-preview__wii-overlay{
    opacity:1;
  }

  .banner-preview:hover .banner-preview__wii-wrapper{
    opacity:1;
    transform: translate(-50%,-50%) scale(1.08);
    pointer-events:auto;
  }

  .banner-preview:hover .banner-preview__wii-wrapper .banner-preview__icon-link{
    pointer-events:auto;
  }

  .banner-preview:hover .banner-preview__preview-badge{
    transform: translateX(-50%) scale(1.08);
  }
}

/* ==================================================
   18) Categories enfants couleurs dépendant du parent
   ================================================== */

.post-categories span.sep {
	display:none;
}

/* Cache le séparateur WP */
.post-categories span.sep{ display:none; }

/* Base : pill premium */
.post-categories a{
    /* layout */
    display:inline-flex;
    align-items:center;

    gap:.4rem;
    margin: 0 0.75rem .45rem 0;
    padding: .3rem .6rem;

    /* typography */
    font-size: .84rem;
    font-weight: 600;
    letter-spacing: .01em;
    text-decoration:none;

    /* shape */
    border-radius: calc(var(--radius)/2);
    border: 1px solid var(--cat-line, var(--border));
    background:
    linear-gradient(180deg,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.70) 100%),
        var(--cat-soft, rgba(0,0,0,.04));
        color: var(--cat-text, var(--text));

    /* “premium” details */
    box-shadow:
        0 10px 22px rgba(0,0,0,.06),
        inset 0 1px 0 rgba(255,255,255,.55);
        backdrop-filter: saturate(140%) blur(6px);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease,
        color .18s ease;
}

/* Hover : lift + bordure plus présente */
.post-categories a:hover{
  border-color: var(--cat-line, var(--bnr-border-hover));
  box-shadow:
    0 14px 30px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.62);
}

/* Active : petit “press” */
.post-categories a:active{
  transform: translateY(0);
  box-shadow:
    0 10px 22px rgba(0,0,0,.08),
    inset 0 2px 10px rgba(0,0,0,.10);
}

/* Focus clavier : propre et visible */
.post-categories a:focus-visible{
  outline: none;
  box-shadow:
    0 14px 30px rgba(0,0,0,.10),
    0 0 0 3px rgba(255,255,255,.90),
    0 0 0 6px var(--cat-soft, var(--accentSoft));
}

/* Parent: banners (violet accent du site) */
.post-categories a.parent-banners{
  --cat-text: var(--accent);
  --cat-soft: rgba(102,0,153,.10);     /* accentSoft-like */
  --cat-line: rgba(102,0,153,.28);     /* accentLine-like */
}
.post-categories a.parent-icons{
  --cat-text: #6f5200;                 /* texte brun-or lisible */
  --cat-soft: rgba(245, 197, 66, .16); /* fond soft jaune */
  --cat-line: rgba(245, 197, 66, .42); /* bordure */
}

/*autre parent "tools" (orange premium) */
/*
.post-categories a.parent-tools{
  --cat-text: #9a4a11;
  --cat-soft: rgba(154,74,17,.10);
  --cat-line: rgba(154,74,17,.28);
}
*/

/* Option : rendre les tags plus compacts sur mobile */
@media (max-width: 640px){
  .post-categories a{
    font-size: .85rem;
    padding: .30rem .70rem;
  }
}

/* ==================================================
   19) Boutons EDIT / APPROVE / DELETE / USERS
   ================================================== */


.delete-post-link,
.wpuf-edit-link,
.wbp-approve-btn,
.wbp-msg-pending
{
  float: right;
  display: inline-flex;
  align-items: center;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;

  padding: .46rem .62rem;
  margin: 0 0 0 .5rem;

  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.10);

  background:
    linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 55%),
    var(--btn-bg);
  color: var(--btn-text);

  box-shadow:
    0 10px 22px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.22);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease,
    border-color .18s ease;
}

.delete-post-link:hover,
.wpuf-edit-link:hover,
.wbp-approve-btn:hover
{
  filter: brightness(1.04) saturate(1.06);
  box-shadow:
    0 14px 28px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.24);
  border-color: rgba(17,17,17,.14);
}

.delete-post-link:active,
.wpuf-edit-link:active{
  transform: translateY(0);
  filter: brightness(.99);
  box-shadow:
    0 10px 22px rgba(0,0,0,.10),
    inset 0 2px 10px rgba(0,0,0,.18);
}

.delete-post-link:focus-visible,
.wpuf-edit-link:focus-visible{
  outline: none;
  box-shadow:
    0 14px 28px rgba(0,0,0,.11),
    0 0 0 3px rgba(255,255,255,.92),
    0 0 0 6px var(--btn-ring);
}

form.quick_delete {
	margin:0 !important;
}



/* --- Edit: violet “pastel profond” (berry) --- */
.wpuf-edit-link{
  --btn-bg: #7b3bb9;                 /* profond + pastel, bien saturé */
  --btn-text: rgba(255,255,255,.96);
  --btn-ring: rgba(102,0,153,.24);
}

/* --- Delete: rouge “pastel profond” (rose brique) --- */
.delete-post-link{
  --btn-bg: #d65b4a;                 /* pastel saturé, pas criard */
  --btn-text: rgba(255,255,255,.96);
  --btn-ring: rgba(211,90,107,.26);
}

/* Mobile safe */
@media (max-width: 640px){
  .delete-post-link,
  .wpuf-edit-link{
    float: none;
    margin: 0 0 0 .4rem;
  }
}

/* ==================================================
   20) Boutons DOWNLOAD BNR
   ================================================== */

:root{
  --uv-violet: #6A00D6;
  --uv-violet-deep: #3A0060;

  /* glow (base light) */
  --uv-glow-1a: rgba(106,0,214,.26);
  --uv-glow-2a: rgba(106,0,214,.12);
  --uv-glow-3a: rgba(106,0,214,.06);

  /* glow (hover stronger) */
  --uv-glow-1b: rgba(106,0,214,.46);
  --uv-glow-2b: rgba(106,0,214,.22);
  --uv-glow-3b: rgba(106,0,214,.12);
}

.bnr-download{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;

  width:100%;
  max-width:100%;
  box-sizing:border-box;

  padding:.95rem 1rem;
  margin:calc(var(--marg-padd)*1) 0 calc(var(--marg-padd)*1);

  font-weight:900;
  letter-spacing:.02em;
  text-decoration:none;
  color: rgba(58,0,96,.95);

  border-radius: var(--radius-alt);
  border: 1px solid rgba(58,0,96,.185);

  /* fond: blanc + teinte violet sombre plus visible */
  background:
    linear-gradient(180deg, rgba(255,255,255,.955) 0%, rgba(255,255,255,.88) 100%),
    radial-gradient(1100px 240px at 50% 0%,
      rgba(106,0,214,.12) 0%,
      rgba(106,0,214,0) 62%),
    linear-gradient(180deg,
      rgba(58,0,96,.075) 0%,
      rgba(58,0,96,.045) 100%);

  box-shadow:
    /*0 10px 22px rgba(0,0,0,.06),*/
    inset 0 1px 0 rgba(58,0,96,.045),
    /*0 0 0 1px var(--uv-glow-1a),
    0 0 6px var(--uv-glow-2a),
    0 0 10px var(--uv-glow-3a);*/

  position:relative;
  overflow:hidden;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease;
}

.bnr-download::after{
  content:"\f019";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:1.02rem;
  color: var(--uv-violet-deep);
  opacity:.92;
  color:rgba(58,0,96,.95);
  transform: translateY(1px);
}

.bnr-download:hover{
  transform: translateY(0px);
  border-color: rgba(58,0,96,.285);

  background:
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.88) 100%),
    radial-gradient(1100px 240px at 50% 0%,
      rgba(106,0,214,.14) 0%,
      rgba(106,0,214,0) 62%),
    linear-gradient(180deg,
      rgba(58,0,96,.585) 0%,
      rgba(58,0,96,.550) 100%);
/*
  box-shadow:
    0 14px 30px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.74),
    0 0 0 1px var(--uv-glow-1b),
    0 0 8px var(--uv-glow-2b),
    0 0 14px var(--uv-glow-3b);*/
}

.bnr-download:active{
  transform: translateY(0);
  box-shadow:
    0 10px 22px rgba(0,0,0,.06),
    inset 0 2px 12px rgba(0,0,0,.10);
}

.bnr-download:focus-visible{
  outline:none;
  box-shadow:
    0 14px 30px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.74),
    0 0 0 2px rgba(255,255,255,.92),
    0 0 0 5px rgba(106,0,214,.16),
    0 0 10px rgba(106,0,214,.18);
}

.bnr-download{ min-width:0; }


/* =========================================================
   21) Recherche toggles (BNR / PICS) — NEON UV violet
   ========================================================= */

:root{
  --uv-violet: #6A00D6;        /* violet UV plus foncé (contour) */
  --uv-violet-deep: #560099;   /* texte violet profond */
  --uv-text: rgba(0,0,0,.82);
}

.bnr-search-toggles{
  display:flex;
  gap:12px;
  align-items:center;
  margin:10px 0 14px;
}

.bnr-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;

  border-radius:6px;
  text-decoration:none;
  font-size:0.85rem;
  font-weight:900;
  letter-spacing:.25px;
  line-height:1;

  background:#fff;
  border:1px solid rgba(0,0,0,.14);
  box-shadow:none;

  color: var(--uv-text);
  transition: transform .08s ease, opacity .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease, color .12s ease;
}

.bnr-toggle:hover{
  border-color: rgba(0,0,0,.22);
}

.bnr-toggle:active{
  transform: translateY(1px);
}

.bnr-toggle.is-off{ opacity:.55; }

/* Same accent for both */
.bnr-toggle--bnr,
.bnr-toggle--pics{
  border-color: rgba(106,0,214,.48);
  color: rgba(58,0,96,.98);
}

/* ON = darker border + softer, tighter glow */
.bnr-toggle.is-on{
  opacity:1;
  background: rgba(106,0,214,.05);
  border-color: rgba(106,0,214,.95);
  color: var(--uv-violet-deep);

  box-shadow:
    0 0 0 1px rgba(106,0,214,.46),
    0 0 7px rgba(106,0,214,.22),
    0 0 14px rgba(106,0,214,.12);
}

.bnr-toggle.is-on:hover{
  background: rgba(106,0,214,.07);
  box-shadow:
    0 0 0 1px rgba(106,0,214,.52),
    0 0 8px rgba(106,0,214,.26),
    0 0 16px rgba(106,0,214,.14);
}

/* Keyboard focus (subtle) */
.bnr-toggle:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.16),
    0 0 0 5px rgba(106,0,214,.16);
}



/* =========================================================
   22) Catégories BNR ChipSelect refait / remplace WPUF CAT
   ========================================================= */

.bnr-chipselect{
  width: 100%;
  max-width: 100%;
}

.bnr-chipselect__label{
  font-size: 1rem;
  margin: 0 0 8px;
}

.bnr-chipselect__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;

  /* Important pour éviter les effets de wrap bizarre */
  min-width: 0;
}

.bnr-chipselect__placeholder{
  opacity: .55;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bnr-chipselect__caret{
  margin-left: auto;
  opacity: .6;
	display:none;
}

/* Dropdown panel collé */
.bnr-chipselect__panel{
  margin-top: -1px;               /* fusion de bordure avec le control */
  border: 1px solid #eee;
  border-radius:  var(--radius-alt);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,.04);
  position:relative;
}

.bnr-chipselect__control:hover {
  border-color: rgba(0,0,0,.22);
  filter: brightness(1.01);
}

/* Pour que la fusion soit parfaite : le panel ne doit pas redessiner un arrondi au contact */
.bnr-chipselect__control[aria-expanded="true"]{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bnr-chipselect__control[aria-expanded="true"] + .bnr-chipselect__panel{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Search */
.bnr-chipselect__searchwrap{
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.bnr-chipselect__search{
  width: 100%;
  padding: 10px 12px;
	font-size:0.95rem !important;
  border-radius:  var(--radius-alt);
  border: 1px solid #ddd;

  box-sizing: border-box;
}

/* List */
.bnr-chipselect__list{
  max-height: 280px;
  overflow: auto;
  padding: 8px;
}

.bnr-chipselect__item {
	width: 100%;
	text-align: left;
	padding: 10px 12px;
	border: 0;
	background: transparent;
	border-radius:  var(--radius-alt);
	cursor: pointer;
	margin: 0 0 1px;
}
/*
.bnr-chipselect__item:hover{
  background: rgba(0,0,0,.04);
}
*/
.bnr-chipselect__item.is-selected{
  background: rgba(102,0,153,.10);
  outline: 1px solid rgba(0,0,0,.25);
}

/* Chips */
.bnr-chipselect__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	border-radius: 6px;
	background: rgba(0,0,0,.06);
	border: 0px solid;
	padding: 0.3rem 0.3rem 0.3rem 0.6rem;
	font-size: 0.84rem;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--manrope);
	text-decoration: none;
}

.bnr-chipselect__chipx{
  border: 0;
  background: transparent;
  cursor: pointer;

  font-size: 18px;
  line-height: 1;
  opacity: .6;
  padding: 0;
	width: 18px;
}

.bnr-chipselect__chipx:hover{
  opacity: 1;
}
.bnr-chipselect__chiptext {
	text-align: left;
}

.bnr-chipselect__hint{ margin-top: 8px; opacity: .75; font-size: .95rem; }
.bnr-chipselect__error{ margin-top: 8px; color: #b00020; }

/* Parent header non cliquable */
.bnr-chipselect__parent {
  padding: 10px 12px;
  font-weight: 700;
  opacity: .65;
  cursor: default;
  font-size: 0.875rem;
  background: #fafafa;
  border-radius: 6px;
  margin: 0 0 1px;
}

/* Indentation enfants */
.bnr-chipselect__item {
	width: 100%;
	text-align: left;
	padding: 10px 12px;
	border: 0;
	background: transparent;
	border-radius: 0.2rem;
	cursor: pointer;
}

/* BANNERS COULEURS SPE */

.bnr-chipselect__item.parent-banners {
	color: var(--accent);
}
.bnr-chipselect__item.parent-banners:hover,
.bnr-chipselect__item.parent-banners.is-selected,
.bnr-chipselect__chip.parent-banners
{
    background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.70) 100%), var(--cat-accent, rgba(0,0,0,.04));
    box-shadow: 0 0 1px var(--accent);
    color: var(--accent);
}

/* ICONS COULEURS SPE */
.bnr-chipselect__item.parent-icons {
	color: var(--cat-text);
}
.bnr-chipselect__item.parent-icons:hover, .bnr-chipselect__item.parent-icons.is-selected,
.bnr-chipselect__chip.parent-icons{
	background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.70) 100%), var(--cat-soft, rgba(0,0,0,.04));
  box-shadow: 0 0 1px var(--cat-text);
	color: var(--cat-text);
}

/* Disabled state */
.bnr-chipselect__item.is-disabled{
  opacity: .35;
  cursor: not-allowed;
  pointer-events: none;
}

/* Dropdown list: 1 ligne par item + scroll horizontal sur le wrapper  */

/* 1) Le wrapper scroll horizontal */
.bnr-chipselect__list{
  overflow-x: hidden !important;     /* scroll horizontal */
  overflow-y: auto;               /* garde le scroll vertical normal */
  -webkit-overflow-scrolling: touch;
}

/* 2) Les items ne reviennent jamais à la ligne */
.bnr-chipselect__item{
  white-space: nowrap !important; /* 1 ligne */
}

/* (Optionnel) le texte ne “pousse” pas en hauteur */
.bnr-chipselect__item{
  line-height: 1.2;
}
/* wrapper scroll */
.bnr-chipselect__list{
  max-height: 280px;
  overflow-y: auto;
  overflow-x: auto;
  padding: 8px;
}

/* le “contenu” prend la largeur nécessaire (déclenche overflow-x) */
.bnr-chipselect__listinner{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 100%;         /* garde au moins la largeur normale */
}

/* parents + items prennent la largeur du contenu */
.bnr-chipselect__parent,
.bnr-chipselect__item{
  white-space: nowrap !important;
}



/* =========================================================
   23) WP Discuz tweaks
   ========================================================= */

#wpdcom * {
	line-height: unset;
}

/* Liens login logout */
html body #wpdcom .wpd-auth .wpd-login a {
	color: var(--bnr-violet);
}
html body #wpdcom .wpd-auth .wpd-login a:hover {
	color: var(--bnr-violet-accent);
}

/* Boite de commentaire */
html body #wpdcom .ql-container {
	border-radius: var(--radius-alt) var(--radius-alt) 0 0;
}
html body #wpdcom .ql-toolbar {
	border-radius: 0 0 var(--radius-alt) var(--radius-alt);
}
html body #wpdcom .ql-toolbar {
    padding: 8px;
}
html body #wpdcom .ql-toolbar button.ql-spoiler:hover, 
html body #wpdcom .ql-toolbar button.ql-sourcecode:hover, 
html body #wpdcom .ql-toolbar 
html body .wmu-upload-wrap .wmu-add i:hover, 
html body #wpdcom .ql-toolbar button:hover .ql-stroke
{
	color: var(--bnr-violet);
	stroke: var(--bnr-violet);
}
html body #wpdcom .ql-toolbar button:hover .ql-fill {
    fill: var(--bnr-violet);
}
html body #wpdcom .ql-editor.ql-blank::before {
    letter-spacing: 0;
    font-style: normal;
}

/* Bouton envoyer com */
html body #wpdcom .wpd-second-button, html body #wpdcom .wpd-prim-button {
	background: var(--bnr-violet);
	border-radius: calc(var(--radius-alt)/2);
	font-size: 0.75rem;
	line-height: inherit;
	padding: .45rem 0.75rem;
	text-transform: uppercase;
}
html body #wpdcom .wc-field-submit {
    padding: 0;
}
html body #wpdcom .wc-field-submit {
    align-items: center;
}

/* Messages affichés */
#wpdcom .wpd-comment-text {
    color:#000;
}
#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a {
	color: var(--bnr-violet);
}
#wpdcom .wpd-blog-administrator .wpd-comment-label {
	color: #ffffff;
	background-color: var(--bnr-violet);
	border: none;
}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-administrator .wpd-avatar img {
	border-bottom-color: var(--bnr-violet);
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
	border: 1px solid #aaa;
	width: 62px;
}

.comments-area{width:auto;}


html body #wpdcom .wpd-comment .wpd-reply-to a {
	color: var(--bnr-violet);
}
html body  #wpdcom .wpd-comment .wpd-reply-to a:hover {
	color: var(--bnr-violet-accent);
}
html body #wpdcom .wpd-up {
	color: var(--bnr-violet) !important;
}
html body #wpdcom .wpd-down {
	color: var(--bnr-muted) !important;
}
html body #wpdcom .wpd_label__check i.wpdicon-off {
    border-radius: calc(var(--radius)/2);
}
html body #wpdcom .wpd_label__check i.wpdicon-on {
    border-radius: calc(var(--radius)/2);
}

/* BNR — wpDiscuz message inline (last only) — v1.0 */
html body .bnr-wpd-msg-inline{
    width: 100%;
    display: none;
    max-width: 100%;
    box-sizing: border-box;
    margin: var(--marg-padd) 0 !important;
    padding: .85rem 1rem .85rem 3rem !important;
    border-radius: var(--radius-alt) !important;
    background: rgb(253, 246, 246) !important;
    border: 1px solid rgb(241, 214, 214) !important;
    color: rgb(132, 27, 27) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    position: relative !important;
}
.bnr-wpd-msg-inline::before {
    content: "\f06a" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgb(249, 236, 236) !important;
    color: rgb(150, 45, 45) !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

#wpdcom .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar{
    width:56px;
    height: 56px;
    max-width: 56px;
}
@media screen and (max-width: 600px) {
#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img.avatar {
	width: 36px;
	height: 36px;
	padding: 1px;
}
}

html body .bnr-wpd-msg-inline.is-on{ display:block; }

html body #wpdiscuz-loading-bar { display:none; }

/* =========================================================
   23) WBP Post Vote — v1.4 (PJ2-like buttons, total right) 
   ========================================================= */

.wbp-post-vote{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.wbp-post-vote__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 34px;
  padding: 0 14px;
  border-radius: 6px;

  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: .25px;
  line-height: 1;

  background: #fff;
  border: 1px solid rgba(0,0,0,.14);
  box-sizing: unset;
  box-shadow: none;
  color: var(--uv-text);

  transition: transform .08s ease, opacity .12s ease, border-color .12s ease,
              background-color .12s ease, box-shadow .12s ease, color .12s ease;
  cursor: pointer;
}

.wbp-post-vote__btn:hover{ transform: translateY(-1px); }
.wbp-post-vote__btn:active{ transform: translateY(0); }

.wbp-post-vote__btn.is-active{
  opacity: 1;
  background: rgba(106,0,214,.05);
  border-color: rgba(106,0,214,.95);
  color: var(--uv-violet-deep);
  box-shadow: 0 0 0 1px rgba(106,0,214,.46),
              0 0 7px rgba(106,0,214,.22),
              0 0 14px rgba(106,0,214,.12);
}

.wbp-post-vote__btn.is-active:hover{
  background: rgba(106,0,214,.07);
  box-shadow: 0 0 0 1px rgba(106,0,214,.52),
              0 0 8px rgba(106,0,214,.26),
              0 0 16px rgba(106,0,214,.14);
  border-color: rgba(106,0,214,.95);
}

/* score center */
.wbp-post-vote__score{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 34px;
  min-width: 40px;
  padding: 0 14px;
  border-radius: 6px;
  box-sizing: unset;

  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: .25px;
  line-height: 1;

  background: #fff;

  font-variant-numeric: tabular-nums;  
  border: 1px solid rgba(106,0,214,.35);
  color: var(--bnr-violet);
  background: rgba(106,0,214,.04);
  opacity: 0.5;
}

.wbp-post-vote[data-score]:not([data-score="0"]) .wbp-post-vote__score{
  border-color: rgba(106,0,214,.35);
  background: rgba(106,0,214,.08);
  opacity:1;
}

/* total right */
.wbp-post-vote__total{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 34px;
  border-radius: 6px;

  font-size: 0.85rem;
  font-style: italic;
  line-height: 1;

  color: var(--uv-text);

  font-variant-numeric: tabular-nums;
  opacity: .9;
}

/* disabled look for guests */
.wbp-post-vote__btn:disabled{
  opacity: .45;
  cursor: not-allowed;
  transform: none !important;
}

.wbp-post-vote.is-busy{
  opacity: .65;
  pointer-events: none;
}

/* Optional: simple badge for query-loop total */
.wbp-post-vote-total{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:6px;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:.25px;
  line-height:1;
  color:var(--uv-text);
  font-variant-numeric: tabular-nums;
  opacity:.9;
}

/* baseline: like .bnr-toggle--bnr/.bnr-toggle--pics */
.wbp-post-vote__btn{
  border-color: rgba(106,0,214,.48);
  color: rgba(58,0,96,.98);
}

/* like .bnr-toggle:hover */
.wbp-post-vote__btn:hover{
  border-color: rgba(0,0,0,.22);
}

/* like .bnr-toggle.is-off (non-active buttons) */
.wbp-post-vote__btn:not(.is-active){
  opacity: .55;
}

/* keep guests disabled readable (optional override so it's not too faint) */
.wbp-post-vote__btn:disabled{
  opacity: .45; /* or .55 if you want identical to is-off */
  cursor: not-allowed;
  transform: none !important;
}


/* =========================================================
   23) MODERATION STYLE 
   ========================================================= */

/* Exemple: dans un Query Loop, le titre devient "marqué" si post untrusted */
.is-untrusted .wp-block-post-title a {
	opacity: .65;
	text-decoration: underline dotted;
	text-decoration-line: spelling-error;
	color: red;
}
.is-untrusted .wp-block-post-title a:hover {
	opacity: 1;
	text-decoration: underline dotted;
	text-decoration-line: spelling-error;
	color: red;
}

.wbp-approve-btn {
	display: inline;
	position: relative;
	float: unset;
    cursor: pointer;
}
.wbp-msg-pending {
	display: inline;
	position: relative;
	color: var(--bnr-violet);
	float: unset;
    box-shadow: unset;
    font-weight: bold;

}

.wbp-show-untrusted-link {
	border: 1px solid #d2d2d2;
	border-radius: 30px;
	padding: 0.5rem 1rem;
	background: #f2f2f2;
}
.untrusted_on .wbp-show-untrusted-link {
    opacity:0.3;
}
/*************************************************************************/
.wbp-title {
  display: inline;
}
.wbp-approve-wrap {
    margin: 0.75rem 0 0;
}
.wbp-msg-pending {
    display:inline-flex;
    margin:0;
}

/* =========================================================
   24) MORE POST RESTYLISATION
   ========================================================= */

/* -----------------------------
   1) TITRES DES POSTS : 1 ligne + "..."
   (Query Loop / Post Template)
-------------------------------- */
.wp-block-query .wp-block-post-title,
.wp-block-query .wp-block-post-title > a{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* (optionnel) un poil plus “compact” visuellement */
.wp-block-query .wp-block-post-title{
  line-height: 1.25;
}


/* -----------------------------
   2) TITRE "MORE POSTS" : style + séparateur
   Cible : le H2 “More posts” juste avant ton Query Loop alignwide
-------------------------------- */

/* on ne touche qu’aux headings alignwide qui précèdent DIRECTEMENT un .wp-block-query.alignwide */
.wp-block-heading.alignwide:has(+ .wp-block-query.alignwide){
  display: flex;
  align-items: center;
  gap: .75rem;

  margin: 0 0 .65rem !important;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;

  /* taille: garde ton rendu actuel mais un peu plus “header” */
  font-size: 0.95rem;
  line-height: 1.1;
}

/* petit “badge” visuel pour MORE POSTS */
.wp-block-heading.alignwide:has(+ .wp-block-query.alignwide)::before{
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: var(--bnr-violet);
  box-shadow: 0 0 0 3px rgba(106,0,214,.14);
  flex: 0 0 auto;
}

/* séparateur qui remplit l’espace */
.wp-block-heading.alignwide:has(+ .wp-block-query.alignwide)::after{
  content: "";
  height: 1px;
  flex: 1 1 auto;
  opacity: .9;
  background: linear-gradient(
    90deg,
    rgba(106,0,214,.55),
    rgba(0,0,0,.10) 55%,
    rgba(0,0,0,0)
  );
}