/* =========================================================
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-bis: 8px;
--radius-alt: 10px;
--accent: #660099;
--accentSoft: rgba(102,0,153,.12);
--accentLine: rgba(102,0,153,.35);
--marg-padd: 1rem;
--margin-td: 2rem;
--global-padd : 10px;
--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 */
}
:where(body .wp-site-blocks :focus) {
outline-width: 1px;
outline-style: solid;
}
a,
button,
input,
label,
div,
span,
[role="button"] {
-webkit-tap-highlight-color: transparent;
}
@media (hover: none) {
a:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
[role="button"]:active {
filter: brightness(1.12);
}
}
/* =========================================================
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;
}
/* 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;
gap:12px;
width: 100%;
margin-left: auto;
margin-right: auto;
height: 58px;
}
/* Header Better Message Fullscreen Mode */
html body.bp-messages-full-screen .header-menu > .wp-block-group.alignwide.is-layout-flex {
width: 100% !important;
margin: 0 !important;
max-width: 100%;
}
/* Logo */
.wp-site-blocks > header .header-menu .logo-short {
margin: 0 0 0 0 !important;
width: 56px;
top: 1px;
position: relative;
height: 52px;
}
.logo-short img {
width: 56px;
height: 52px;
}
/* Search */
.wp-site-blocks > header .header-menu .wp-block-search.bnr-search{
flex: 1 1 auto;
min-width: 0;
width: auto !important;
max-width: 720px;
}
.wp-site-blocks > header .header-menu .wp-block-search.bnr-search .wp-block-search__inside-wrapper{
width: 100%;
min-width: 0;
}
.twor-search-header-wrapper, .twor-user-header-wrapper {
border: 1px solid;
box-sizing: border-box;
padding: var(--marg-padd) !important;
border-radius: var(--radius);
border: 0;
background: linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 140% at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 150% at 90% 10%, rgba(0,0,0,.03), transparent 60%);
}
.h1title {
font-weight:800;
font-size:1.75rem;
line-height: 2.5rem;
white-space: normal;
overflow: visible;
text-overflow: clip;
overflow-wrap: anywhere;
}
/* Nav (desktop) */
.wp-site-blocks > header .header-menu nav.wp-block-navigation{
flex: 0 0 auto;
width: auto;
max-width: none;
gap:0;
}
.twor-conditional-menu {
display: flex;
order:3;
}
.twor-conditional-menu.is-logged-out {
margin-left:auto;
}
/* 3) Toggle loupe (style glass) */
.bnr-search-toggle{
display: none !important; /* desktop caché */
}
/* 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: 800px){
/* Gap mobile */
.wp-site-blocks > header .header-menu > .wp-block-group.alignwide.is-layout-flex{
gap: 4px;
}
/* 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: 58px;
height: 58px;
box-sizing: border-box;
justify-content: center;
}
/* Loupe collée à droite avant burger */
.wp-site-blocks > header .header-menu .bnr-search-toggle{
margin-right: 0px;
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 + messagerie cachés */
.wp-site-blocks > header.bnr-search-open .header-menu .logo-short,
.wp-site-blocks > header.bnr-search-open nav.twor-custom-menu {
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;
}
}
/* */
ul.wp-block-post-template.twor-ad-card-wrapper li {
margin: 0;
}
/* Amélioration visuelle des titres*/
h1, h2, .entry-title, .wp-block-post-title, .wbp-plain-pre__title{
box-shadow: none;
text-shadow:
0 0 2px rgba(106,0,214,.20);
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 {
}
.post-inner-wrapper a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* HEADER FIXED MAKE IT FLOAT -------------------*/
main { margin:calc(58px + var(--margin-td)) 0 0 0 !important}
@media (max-width: 800px){
main { margin:calc(58px + 1px + var(--global-padd)) 0 0 0 !important}
}
.wp-site-blocks > header{
position: fixed !important;
z-index: 9999999;
}
/*-----------------------------------------------*/
/* Overlay plein écran (caché par défaut) */
.bnr-search-overlay{
position: fixed;
inset: 0;
z-index: 999999;
/* 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: 800px){
body.bnr-search-dim .bnr-search-overlay{
opacity: 1;
pointer-events: auto;
}
}
@media (max-width: 800px){
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 {
display:flex;
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;
width:100%;
padding: .725rem 1rem !important;
font-family: Manrope, sans-serif;
font-size: 1.125rem;
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 1.15rem .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: 800px){
.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: 800px){
.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;
}
body .wpuf-cus .global-padding {
padding: 0 var(--global-padd) !important;
}
html body form.wpuf-form-add {
box-shadow: unset !important;
}
body .wpuf-cus .global-inner-padding {
padding: 0 calc(var(--marg-padd) - var(--global-padd)) !important;
}
html body ul.wpuf-form > li {
padding: 0 calc(var(--marg-padd) - var(--global-padd)) !important;
}
}
*/
/* 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;
}
.post-infos, .post-content {
padding: var(--marg-padd);
}
.innner-content {
/*overflow:hidden;*/
}
body .post-wrapper {
border: none;
box-shadow: none;
padding:0.5rem calc(var(--marg-padd) - var(--global-padd) ) var(--marg-padd) ;
box-shadow: 0 21px 10px -10px #eee;
border-radius: 0;
}
a.um-link.um-profile-link {
margin: 0.5rem 0 0;
display: block;
text-decoration: none;
display: inline-flex;
}
.fa-user-circle.author_profile_link {
font-size: 1rem;
border: 1px solid;
padding: .55rem 1rem;
border-radius: 99px;
font-weight: 600;
}
.fa-user-circle.author_profile_link::before {
content: "\f2bd";
font-family: "Font Awesome 6 Free";
border-bottom: 0;
font-size: 1rem;
margin: 0 0.5rem 0 0;
font-weight: 500;
}
/* =========================================================
2R — Post image list preview + image grid — v1.6
========================================================= */
/* IMAGES */
.twor-post-preview-images{
display:block;
text-decoration:none;
color:inherit;
margin:0;
position: relative;
}
.twor-ad-state-offer .twor-post-preview-images::before,
.twor-ad-state-review .twor-post-preview-images::before,
.twor-ad-state-deleted .twor-post-preview-images::before {
position: absolute;
top: 0;
box-sizing: border-box;
padding: 4px 8px;
font-size: 0.75rem;
letter-spacing: 1px;
border-radius: var(--radius-bis) var(--radius-bis) 0 0;
background: white;
margin: 10px;
width: auto;
right: unset;
border-radius: 4px;
font-weight: 600;
box-shadow: 0 0 5px;
opacity: 0.95;
z-index: 3;
}
/* V2 */
.twor-ad-state-offer .twor-post-preview-images::before, .twor-ad-state-review .twor-post-preview-images::before, .twor-ad-state-deleted .twor-post-preview-images::before {
position: absolute;
top: 0;
box-sizing: border-box;
padding: 4px 8px;
font-size: 0.75rem;
letter-spacing: 1px;
border-radius: var(--radius-bis) var(--radius-bis) 0 0;
background: white;
margin: 10px;
width: auto;
right: unset;
border-radius: 4px;
font-weight: 600;
box-shadow: 0 0 5px;
opacity: 0.95;
z-index: 3;
width: calc(100% - 20px);
text-align: center;
}
.twor-ad-state-review .twor-post-preview-images::before {
background: white;
color: #2982a5;
content: "MODÉRATION EN COURS";
}
.twor-ad-state-deleted .twor-post-preview-images::before {
background:rgb(247, 240, 228);
color: #1e8e69;
content: "SUPPRIMÉE/VENDUE";
}
.twor-ad-state-deleted img.twor-post-preview-images__img {
filter: grayscale(1) brightness(.65) opacity(0.65);
}
.twor-ad-state-private h2.wp-block-post-title a {
padding-left: 1.55rem;
}
.twor-ad-state-private h2.wp-block-post-title a::before {
content: "\f070";
position: absolute;
left: 0;
font-family: "Font Awesome 6 Free";
}
body .wbp-prix.wbp-prix--raw {
background: rgb(49 91 103 / 12%);
color: #315b67;
padding: 4px 8px;
font-size: 0.875rem;
line-height: 1;
border-radius: 8px;
font-family: Manrope;
letter-spacing: 0.1px;
border-left: 1px solid rgb(49 91 103 / 25%);
border-bottom: 2px solid rgb(49 91 103 / 25%);
text-shadow: 1px 1px #ffffff87;
height: 24px;
box-sizing: border-box;
overflow:hidden;
text-overflow: ellipsis;
}
.twor-post-preview-images:hover,
.twor-post-preview-images:active,
.twor-post-preview-images:focus,
.twor-post-preview-images:focus-visible{
text-decoration:none;
color:inherit;
outline:none;
box-shadow:none;
}
.twor-post-preview-images__img{
display:block;
width:100%;
height:100%;
object-fit:cover;
user-select:none;
pointer-events:none;
}
/* OFFRES AFFILIÉES */
.twor-ad-card {
margin: 0 0 2rem;
}
.twor-ad-card.twor-offer-card .twor-post-loc-line::before{
display:none;
}
.twor-ad-card.twor-offer-card .twor-post-loc-line {
padding:0;
}
.twor-ad-card.twor-offer-card .twor-offer-card__description {
font-size: 0.875rem;
}
.twor-ad-card.twor-offer-card .twor-post-loc-text {
box-shadow: 0 0 1px inset;
color: #d33;
text-align: center;
border-radius: 8px;
letter-spacing: 0.5px;
font-weight: 600;
background: #ff4b4b03;
}
.twor-offer-card {
position: relative;
}
.twor-offer-card__link {
position: absolute;
inset: 0;
z-index: 10;
}
.twor-offer-card__description {
position: relative;
z-index: 1;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.twor-offer-card__prices {
display: flex;
align-items: baseline;
gap: 0.75rem;
}
.twor-offer-card .wbp-prix--stamped {
color:red;
font-weight: 600;
}
.twor-offer-card .twor-offer-card__old-price {
line-height: 24px;
}
.twor-offer-card .twor-offer-card__old-price .wbp-prix--stamped {
display: flex;
font-size:1rem;
text-decoration: line-through;
color:#444;
font-weight: 300;
}
.twor-offer-card__type {
text-transform: uppercase;
}
/* =========================================================
TOP HASHTAGS
========================================================= */
.twor-top-hashtags {
width: 100%;
}
.twor-top-hashtags__list {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 18px 48px;
margin: 0;
padding: 0;
list-style: none;
counter-reset: twor-hashtag-rank;
}
.twor-top-hashtags__item {
min-width: 0;
counter-increment: twor-hashtag-rank;
}
.twor-top-hashtags__link {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
grid-template-areas: "rank tag count";
align-items: center;
padding: 0;
border-radius: 10px;
color: inherit;
text-decoration: none;
transition: background .18s ease, transform .18s ease;
gap: 1rem;
}
.twor-top-hashtags__link::before {
grid-area: rank;
content: counter(twor-hashtag-rank);
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(0, 0, 0, .035);
color: var(--bnr-violet);
font-size: 2rem;
font-weight: 900;
line-height: 1;
letter-spacing: -.08em;
}
.twor-top-hashtags__tag {
grid-area: tag;
min-width: 0;
overflow: hidden;
color: #111;
font-size: 1.15rem;
font-weight: 800;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
.twor-top-hashtags__count {
grid-area: count;
color: rgba(0, 0, 0, .55);
font-size: .95rem;
font-weight: 500;
white-space: nowrap;
}
.twor-top-hashtags__link:hover {
background: rgba(0, 0, 0, .035);
transform: translateY(-1px);
}
.twor-top-hashtags__link:hover::before {
background: rgba(0, 0, 0, .06);
}
/* Variations légères selon le classement */
.twor-top-hashtags--ads .twor-top-hashtags__link::before {
color: var(--bnr-violet);
}
.twor-top-hashtags--profiles .twor-top-hashtags__link::before {
color: #00a98f;
}
/* Les trois premières positions */
.twor-top-hashtags__item:nth-child(1) .twor-top-hashtags__link::before {
color: #50edb4;
}
.twor-top-hashtags__item:nth-child(2) .twor-top-hashtags__link::before {
color: #c63fbe;
}
.twor-top-hashtags__item:nth-child(3) .twor-top-hashtags__link::before {
color: #35353f;
}
.twor-top-hashtags__item:nth-child(4) .twor-top-hashtags__link::before {
color: #00a998;
}
.twor-top-hashtags__item:nth-child(5) .twor-top-hashtags__link::before {
color: #5696ef;
}
@media (max-width: 800px) {
.twor-top-hashtags__list {
grid-template-columns: 1fr;
gap: 8px;
}
.twor-top-hashtags__link {
grid-template-columns: 48px minmax(0, 1fr) auto;
min-height: 56px;
padding: 6px 8px;
}
.twor-top-hashtags__link::before {
width: 48px;
height: 48px;
font-size: 2.4rem;
}
.twor-top-hashtags__tag {
font-size: 1rem;
}
.twor-top-hashtags__count {
font-size: .85rem;
}
}
/*0 images*/
.twor-post-preview-images__single.twor-post-preview-images__single_empty{
background:#aaa;
}
.twor-post-preview-images__single_empty::after{
content:"";
display:block;
width:100%;
height:100%;
margin:auto;
background:url("data:image/svg+xml,\
");
background-size:20px 20px;
}
/* 1 IMAGE */
.twor-post-preview-images__single{
position:relative;
aspect-ratio:1 / 1;
overflow:hidden;
border-radius:var(--radius-bis);
}
/* 2 IMAGES */
.twor-post-preview-images__double{
position:relative;
container-type: inline-size;
aspect-ratio:1 / 1;
}
.twor-post-preview-images__double-main{
position:absolute;
inset:0;
overflow:hidden;
border-radius:var(--radius-bis);
}
/* mini image */
.twor-post-preview-images__double-thumb{
position:absolute;
right:4%;
bottom:4%;
width:40%;
height:40%;
border-radius:var(--radius-bis);
border:clamp(2.5px, 1cqi, 6px) solid white;
overflow:hidden;
z-index:2;
/* petit effet visuel sympa */
box-shadow:0 2px 6px rgba(0,0,0,.25);
}
/* 3+ IMAGES */
.twor-post-preview-images__item,
.twor-post-preview-images__more{
position:relative;
aspect-ratio:1 / 1;
overflow:hidden;
border-radius:var(--radius-bis);
}
.twor-post-preview-images__more{
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
gap:4px;
background:rgba(0,0,0,.82);
color:#fff;
font-weight:700;
}
/* 4e case vide quand total = 3 */
.twor-post-preview-images__item--empty{
background:#ddd;
}
.twor-post-preview-images__item--empty::after {
content: "";
display: block;
width: 100%;
height: 100%;
margin: auto;
background: url("data:image/svg+xml,\
");
background-size: 10px 10px;
}
.single-post .twor-post-preview-images__item--empty::after {
background-size: 20px 20px;
}
/* 4e image avec overlay quand total >= 5 */
.twor-post-preview-images__item--more{
position:relative;
}
.twor-post-preview-images__thumb--empty {
background: #eee;
}
.twor-post-preview-images__overlay{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
gap:4px;
background:rgba(0,0,0,.42);
color:#fff;
font-weight:700;
}
/* TEXTE +X */
.twor-post-preview-images__plus{
font-size:18px;
line-height:1;
}
.twor-post-preview-images__count{
font-size:13px;
line-height:1;
opacity:.95;
margin:0;
}
/* MOBILE */
.twor-post-preview-images {
overflow:hidden;
}
.twor-post-preview-images__grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:3px;
}
.wp-block-query .wp-block-post-template{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(min(200px, 100%), 1fr));
gap:0 16px;
}
@media (max-width: 460px){ /* et pas 800 comme d'hab parce que c'est encore trop petit pour un écran de 800px */
.wp-block-query .wp-block-post-template{
grid-template-columns:repeat(auto-fill, minmax(min(140px, 100%), 1fr));
}
}
/* Largeur du block résultats HOME + SEARCH + ARCHIVE */
@media (min-width: 1340px){
.wp-block-query .wp-block-post-template{
max-width: var(--wp--style--global--wide-size);
margin: 0 auto;
}
}
@media (max-width: 1340px){
.wp-block-query .wp-block-post-template{
gap:10px !important;
}
.twor-post-preview-images__plus{
font-size:20px;
}
.twor-post-preview-images__count{
font-size:20px;
}
}
/* ANNONCES TYPE OFFRES (PRECO / BON PLANS) */
.twor-admin-offer__field {
display: none;
}
.twor-admin-offer__toggle-row {
font-size:1rem;
font-weight: 700;
}
.twor-admin-offer__toggle-row:has(
#twor_is_offer:checked
) ~ .twor-admin-offer__field {
display: flex;
flex-direction: column;
}
.twor-admin-offer__expiration {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.twor-admin-offer__expiration input {
width: 72px;
}
.twor-admin-offer__after {
font-size:1rem;
display: flex;
flex-direction: column;
gap: 8px;
}
.twor-admin-offer__expiration {
font-size:1rem;
display: flex;
align-items: center;
gap: 8px;
}
html body form.wpuf-form-add .wpuf-fields .twor-admin-offer__expiration input[type="number"] {
width: 3rem !important;
padding: 2px 0 !important;
background: transparent;
border: 0;
border-bottom: 1px dotted currentColor;
border-radius: 0;
box-shadow: none;
text-align: center;
/* width: auto !important; */
}
.twor-admin-offer__expiration input[name="twor_offer_year"] {
width: 5ch;
}
.twor-admin-offer__expiration input[type="number"] {
appearance: textfield;
}
.twor-admin-offer__expiration input::-webkit-inner-spin-button,
.twor-admin-offer__expiration input::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
/* =========================================================
2R — LOCALISATION
========================================================= */
.twor-post-loc {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
margin:0 0 0.3rem;
font-size:1rem;
}
.single .twor-post-loc {
gap: 0px;
}
.twor-post-loc-line {
display: flex;
align-items: center;
gap: 6px;
font-size:0.85rem;
line-height:30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding:0 calc(var(--marg-padd) - var(--global-padd) );
}
.single .twor-post-loc-line {
padding:0 ;
}
.twor-post-loc-line::before,
.twor-search-filter-pill::before,
.twor-search-loc-pop__selected-row::before
{
content: "";
opacity: 0.7;
flex: 0 0 auto;
mask-image: url("/assets/loc-01.svg");
width: 1em;
min-height: 1em;
background: black;
mask-position: center;
mask-repeat: no-repeat;
}
.twor-search-loc-pop__selected-row::before{
background: purple;
opacity:1;
}
.single .twor-post-loc-line::before {
display: none;
}
.twor-post-loc-text {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single .twor-post-loc-text{
display: inline;
font-size: 1rem;
font-weight: 650;
line-height: 1.6rem;
color: rgba(0,0,0,.78);
word-break: break-word;
}
.twor-loc-block{
margin: 0 0 1.1rem;
padding: .85rem 1rem;
border: 1px solid #bbb;
border-top: 0;
border-radius: 0 0 12px 12px;
background: #fefefe;
box-sizing: border-box;
}
.twor-loc-block > p {
display: flex;
align-items: center;
gap: .42rem;
margin: 0 0 .3rem !important;
font-size: 1rem;
font-weight: ;
letter-spacing: .035em;
text-transform: uppercase;
line-height: 1.2;
color: #666;
}
.twor-loc-block > p::before {
content: "";
line-height: 1;
color: rgba(117,25,163,.72);
mask: url("/assets/loc-01.svg") center center no-repeat;
background: rgba(117,25,163,.72);
width: 1em;
height: 1em;
}
.twor-post-all-loc-title::before {
content: "\f601"; /* fa-location-dot */
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 1.125rem;
opacity: 0.7;
flex: 0 0 auto;
}
/* =========================================================
2R — Post meta added, Author last activity
========================================================= */
.twor-author-card {
margin: 0 0 .65rem;
color: rgba(0,0,0,.62);
line-height: 1.35;
}
.twor-author-card__main {
display: flex;
align-items: center;
gap: .7rem;
font-size:1rem;
}
.twor-author-card__avatar {
display: inline-flex;
flex: 0 0 auto;
border-radius: 999px;
overflow: hidden;
text-decoration: none;
background: rgba(0, 0, 0, .06);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .12), 0 0px 4px rgba(0, 0, 0, .08);
}
.twor-author-card__avatar-img {
display: block;
object-fit: cover;
border-radius: inherit;
}
.twor-author-card__body {
min-width: 0;
gap: 0.2rem;
display: flex;
flex-direction: column;
}
.twor-author-card__name-row {
line-height: 1.15;
}
.twor-author-card__name {
color: rgba(0,0,0,.82);
font-weight: 700;
text-decoration: none;
}
.twor-author-card__meta {
color: rgba(0,0,0,.55);
}
.twor-author-card__sep {
color: rgba(0,0,0,.28);
}
.twor-author-card__activity {
display: inline-flex;
align-items: center;
gap: .32rem;
}
.twor-author-card__member {
display: block;
}
.twor-user-last-activity {
font-size:0.875rem;
}
.twor-user-last-activity::before {
content: "\f2f2";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin: 0 0.35rem 0 0;
}
.twor-post-added-date {
margin: .25rem 0 0;
font-size: 1rem;
line-height: 1.45;
color: rgba(0,0,0,.55);
}
.wp-block-post-date {
font-size:0.875rem;
}
.twor-sep-social {
border-top:1px dashed #aaa;
}
.twor-author-profile-link {
color: var(--bnr-violet);
font-size: 0.875rem;
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* Le séparateur et la date ne rétrécissent pas */
.twor-author-profile-link + p,
.twor-author-profile-link ~ .wp-block-post-date {
flex: 0 0 auto;
}
/* =========================================================
2R — Prix Style Etiquetteuse
========================================================= */
.wbp-prix--stamped {
display: inline-flex;
align-items: center;
font-variant-numeric: tabular-nums;
font-size: 1rem;
font-weight: 500;
line-height: 1.225rem;
color: rgba(0,0,0,0.95);
white-space: nowrap;
position: relative;
height: 24px;
}
.wbp-prix--raw, .wbp-prix--placeholder {
display:inline-block;
white-space:nowrap;
opacity:.9;
font-size:1rem;
line-height: 1.225rem;
font-weight:500;
}
.single .wbp-prix--stamped{
font-size:1.5rem;
}
.wbp-prix--stamped::before{
content:"";
position:absolute;
inset:0;
background:
repeating-linear-gradient(
90deg,
rgba(0,0,0,.01) 0 1px,
transparent 1px 7px
);
opacity:.45;
pointer-events:none;
border-radius:inherit;
}
.wbp-prix__char{
display:inline-block;
min-width:0.40em;
text-align:center;
transform-origin:center;
/* léger effet encre */
text-shadow:
0.01em 0 rgba(0,0,0,.10);
}
.wbp-prix__char:last-child{
font-size:.9em;
margin-left:0.04em;
opacity:.9;
}
/* VARIANTES (optionnel) */
/* Version un peu plus contrastée */
.wbp-prix--stamped.is-strong{
background:#f7f3e8;
border-color:rgba(0,0,0,.2);
box-shadow:
0 1px 0 rgba(255,255,255,.6) inset,
0 1px 3px rgba(0,0,0,.08);
}
/* Version plus discrète */
.wbp-prix--stamped.is-soft{
opacity:.9;
filter:contrast(.98);
}
/* =========================================================
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);
}
.um-profile-note { margin:0 ; }
.fas.fa-user-lock {
font-size: 1.35rem !important;
}
/* =========================================================
Page Password Reset
========================================================= */
html body .um-um_password_id.um, html body .um:not(.um-admin).um-twor-change-email {
max-width: unset;
margin-bottom:0 !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 .wp-block-group.wpuf-full-form-page {
padding: var(--marg-padd) var(--marg-padd) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 10px 30px rgba(0,0,0,.045);
margin: 0 0 var(--margin-td);
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 .um.um-login, html body .um.um-register {
margin-bottom: 0px !important;
}
html body ul.wpuf-form li{
padding: 0px;
margin-bottom: var(--margin-td);
}
html body ul.wpuf-form li.wpuf-submit{
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:1rem;
font-weight:700;
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:3rem;
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: 1.25rem !important;
}
form.wpuf-form-add .wpuf-label .wpuf-field-icon{
opacity: .9;
margin-right: .35rem;
font-size: 1.25rem !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,
twor-search-loc-pop__input
{
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: 1rem;
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;
}
html body form.wpuf-form-add .wpuf-fields input[type="text"] {
min-height:3rem;
padding:.75rem 1rem !important;
}
/* Radio */
body ul.wpuf-form li .wpuf-fields .wpuf-radio-block, body ul.wpuf-form li .wpuf-fields .wpuf-checkbox-block {
display: block;
margin-bottom: 6px;
font-size: 1rem;
}
/* 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 2px 3px rgba(102,0,153,.18), 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 2px 3px 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, .twor-help{
font-style: normal;
color: rgba(0,0,0,.55);
margin: 5px 0px 0 0;
font-size: 0.75rem;
}
body .has-global-padding.wpuf-cus {
padding:0;
}
/* MOBILE */
@media (max-width: 800px){
.page-id-143 main, .page-id-83 main, .page-id-14 main, .page-id-15 main, .page-id-19 main {
margin: calc(58px + 1px ) 0 0 0 !important;
}
/* enlève le padding global */
.page-id-143 main > .global-padding, .page-id-83 main > .global-padding, .page-id-14 main > .global-padding, .page-id-15 main > .global-padding, .page-id-19 main > .global-padding {
padding: var(--global-padd) !important;
}
.page-id-6749 main > .has-global-padding {
padding: 0;
}
.page-id-143 .wp-block-group.wpuf-full-form-page, .page-id-83 .wp-block-group.wpuf-full-form-page, .page-id-14 .wp-block-group.wpuf-full-form-page, .page-id-15 .wp-block-group.wpuf-full-form-page, .page-id-19 .wp-block-group.wpuf-full-form-page {
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 10px 30px rgba(0,0,0,.025);
/*border-radius: 0;*/
margin: 0;
max-width: 100%;
}
body form.wpuf-style, body .twor-profile-tabs {
max-width: 100%;
}
.page-id-143 .wp-block-group.wpuf-full-form-page, .page-id-83 .wp-block-group.wpuf-full-form-page, .page-id-14 .wp-block-group.wpuf-full-form-page, .page-id-15 .wp-block-group.wpuf-full-form-page, .page-id-19 .wp-block-group.wpuf-full-form-page {
background: linear-gradient(180deg, #FBFAF3A1, rgba(255,255,255,.30)), radial-gradient(1000px 200px at 10% 0%, var(--accentSoft), transparent 55%), radial-gradient(900px 150px at 90% 10%, rgba(0,0,0,.03), transparent 60%);
}
}
/* =========================================================
4) ERREURS INFOS et SUCCES UM/WPUF
========================================================= */
.twor-email-notice{
margin-bottom:1rem;
padding:14px 16px;
border-radius:8px;
font-size:15px;
}
.twor-email-notice-success{
color:#155724;
background:#d4edda;
border:1px solid #c3e6cb;
}
.twor-email-notice-error{
color:#721c24;
background:#f8d7da;
border:1px solid #f5c6cb;
}
.um-twor-change-email .twor-email-notice-info {
color: #0c5460;
background: #d1ecf1;
border-color: #bee5eb;
}
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: 14px;
/* 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);
/*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(--radius-alt);
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: 800px){
html body li.upld-thumb .upld-controls{
opacity: 1;
}
}
/* =========================================================
6) WPUF — BUTTONS + BNR custom
========================================================= */
body .wpuf-submit input[type="submit"]{
font-size:1rem;
line-height: inherit;
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;
opacity:0.85;
}
body .wpuf-submit input[type="submit"]:hover{
opacity: 1;
}
body .wpuf-submit input[type="submit"].button-primary-disabled,
body .wpuf-submit input[type="submit"]:disabled,
body .wpuf-submit input[type="submit"]:disabled:hover,
body .wpuf-submit input[type="submit"].button-primary-disabled:hover {
background: var(--bnr-violet-dis) !important;
border: 0 !important;
color: rgba(255,255,255,0.5) !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-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{
}
/* ---- 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{
margin: var(--marg-padd) 0 0 0;
padding: 0;
border: 0;
background: none;
min-width: 0;
}
html body ul.upld-attachments-display > li{
margin: 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;
}
/* Post Meta Date d'ajout - vendeur - dernière activité */
.twor-single-post-meta {
margin:0.5rem 0 1.2rem !important;
}
.twor-single-post-meta a {
color:var(--bnr-violet);
}
/* Description */
.wbp-plain-pre{
border-radius: 12px 12px 0 0;
}
/* ================================
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: var(--radius-alt);
text-decoration: none;
}
/* ---- 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: cover;
}
/* =========================================================
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;
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;
}
/* Layout global single : toujours 50/50 */
.twor-single-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--margin-td);
align-items: start;
}
/* Galerie >4 : grille 2x2 + miniatures dessous */
.twor-post-preview-images--single-gallery {
display: block;
}
/* Au lieu de carrés : rectangles moins hauts */
.twor-post-preview-images--single-gallery .twor-post-preview-images__item {
aspect-ratio: 1 / 1;
overflow: hidden;
}
/* Miniatures dessous sur une ligne */
.twor-post-preview-images--single-gallery .twor-post-preview-images__thumbs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 3px;
margin-top: 3px;
}
.twor-post-preview-images--single-gallery .twor-post-preview-images__thumb {
aspect-ratio: 1 / 1;
overflow: hidden;
background: #eee;
border-radius:var(--radius-bis);
}
.twor-post-preview-images--single-mode .twor-post-preview-images__link,
.twor-post-preview-images--single-mode .twor-post-preview-images__img {
display: block;
width: 100%;
height: 100%;
}
.twor-post-preview-images--single-mode .twor-post-preview-images__img {
object-fit: cover;
}
/* Mobile */
@media (max-width: 800px) {
.global-padding {
}
.twor-single-layout,
body.single-post.twor-single-has-extra-images .twor-single-layout {
grid-template-columns: 1fr;
gap:calc(var(--marg-padd)/1.5);
}
.twor-post-preview-images--single-gallery .twor-post-preview-images__grid {
gap: 3px;
}
.twor-post-preview-images--single-gallery .twor-post-preview-images__thumbs {
gap: 3px;
margin-top: 3px;
}
}
/* =========================================================
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;
}
/* =========================================================
11) UM tweaks FORM
========================================================= */
/* Label */
html body .wp-site-blocks .um .um-field-label label{
color: rgba(0,0,0,.82);
font-weight: 700;
font-size: 1.25rem !important;
line-height:inherit !important;
}
/* Espace entre les champs */
html body .wp-site-blocks .um .um-field{ padding: 1rem 0; }
/* champs input textarea */
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: .75rem 1rem !important;
min-height: 3rem;
font-family: inherit !important;
font-size: 1rem !important;
line-height: inherit !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;
}
/* champs input textarea hover */
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 2px 3px rgba(102,0,153,.18),
inset 0 1px 1px rgba(0,0,0,.10) !important;
}
/* Boutons formulaire */
html body .wp-site-blocks .um .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,.1) !important;
text-shadow: unset !important;
transition:none;
cursor: pointer;
opacity: 0.85;
background: var(--bnr-violet) !important;
color: #fff !important;
}
html body .wp-site-blocks .um .um-field-checkbox i {
color: var(--bnr-violet) !important;
}
/* Boutons formulaire Alt couleur */
html body .wp-site-blocks .um .um-button.um-alt
{
background: #e6e6e6 !important;
color: #666 !important;
}
/* Boutons formulaire Hover */
html body .wp-site-blocks .um .um-button:hover,
html body .wp-site-blocks .um .um-button.um-alt:hover
{
opacity: 1;
}
/* 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 ;
}
/* =========================================================
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-author-name {
font-size:1rem;
}
body .wp-block-post-title a:hover,
body .wp-block-post-author-name a: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.875;
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%;
box-sizing: border-box;
margin: 0 auto var(--margin-td);
padding: var(--marg-padd);
border-radius: var(--radius);
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),
0 0 0 1px rgba(255,255,255,.85),
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;
}
@media (max-width: 799.98px){
html body .bnr-notice { margin:0 auto var(--marg-padd) }
}
/* 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 30px;
display:block;
font-weight: 700;
font-family: var(--wp--preset--font-family--manrope);
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
========================================================= */
.menu_add .wp-block-navigation-item__label,
.menu_messenger .wp-block-navigation-item__label {
display: block;
}
.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_add > a.wp-block-navigation-item__content::before{
content: "\f093";
}*/
.wp-block-navigation .menu_add .wp-block-navigation-item__content.wp-block-navigation-item__content {
background: rgba(102, 0, 153, 0.09);
color: black;
padding: 0.35rem 0.6rem;
font-size: 1rem;
border-radius: var(--radius-bis);
font-weight: 600;
letter-spacing: 0.3px;
}
/***/
html body .wp-site-blocks .wp-block-navigation
.menu_register > a::before{
content: "\f31c";
}
/* ==================================================
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) var(--margin-td);
}
.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);
}
/* ==================================================
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;
}
}
/* =========================================================
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;
}
.untrusted_off, .untrusted_on {
margin:2rem;
}
.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.5rem 0 0;
}
.wbp-msg-pending {
display:inline-flex;
margin:0;
}
/* =========================================================
24) MORE POST RESTYLISATION
========================================================= */
/* -----------------------------
1) TITRES DES POSTS : 1 ligne + "..."
(Query Loop / Post Template)
-------------------------------- */
.twor-card-infos {
display: flex;
flex-direction: column;
gap: 4px;
}
.twor-card-infos > * {
margin: 0 !important;
}
.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;
font-size:0.875rem;
}
/* (optionnel) un poil plus “compact” visuellement */
.wp-block-query .wp-block-post-title{
line-height: inherit;
font-weight: 300;
font-size: 0.875rem;
margin-bottom: 0.5rem !important;
}
/* -----------------------------
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)
);
}
/* =========================================================
Better Messages
========================================================= */
:root {
--bm-font-family: "Manrope";
--main-bm-color:26, 104, 173;
}
.bm-tooltip, .Toastify__toast-container {
display: none !important;
}
/* MENU */
.twor-custom-menu {
display: flex;
align-items: center;
gap:4px;
}
/*Mobile toggle*/
a.twor-menu, .twor-menu > a {
display: flex;
position: relative;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
flex: 0 0 48px;
color: inherit;
text-decoration: none;
/* margin-top: 4px; */
box-sizing: border-box;
border-radius: 8px;
}
.wp-site-blocks > header .header-menu .twor-menu span {
background: currentColor;
width:22px;
height:22px;
display:block;
-webkit-mask-position:center;
-webkit-mask-size:22px 22px;
-webkit-mask-repeat:no-repeat;
mask-position:center;
mask-size:22px 22px;
mask-repeat:no-repeat;
}
/*V1*/
nav.twor-custom-menu .twor-menu:hover,
body.search .twor-menu-search,
.page-id-143 .twor-menu-add,
.page-id-6767 .twor-menu-mail,
.own-profile .twor-menu-profile
{
background: rgba(102,0,153,.12);
color : var(--bnr-violet) !important;
}
/*V2*/
nav.twor-custom-menu .twor-menu:hover, body.search .twor-menu-search, .page-id-143 .twor-menu-add, .page-id-6767 .twor-menu-mail, .own-profile .twor-menu-profile {
background: #1125610f;
color: #666;
}
.twor-menu-search span {
-webkit-mask-image:url("/assets/search-01.svg");
mask-image:url("/assets/search-01.svg");
}
.twor-menu-loc > span {
-webkit-mask-image:url("/assets/loc-01.svg");
mask-image:url("/assets/loc-01.svg");
}
.twor-menu-add span {
-webkit-mask-image:url("/assets/add-01.svg");
mask-image:url("/assets/add-01.svg");
}
.twor-menu-mail .twor-menu-icon {
-webkit-mask-image:url("/assets/mail-01.svg");
mask-image:url("/assets/mail-01.svg");
}
.twor-menu-profile span {
-webkit-mask-image:url("/assets/profile-01.svg");
mask-image:url("/assets/profile-01.svg");
}
.twor-menu-log span {
-webkit-mask-image:url("/assets/log-01.svg");
mask-image:url("/assets/log-01.svg");
}
/* Cache l’icône SVG native du bouton search WP */
.wp-site-blocks > header .header-menu .wp-block-search__button svg.search-icon {
display:none;
}
/* Remplace par ton icône */
.wp-site-blocks > header .header-menu .wp-block-search__button::before {
content:"";
display:block;
width:18px;
height:18px;
background:currentColor;
-webkit-mask:url("/assets/search-01.svg") center / 18px 18px no-repeat;
mask:url("/assets/search-01.svg") center / 18px 18px no-repeat;
}
/* Special case */
.wp-site-blocks > header .wp-block-group .twor-custom-menu {
margin-left:auto;
}
.twor-header-messenger .better-messages-unread-counter {
position: absolute;
top: -6px;
right: -10px;
display: flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
background: #d60000;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 1;
box-sizing: border-box;
}
body .bp-better-messages-unread.bpbmuc.bpbmuc-hide-when-null.bpbmuc-preserve-space {
background: red;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 10px;
height: 18px;
line-height: 18px;
margin-right: 0;
text-align: center;
vertical-align: middle;
width: 18px;
font-weight: 500;
position: absolute;
top: 8px;
right: 6px;
}
/************/
.bp-messages-wrap.bp-messages-full-screen {
position: relative;
}
/* Vue 2 colonnes uniquement */
body .bp-messages-wrap.bp-messages-full-screen
.bp-messages-threads-wrapper:not(.threads-hidden)
.bpbm-chat-content .bpbm-chat-main .bpbm-chat-main-primary,
body .bp-messages-wrap.bp-messages-full-screen
.bp-messages-threads-wrapper:not(.threads-hidden)
.bp-messages-side-threads {
height: calc(100% - 58px);
}
/* Vue 1 colonne */
body .bp-messages-wrap.bp-messages-full-screen .bp-messages-threads-wrapper.threads-hidden > .bp-messages-column,
body .bp-messages-wrap.bp-messages-mobile .bp-messages-threads-wrapper.threads-hidden > .bp-messages-column {
height: calc(100% - 58px) !important;
}
.bp-messages-wrap.bp-messages-full-screen::before, /* En tête "Messagerie" et fond desktop fullscreen */
.bp-messages-wrap.bp-messages-mobile::before /* En tête "Messagerie" et fond mobile */
{/*
content: "Messagerie";
font-size: 1rem;
display: flex;
align-items: center;
justify-content: flex-end;
height: 58px;
width: 100%;
border: 1px solid #eee;
box-sizing: border-box;
padding:0 calc(var(--global-padd)*2);
font-weight: 600;
background: linear-gradient(
90deg,
rgb(231,250,253) 0%,
rgb(249,245,255) 100%
);*/
}
body .bp-messages-wrap-main .bp-messages-wrap.bp-messages-full-screen,
body .bp-messages-wrap-main.bp-messages-mobile
{
z-index: 999;
margin-top:58px !important;
}
@media (max-width: 800px){
body.bp-messages-full-screen .chat-header .bpbm-minimize {
display:none !important;
}
}
.bp-messages-wrap.bp-messages-full-screen::after, /* En tête "Logo" desktop fullscreen */
.bp-messages-wrap-main.bp-messages-mobile::after /* En tête "Logo" mobile */
{/*
content: "";
position: absolute;
top: 1px;
width: 62px;
height: 58px;
background: url('https://www.criticalhit.fr/wiibannerproject/wp-content/uploads/2026/01/logo3-ragl4l.png') calc((var(--global-padd) * 2) - 2px) / cover no-repeat;
pointer-events: none;
background-size: 62px 58px;
padding: 0 0 0 calc((var(--global-padd) * 2) - 2px);
*/
}
.bp-messages-wrap-main.bm-initialized::before {
content: "Messagerie";
border: 1px solid #eee;
width: 100%;
display: block;
box-sizing: border-box;
border-radius: var(--radius-bis) var(--radius-bis) 0 0;
padding: calc(var(--global-padd)/2) var(--global-padd);
font-weight: 600;
}
body .bp-messages-wrap-main .bp-messages-wrap { /* Encadré du chat */
border-radius: 0 0 var(--radius) var(--radius) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 10px 30px rgba(0,0,0,.045);
border: 1px solid #eee;
border-top: 0;
margin: 0 0 var(--margin-td);
}
/* CSS Mobile, pour simuler un presque fullscreen auto */
@media (max-width: 800px){
body .bp-messages-wrap-main .bp-messages-wrap {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 10px 30px rgba(0,0,0,.045);
border: 0px solid #eee;
border-top: 0;
margin: 0 0 0rem;
}
main.page-messenger {
margin:calc(58px + 0rem) 0 0 0 !important;
}
main.page-messenger .global-padding {
padding:0 !important;
}
.bp-messages-wrap-main.bm-initialized::before {
display:none;
}
.bp-messages-full-screen footer {
display: none;
}
}
body .bp-messages-wrap-main .bp-messages-wrap.bp-messages-full-screen { /* Plus de border radius en plein écran */
border-radius: 0 !important;
}
body .bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date { /* Un peu plus de padding pour la date dans la conversation */
padding: 6px 10px;
}
body .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) { /* Couleur Bulle de Message Auteur */
background: rgba(26, 104, 173, 0.83);
color: rgba(var(--right-message-text-color),1);
}
.bp-messages-wrap .bm-reply .bm-send-message {
}
body .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background), /* Bulle de Message */
body .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
padding: 10px 14px;
font-size: 1rem;
line-height: initial;
max-width:45% !important;
}
body .bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic,
.bp-messages-wrap .threads-list .thread .pic {
width: 60px;
min-width: 60px;
height: 60px;
}
body .bp-messages-wrap .bp-messages-side-threads .threads-list .thread .pic img,
body .bp-messages-wrap .threads-list .thread .pic img {
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 3px !important;
}
body .bp-messages-wrap .threads-list .thread .bm-info {
display: table-cell;
width: 100%;
max-width: 0;
overflow: hidden;
}
body .bp-messages-wrap .threads-list .thread .bm-info .name,
body .bp-messages-wrap .threads-list .thread .bm-info .name + h4 {
display: block;
width: 100%;
max-width: 100%;
font-size: 1rem;
line-height: initial;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body .bp-messages-wrap .threads-list .thread .bm-info .name {
margin: 0;
}
body .bp-messages-wrap .threads-list .thread .last-message {
min-width: 0;
overflow: hidden;
}
body .bp-messages-wrap .threads-list .thread .bm-last-message-content {
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* Sujet de la discussion, annonce ou discussion libre */
.sub-name::before {
content: "Sujet : ";
color: #666;
font-style: normal;
font-weight: 600;
}
/* On affiche via filtre la dernière activité partout, mais du coups on cache partout sauf header de la conversation */
.bm-messages-stack .twor-bm-name-activity {
display: none;
}
.thread .twor-bm-name-activity {
display: none;
}
body .sub-name {
color: #666;
font-style: italic;
display: none;
}
.user.bm-user {
font-size: 14px;
display: flex;
gap: 2px;
flex-direction: column;
line-height: 14px;
min-height: 14px;
}
.user.bm-user .twor-bm-name-activity {
color:#666;
font-size: 12px;
}
body .bp-messages-wrap .chat-header .thread-info .thread-info-data .name {
margin-bottom: 0px;
}
/*****************************/
.bp-messages-wrap .chat-header {
height: 50px;
min-height: 50px;
}
/*Salons CSS*/
body .bp-messages-chat-rooms-list .group .name .chat-room-title {
font-size:1rem;
}
body .bp-messages-group-list .group .pic,
body .bp-messages-chat-rooms-list .chat-room .pic.chat-room-avatars,
body .bp-messages-group-list .group .pic img
{
width:40px;
height:40px;
}
/* Better Messages — Bandeau annonce */
.twor-bm-ad-banner {
display: flex;
align-items: center;
gap: .75rem;
padding: .75rem 1rem;
color: inherit;
text-decoration: none;
border-bottom: 1px solid rgba(var(--bm-border-secondary-color),1);
}
.twor-bm-ad-banner__thumb {
flex: 0 0 40px;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 3px;
background: rgba(0,0,0,.06);
}
.twor-bm-ad-banner__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.twor-bm-ad-banner__body {
display: flex;
flex-direction: column;
min-width: 0;
}
.twor-bm-ad-banner__title {
font-size: .95rem;
font-weight: 600;
line-height: 1.2;
color: #000;
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
}
.twor-bm-ad-banner__price {
font-size: .85rem;
line-height: 1.2;
color: rgba(0,0,0,.65);
}
/* Page verrouillée quand BM est en mobile/fullscreen */
@media (max-width: 800px) {
/* Fullscreen BM uniquement */
body .bp-messages-wrap.bp-messages-full-screen {
overscroll-behavior: none;
}
/* Containers BM non scrollables */
body .bp-messages-wrap.bp-messages-full-screen .bp-messages-column,
body .bp-messages-wrap.bp-messages-full-screen .bpbm-chat-content,
body .bp-messages-wrap.bp-messages-full-screen .bpbm-chat-main,
body .bp-messages-wrap.bp-messages-full-screen .bpbm-chat-main-primary {
overflow: hidden !important;
touch-action: none;
}
/* Seule la liste des messages scrolle */
body .bp-messages-wrap.bp-messages-full-screen .bpbm-messages-list {
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
touch-action: pan-y;
}
}