/* bep-harmonie : aligne l'ancien thème de vld (pink_theme + style.css) sur les pages refaites le 07/10
   (barre du site, profil, recherche, apéros, messagerie). Chargée après style.css et style_login.css. */

:root {
  --h-bleu: #194172;
  --h-bleu-fonce: #12325a;
  --h-bleu-doux: #eef3fa;
  --h-encre: #1b2433;
  --h-encre-2: #3d4757;
  --h-gris: #5e6b80;
  --h-trait: #e3e8ef;
  --h-trait-2: #cfd6e1;
  --h-fond: #f4f6f9;
  --h-surface: #fff;
  --h-vert: #1b7a29;
  --h-vert-fonce: #146321;
  --h-rouge: #b42318;
  --h-rouge-doux: #fdeeec;
  --h-ambre: #8a4b00;
  --h-ambre-doux: #fff4e2;
  --h-titre: "Roboto Condensed", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  --h-rayon: 14px;
  --h-rayon-2: 10px;
}

/* ---------- texte ---------- */
body.login_1 { color: var(--h-encre-2); }
body.login_1 h4, body.login_1 h5, .panel h4, .panel h5 { color: var(--h-encre); }
.panel-body label, .form-group label, .modal label { color: var(--h-encre-2); }
h4.pagetitle, .panel-default h4.pagetitle { color: inherit !important; text-transform: none; font-size: inherit; font-weight: inherit; margin: 0; }
.text-danger { color: var(--h-rouge); }

/* ---------- blocs (panel) : carte blanche, titre en minuscules ---------- */
.panel { border: 1px solid var(--h-trait); border-radius: var(--h-rayon); box-shadow: none; background: var(--h-surface); }
.panel-default > .panel-heading,
.panel-primary:not(.bep-migration-notice) > .panel-heading {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px;
  height: auto; min-height: 0; padding: 14px 16px 12px;
  background: var(--h-surface); color: var(--h-bleu);
  border: 0; border-bottom: 1px solid var(--h-trait); border-radius: var(--h-rayon) var(--h-rayon) 0 0;
  font: 700 19px/1.25 var(--h-titre); text-transform: none; letter-spacing: 0;
}
.panel-heading > .pull-right, .panel-heading > .btn-group, .panel-heading .btn-group.pull-right {
  float: none !important; position: static; margin: 0; display: flex; flex-wrap: wrap; gap: 6px;
}
.panel-heading .progress { float: none; width: 120px; margin: 0; height: 8px; border-radius: 99px; background: var(--h-trait); box-shadow: none; }
.panel-heading .progress-bar { background: var(--h-vert); box-shadow: none; }
.panel-heading .glyphicon { color: inherit; }
.panel-body { padding: 16px; }
.panel-footer { background: var(--h-surface); border-top: 1px solid var(--h-trait); border-radius: 0 0 var(--h-rayon) var(--h-rayon); }
.panel > .list-group .list-group-item { border-color: var(--h-trait); }
.panel > .list-group:last-child .list-group-item:last-child { border-radius: 0 0 var(--h-rayon) var(--h-rayon); }

/* ---------- boutons ---------- */
.btn {
  border-radius: 999px; border: 1px solid transparent; box-shadow: none; text-shadow: none;
  font: 700 15px/1.25 var(--h-titre); text-transform: none; letter-spacing: 0;
  padding: 9px 18px;
}
.btn:focus-visible { outline: 3px solid rgba(25, 65, 114, .35); outline-offset: 2px; }
.btn.btn-primary, .btn.btn-success, a.btn.btn-primary, a.btn.btn-success,
.btn.btn-primary:focus, .btn.btn-success:focus { background: var(--h-vert); border-color: var(--h-vert); color: #fff; }
.btn.btn-primary:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-success:active,
a.btn.btn-primary:hover, a.btn.btn-success:hover,
.btn.btn-primary.active, .btn.btn-success.active { background: var(--h-vert-fonce); border-color: var(--h-vert-fonce); color: #fff; }
.btn.btn-default, a.btn.btn-default, .btn.btn-default:focus { background: var(--h-surface); border-color: var(--h-trait-2); color: var(--h-bleu); }
.btn.btn-default:hover, a.btn.btn-default:hover, .btn.btn-default:active { background: var(--h-bleu-doux); border-color: var(--h-trait-2); color: var(--h-bleu); }
.btn.btn-info, a.btn.btn-info, .btn.btn-info:focus { background: var(--h-bleu-doux); border-color: #d3deee; color: var(--h-bleu); }
.btn.btn-info:hover, a.btn.btn-info:hover, .btn.btn-info:active { background: #dfe8f5; border-color: #c6d4ea; color: var(--h-bleu-fonce); }
.btn.btn-danger, a.btn.btn-danger, .btn.btn-danger:focus { background: var(--h-surface); border-color: #efc2bd; color: var(--h-rouge); }
.btn.btn-danger:hover, a.btn.btn-danger:hover, .btn.btn-danger:active { background: var(--h-rouge-doux); border-color: #e8a59d; color: var(--h-rouge); }
.btn.btn-warning, a.btn.btn-warning, .btn.btn-warning:focus { background: var(--h-ambre-doux); border-color: #f0d3a4; color: var(--h-ambre); }
.btn-link { color: var(--h-bleu); border-radius: 8px; }
.btn.active, a.btn.active, .btn-group > .btn.active,
.btn.btn-default.active, .btn.btn-info.active { background: var(--h-bleu); border-color: var(--h-bleu); color: #fff; }
.btn-xs, .btn-group-xs > .btn { padding: 5px 12px; font-size: 13.5px; line-height: 1.2; }
.btn-sm, .btn-group-sm > .btn { padding: 7px 14px; font-size: 14px; }
.btn-lg { padding: 12px 22px; font-size: 17px; }
.btn-block { border-radius: 12px; }
/* groupes de boutons séparés plutôt que soudés (sauf les rangées d'icônes des cartes) */
.btn-group:not(.btn-group-justified) { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.btn-group:not(.btn-group-justified) > .btn { float: none; margin: 0 !important; border-radius: 999px !important; }
.btn-group-justified > .btn { border-radius: 0; }

/* ---------- formulaires ---------- */
.form-control {
  height: 44px; padding: 9px 12px; border: 1px solid var(--h-trait-2); border-radius: var(--h-rayon-2);
  box-shadow: none; background-color: var(--h-surface); color: var(--h-encre); font-size: 15px;
}
textarea.form-control { height: auto; min-height: 104px; line-height: 1.45; }
select.form-control { padding-right: 28px; }
.form-control:focus { border-color: var(--h-bleu); box-shadow: 0 0 0 3px rgba(25, 65, 114, .14); outline: 0; }
.form-control[disabled], .form-control[readonly] { background: var(--h-fond); color: var(--h-gris); }
.control-label, .form-group > label { color: var(--h-encre-2); font-weight: 700; font-size: 14.5px; }
.help-block { color: var(--h-gris); font-size: 13.5px; }
.panel-body input[type=checkbox], .panel-body input[type=radio] { accent-color: var(--h-bleu); width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }
.checkbox label, .radio label { color: var(--h-encre-2); font-weight: 400; }
@media (max-width: 767px) {
  .form-control { font-size: 16px; } /* évite le zoom d'iOS à la saisie */
  .form-horizontal .control-label { padding-top: 0; margin-bottom: 6px; text-align: left; }
}

/* ---------- messages (message.tpl) ---------- */
.alert { border: 1px solid; border-radius: 12px; padding: 12px 16px; font-size: 15px; line-height: 1.45; box-shadow: none; }
.alert h4 { color: inherit; font: 700 16px/1.3 var(--h-titre); margin: 0 0 4px; }
.alert .close { opacity: .55; text-shadow: none; color: inherit; }
.alert-success { background: var(--h-bleu-doux); border-color: #d3deee; color: var(--h-encre); }
.alert-info { background: var(--h-bleu-doux); border-color: #d3deee; color: var(--h-encre); }
.alert-warning { background: var(--h-ambre-doux); border-color: #f0d3a4; color: #5f3700; }
.alert-danger { background: var(--h-rouge-doux); border-color: #f2c4be; color: #7a1d14; }

/* ---------- cartes de membres (webffo_profile.tpl) ---------- */
.vt_prof { padding: 0; border: 1px solid var(--h-trait); border-radius: 12px; overflow: hidden; background: var(--h-surface); }
.vt_prof .vt_image { border-radius: 0; }
.vt_prof .vt_image img { aspect-ratio: 1 / 1; object-fit: cover; }
.vt_username { padding: 8px 6px 6px; color: var(--h-encre); font: 700 15px/1.2 var(--h-titre); }
.vt_prof_actions { padding-top: 0; border-top: 1px solid var(--h-trait); }
.vt_prof_actions .btn { min-height: 40px; padding: 8px 0; color: var(--h-gris); }
.vt_prof_actions a:hover { color: var(--h-bleu); }

/* ---------- pagination, étiquettes, tableaux, fenêtres ---------- */
.pagination > li > a, .pagination > li > span { margin: 0 2px; border: 1px solid var(--h-trait); border-radius: 8px !important; color: var(--h-bleu); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover { background: var(--h-bleu); border-color: var(--h-bleu); color: #fff; }
.label { border-radius: 6px; font-weight: 700; }
.label-default { background: rgba(27, 36, 51, .72); }
.badge { border-radius: 999px; }
.table > thead > tr > th { border-bottom: 1px solid var(--h-trait-2); color: var(--h-encre); }
.table > tbody > tr > td { border-top-color: var(--h-trait); }
.modal-content { border: 0; border-radius: 16px; box-shadow: 0 20px 50px rgba(15, 23, 42, .25); }
.modal-header { border-bottom: 1px solid var(--h-trait); }
.modal-title { color: var(--h-encre); font: 700 19px/1.25 var(--h-titre); }
.modal-footer { border-top: 1px solid var(--h-trait); }

/* ---------- doublons ---------- */
/* bandeau de couverture des pages du compte : la couverture se change sur « Ma page » */
/* (seul le bandeau : sur plusieurs pages, sa colonne n'est pas refermée et contient tout le contenu) */
#prof_topimg2 { display: none; }
/* ancien panneau d'actions d'un membre (sous-pages du profil) : l'en-tête porte déjà Écrire, Pote, Kif et ⋯ */
body[class*="member_"] .col-sm-3b > .panel-primary:has(> .list-group) { display: none; }
/* barre de sous-menus des réglages (Compte, Notifications, Confidentialité, Abonnement) */
.actionbuttons .btn-group { display: flex; flex-wrap: wrap; gap: 6px; }
.actionbuttons .btn-group > .btn, .actionbuttons .btn-group > .btn.btn-primary { background: var(--h-surface); border-color: var(--h-trait-2); color: var(--h-bleu); }
.actionbuttons .btn-group > .btn.active { background: var(--h-bleu); border-color: var(--h-bleu); color: #fff; }

/* ---------- notes en étoiles (thème rose) ---------- */
.ratingbox .glyphicon-star, .ratingbox .glyphicon-star-empty, .rating .glyphicon-star, .rating .glyphicon-star-empty { color: #e0a100; }

/* ---------- listes au téléphone ---------- */
@media (max-width: 767px) {
  /* photos : deux par rangée, carrées */
  body.pictures .loop_picture { width: 50%; float: left; padding: 0 4px; margin-bottom: 8px !important; }
  body.pictures .loop_picture:nth-of-type(2n+1) { clear: left; }
  body.pictures .loop_picture .image img, body.pictures .loop_picture img.img-full { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
  /* communautés : vignette à gauche, nom et bouton à droite */
  body.groups .loop_album { float: left; width: 72px !important; padding: 0 !important; }
  body.groups .loop_album img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; padding: 0 !important; }
  body.groups .loop_album + .col-sm-9 { margin-left: 84px; padding: 0; }
  body.groups .loop_album + .col-sm-9 h4 { margin: 2px 0 4px; font: 700 16px/1.25 var(--h-titre); }
  body.groups .col-md-6 > .panel-body { padding: 10px 12px; }
  body.groups .col-md-6 + br, body.groups .col-md-6 > br { display: none; }
}
@media (max-width: 991px) {
  /* vidéos : deux par rangée ; la bannière de 728 px ne fait plus déborder la page */
  body.videos .col-sm-9b { overflow-x: hidden; }
  body.videos .col-sm-9b iframe, body.videos .col-sm-9b ins, body.videos .col-sm-9b [id^="ts_"] { max-width: 100% !important; }
  body.videos .col-sm-9b .col-md-3 { width: 50%; float: left; padding: 0 4px; }
  body.videos .col-sm-9b .col-md-3:nth-of-type(2n+1) { clear: left; }
  body.videos .col-sm-9b .col-md-3 img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
}

/* ---------- Hot or not : le vote d'abord au téléphone, les filtres ensuite ---------- */
@media (max-width: 767px) {
  body.hotornot .container > .row { display: flex; flex-direction: column; }
  body.hotornot .container > .row > .col-sm-6b { order: 1; }
  body.hotornot .container > .row > .col-sm-3:not(.col-sm-3b) { order: 2; }
  body.hotornot .container > .row > .col-sm-3b { order: 3; }
}

/* ---------- v2 ---------- */
/* boutons dans un titre de bloc : onglets à contour, l'onglet courant en bleu */
.panel-heading .btn, .panel-heading .btn-primary, .panel-heading .btn-success, .panel-heading .btn-info {
  background: var(--h-surface); border-color: var(--h-trait-2); color: var(--h-bleu);
}
.panel-heading .btn:hover { background: var(--h-bleu-doux); color: var(--h-bleu); }
.panel-heading .btn.active { background: var(--h-bleu); border-color: var(--h-bleu); color: #fff; }

/* étoiles des notes : contour gris, pleine en ambre (même logique que rating.png : classe « over ») */
div.ratingbox div.selection a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.5l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z' fill='none' stroke='%23aab4c3' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 15px 15px;
}
div.ratingbox div.selection a.over {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.5l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z' fill='%23e0a100' stroke='%23c98f00' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 15px 15px;
}

/* réglages : le choix du « modèle du site » défait l'habillage refait */
.form-group:has(#field_template) { display: none; }

/* vidéos : textes sous les vignettes */
body.videos .col-sm-9b .col-md-3 .author, body.videos .col-sm-9b .col-md-3 .views, body.videos .col-sm-9b .col-md-3 .comments { font-size: 13.5px; color: var(--h-gris); }

@media (max-width: 767px) {
  /* annonces : vignette à gauche, texte à droite */
  body.blogs .container-fluid > .row > .col-sm-3.col-xs-12 { float: left; width: 92px; padding: 0; margin: 0 12px 4px 0; }
  body.blogs .container-fluid > .row > .col-sm-3.col-xs-12 img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
  body.blogs .container-fluid > .row > .col-lg-9 { overflow: hidden; padding: 0; }
  body.blogs .container-fluid > .row > .col-lg-9 > small { float: none !important; display: block; padding: 0 !important; margin-bottom: 2px; color: var(--h-gris); }
  body.blogs .container-fluid > .row > .col-lg-9 h4 { margin: 0 0 4px; font: 700 16px/1.25 var(--h-titre); }
  body.blogs .container-fluid > .row > .col-lg-9 .text-justify { text-align: left; font-size: 14.5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  body.blogs .panel-body .container-fluid > hr { margin: 12px 0; border-color: var(--h-trait); }
  /* communautés : nom, nombre de membres, puis le bouton */
  body.groups .loop_album + .col-sm-9 { display: flex; flex-direction: column; align-items: flex-start; }
  body.groups .loop_album + .col-sm-9 > h4 { order: 0; }
  body.groups .loop_album + .col-sm-9 > p { order: 1; margin: 0 0 6px; color: var(--h-gris); font-size: 14px; }
  body.groups .loop_album + .col-sm-9 > div[style] { order: 2; position: static !important; width: auto !important; top: auto !important; right: auto !important; margin: 0; }
  body.groups .loop_album + .col-sm-9 .btn { width: auto !important; padding: 6px 16px; font-size: 14px; }
  body.groups .col-sm-9b > .panel:first-child form [class*="col-xs-"] { width: 50%; }
}

/* ---------- v3 ---------- */
/* pink_theme force ces pastilles (!important) : même sélecteur, même force */
.panel-default > .panel-heading > .btn-group > .btn-primary,
.panel-default > .panel-heading > .btn-group > .btn {
  padding: 5px 12px !important; margin: 0 !important; border: 1px solid var(--h-trait-2) !important; border-radius: 999px !important;
  background: var(--h-surface) !important; color: var(--h-bleu) !important; font-size: 13.5px !important; opacity: 1 !important;
}
.panel-default > .panel-heading > .btn-group > .btn:hover { background: var(--h-bleu-doux) !important; }
.panel-default > .panel-heading > .btn-group > .btn.active,
.panel-default > .panel-heading > .btn-group > .btn-primary.active { background: var(--h-bleu) !important; border-color: var(--h-bleu) !important; color: #fff !important; }

/* ---------- v5 ---------- */
/* liens dans les messages : lisibles sur fond clair */
.alert a, .alert a:hover, .alert a:focus { color: var(--h-bleu); text-decoration: underline; text-underline-offset: 2px; font-weight: 700; }
/* formulaires d'ajout : pas d'image « NO PREVIEW » tant qu'il n'y a rien à montrer */
body[class*="account_"] .panel-body img[src$="content_picture_none.gif"],
body[class*="account_"] .panel-body img[src$="video_picture_none.gif"] { display: none; }
/* sous-menus des réglages au téléphone : une rangée qui défile */
@media (max-width: 767px) {
  .actionbuttons .btn-group { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; }
  .actionbuttons .btn-group::-webkit-scrollbar { display: none; }
  .actionbuttons .btn-group > .btn { flex: none; display: inline-block; width: auto !important; white-space: nowrap; }
}
/* boutons verts des pages refaites (profil) : même vert que « Publier » */
.bep-pf-btn.bep-pf-vert, .bep-pf-btn.bep-pf-vert:focus { background: var(--h-vert); border-color: var(--h-vert); color: #fff; }
.bep-pf-btn.bep-pf-vert:hover { background: var(--h-vert-fonce); border-color: var(--h-vert-fonce); color: #fff; }

/* ---------- v6 ---------- */
/* annonce : le titre est déjà celui du bloc */
body.member_blog_entry .panel-body .title { display: none; }
/* badge « Changer la photo » sur la photo de l'accueil */
.overlay_changeimage.badge { background: rgba(27, 36, 51, .78); color: #fff; font: 700 13px/1 var(--h-titre); padding: 6px 10px; border-radius: 999px; }

/* ---------- v7 ---------- */
/* inviter des amis : champs à largeur fixe en ligne, empilés au téléphone */
@media (max-width: 767px) {
  body.invitefriends dl dt, body.invitefriends dl dd { float: none; width: auto; }
  body.invitefriends .form-control { width: 100% !important; }
  body.invitefriends [class*="col-xs-6"] { width: 100%; }
}

/* ---------- v8 (08/10) ---------- */
/* tchat sur la fiche d'un membre en ligne : dans la rangée à partir de 420 px, dans « ⋯ » en dessous */
.bep-pf-feuille-c .bep-pf-tchat-f { display: none; }
@media (max-width: 419px) {
  .bep-pf-actions .bep-pf-tchat-r { display: none; }
  .bep-pf-feuille-c .bep-pf-tchat-f { display: flex; }
}

/* ---------- v9 (08/10) : logo court « bep » dans la barre du site, plus grand, bulle plus grosse ---------- */
.bn-logo .gd-mot--bep { letter-spacing: -.03em; }
body.login_0 .bn-logo .gd, body.login_1 .bn-logo .gd { font-size: 30px; }
@media (max-width: 991px) { body.login_0 .bn-logo .gd, body.login_1 .bn-logo .gd { font-size: 28px; } }
body.login_0 .bn-logo .gd-v > span:not(:first-child) { display: inline-block; }

/* ---------- v10 (08/10) : la bulle verte reste grande, les gouttes et les éclaboussures reprennent leur taille d'origine ----------
   le dessin est coupé en deux calques dans header_navigation.tpl : .gd-bulle--dial (bulle + points) et .gd-bulle--gouttes */
/* v11 : le mot centré comme le texte du menu (milieu des minuscules, mesuré : 30,9 px sur 60), la bulle hors du flux
   pour ne plus pousser le mot vers le bas ; gouttes un peu plus petites (0,8 em) et plus basses (éclaboussure à 6-7 px du haut) */
.bn-logo .gd { padding-right: 1.18em; }
.bn-logo .gd-mot--bep { position: relative; top: -.04em; }
.bn-logo .gd-embleme { position: absolute; right: 0; top: -.317em; display: block; margin: 0; }
.bn-logo .gd-embleme .gd-bulle--dial { display: block; width: 1.14em; height: 1.7em; margin: 0; }
.bn-logo .gd-embleme .gd-bulle--gouttes { position: absolute; left: .495em; top: .363em; width: .537em; height: .8em; margin: 0; }

/* ---------- v11 (08/10) : tour des pages ---------- */
/* petit texte secondaire assez foncé pour être lu (4,5:1 au moins sur blanc) ; « body » passe devant bep-profil.css, chargée après */
.text-muted { color: var(--h-gris); }
body .bep-es .bep-es-titre, body .bep-es .bep-es-l .c, body .bep-pf-kv dt, body .bep-pf-meta, body .bep-pf-note .ratingbox > .scores,
body .bep-pf-onglets .n, body .bep-pf-bloc > h2 .n, body .bep-pf-annonce small, body .bep-pf-forum small, body .bep-pf-commu small,
body .bep-pf-mot-d, body .bep-pf-fait .bep-pf-et { color: var(--h-gris); }

/* cartes de membres : seul le point vert « en ligne » reste (le rond blanc « hors ligne » brouillait les photos claires) */
.vt_image .offlinedot { display: none; }
.vt_image .onlinedot { box-shadow: 0 0 0 2px #fff; }

/* pastilles d'onglets placées dans un .pull-right (potes, demandes, kifs) : même style que les autres titres de bloc */
.panel-default > .panel-heading > .pull-right > .btn-group > .btn {
  padding: 5px 12px !important; margin: 0 !important; border: 1px solid var(--h-trait-2) !important; border-radius: 999px !important;
  background: var(--h-surface) !important; color: var(--h-bleu) !important; font-size: 13.5px !important; opacity: 1 !important;
}
.panel-default > .panel-heading > .pull-right > .btn-group > .btn:hover { background: var(--h-bleu-doux) !important; }
.panel-default > .panel-heading > .pull-right > .btn-group > .btn.active { background: var(--h-bleu) !important; border-color: var(--h-bleu) !important; color: #fff !important; }

/* communauté : onglets Discussions / Membres soulignés (comme sur un profil), Rejoindre ou Quitter à droite */
#profile_btns.bep-gr-barre {
  display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; width: 100%; margin: -15px 0 16px; padding: 0 12px;
  background: var(--h-surface); border: 1px solid var(--h-trait); border-top: 0; border-radius: 0 0 var(--h-rayon) var(--h-rayon);
}
#profile_btns.bep-gr-barre > a { width: auto; float: none; }
#profile_btns .bep-gr-onglet {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 12px; border-bottom: 3px solid transparent;
  color: var(--h-gris); font: 700 15px/1 var(--h-titre); text-decoration: none; white-space: nowrap;
}
#profile_btns .bep-gr-onglet:hover, #profile_btns .bep-gr-onglet:focus-visible { color: var(--h-bleu); text-decoration: none; }
#profile_btns .bep-gr-onglet.active { color: var(--h-bleu); border-bottom-color: var(--h-bleu); }
#profile_btns .bep-gr-action { margin: 0 0 0 auto !important; padding: 8px 18px; font-size: 15px; white-space: nowrap; }
.bep-gr-auteur { margin: 10px 0 0; color: var(--h-gris); font-size: 14px; }
.bep-gr-auteur a { font-weight: 700; }

/* messages des communautés : texte lisible, liens longs et vidéos intégrées dans la largeur */
.page_groups_comments .entry, .comment_right .entry, body.account_guestbook .bevelbottom .entry { overflow-wrap: anywhere; }
.page_groups_comments .entry p, .comment_right .entry p { font-size: 15px; line-height: 1.5; color: var(--h-encre); }
.page_groups_comments .entry[style] { font-size: 14px !important; }
.page_groups_comments iframe, .page_groups_comments embed, .page_groups_comments object, .page_groups_comments video { max-width: 100% !important; }
.page_groups_comments .entry iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border: 0; }
.page_groups_comments .entry img[style*="width:"] { border-radius: 8px; }
.page_groups_comments small, .comment_right .entry small, body.account_guestbook .bevelbottom .timestamp, .list-group-item small { font-size: 13px; color: var(--h-gris); }
.comment_right .entry > small.pull-right { margin-left: 10px; }
body.groups_details .old_form dt { color: var(--h-encre-2); font-size: 14.5px; font-weight: 700; margin: 10px 0 6px; }
body.groups_details .old_form input[type=file] { max-width: 100%; font-size: 14px; }

/* commentaires et livres d'or : la carte de l'auteur sans sa rangée d'icônes ; au téléphone, vignette à gauche et texte à côté */
.comment_left .vt_prof_actions, body.account_guestbook .bevelbottom .vt_prof_actions { display: none; }
@media (max-width: 767px) {
  .comment_left, body.account_guestbook .bevelbottom > .image.col-sm-2 { float: left; width: 72px !important; padding: 0 !important; }
  .comment_right, body.account_guestbook .bevelbottom > .col-lg-10 { float: none !important; width: auto !important; margin-left: 84px; padding: 0 !important; }
  .comment_left .vt_username { padding: 5px 2px 4px; font-size: 13px; }
  .comment_right .entry > small.pull-right { float: none !important; display: inline-block; margin: 0 10px 4px 0; }
}

/* photos : le pseudo sous la vignette (avant : étiquette sombre et transparente sur la photo, illisible et cachée au tactile) */
.loop_picture .author.label {
  position: static; display: block; opacity: 1; margin: 6px 0 0; padding: 0; background: none; border-radius: 0; text-align: left;
  font: 700 13.5px/1.25 var(--h-titre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: none;
}
.loop_picture .author.label a { color: var(--h-encre-2); }

/* mes photos, mes vidéos : actions (commentaires, modifier, supprimer) lisibles et faciles à toucher */
.ownwell_actions .btn-link { min-height: 40px; color: var(--h-gris); font-size: 14px; }
.ownwell_actions .btn-link:hover, .ownwell_actions .btn-link:focus { color: var(--h-bleu); background: var(--h-bleu-doux); text-decoration: none; }
.ownwell_actions .btn-link[title^="Supprimer"]:hover { color: var(--h-rouge); background: var(--h-rouge-doux); }

/* mes communautés : Rejointes / Créées par moi en pastilles sur une rangée, « Créer une communauté » à droite */
body.account_groups .btn-group.profileactions { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; float: none; margin-bottom: 14px; }
body.account_groups .btn-group.profileactions > a { width: auto !important; flex: none; float: none; }
body.account_groups .btn-group.profileactions > a.btn-primary:last-child:not(.active) { margin-left: auto !important; }
body.account_groups .btn-group.profileactions .badge { margin-left: 4px; background: var(--h-bleu-doux); color: var(--h-bleu); }
body.account_groups .btn-group.profileactions .active .badge { background: rgba(255, 255, 255, .22); color: #fff; }
@media (max-width: 767px) {
  /* liste au téléphone : vignette à gauche, comme la liste publique des communautés */
  body.account_groups .loop_album { float: left; width: 72px !important; padding: 0 !important; }
  body.account_groups .loop_album img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
  body.account_groups .loop_album + [class*="col-"] { float: none; width: auto; margin-left: 84px; padding: 0; }
}

/* formulaires d'ajout (annonce, vidéo) : pas de colonne vide à gauche quand il n'y a pas encore d'aperçu */
body[class*="account_"] .panel-body .row > [class*="col-"]:has(> .image img[src$="_picture_none.gif"]) { display: none; }
body[class*="account_"] .panel-body .row > [class*="col-"]:has(> .image img[src$="_picture_none.gif"]) + [class*="col-"] { width: 100%; }

/* ajouter une vidéo : libellés au-dessus des champs, comme les autres formulaires (avant : colonne de 200 px à gauche) */
body.account_videos_edit dl.fieldset dt, body.account_videos_edit dl.fieldset dd { float: none; width: auto; margin-left: 0; text-align: left; }
body.account_videos_edit dl.fieldset dt { margin: 12px 0 6px; color: var(--h-encre-2); font-weight: 700; }
body.account_videos_edit dl.fieldset .form-control { width: 100%; }

/* lecteur vidéo : 16/9 tant que la vidéo n'a pas donné sa taille (avant : bandeau noir de 150 px) */
.video_wrapper video, .image video { aspect-ratio: auto 16 / 9; height: auto; }

/* accueil : fil d'activité plus aéré au téléphone (texte coincé entre deux grandes vignettes) */
@media (max-width: 767px) {
  .member_activity_list .activity_action { position: relative; min-height: 64px; padding-left: 76px; }
  .member_activity_list .activity_action .activityimage { position: absolute; left: 0; top: 0; float: none; max-width: 64px; margin: 0; border-radius: 10px; }
  .member_activity_list .activity_thumb { width: 44px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; margin-left: 8px; }
}

/* confidentialité : la case « Accepter manuellement » alignée sur les listes */
body.account_privacy .xcheckbox { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--h-encre-2); }
body.account_privacy .xcheckbox input { margin: 0; }

/* ---------- v12 (08/10) : seul le « b » vibre (choix du propriétaire : « vibration b ») ----------
   les sauts d'origine du b (de plus en plus rapprochés et amples jusqu'à 2,04 s), puis un tremblement croissant qui culmine
   au début de l'éclaboussure (2,61 s) et se relâche ; « e » et « p » immobiles ; rien si « réduire les animations » */
@keyframes bep-k_b{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.133%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.289%{transform:translate(0,0.01em) scale(1.000,0.980);}0.444%{transform:translate(0,0) scale(1,1);opacity:1;}1.022%{transform:translate(0,0) scale(1,1);opacity:1;}1.156%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.311%{transform:translate(0,0.012em) scale(1.000,0.980);}1.467%{transform:translate(0,0) scale(1,1);opacity:1;}1.867%{transform:translate(0,0) scale(1,1);opacity:1;}2.000%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.156%{transform:translate(0,0.014em) scale(1.000,0.980);}2.311%{transform:translate(0,0) scale(1,1);opacity:1;}2.533%{transform:translate(0,0) scale(1,1);opacity:1;}2.667%{transform:translate(0,-0.064em) scale(1.000,1.030);}2.822%{transform:translate(0,0.016em) scale(1.000,0.980);}2.978%{transform:translate(0,0) scale(1,1);opacity:1;}3.067%{transform:translate(0,0) scale(1,1);opacity:1;}3.200%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.356%{transform:translate(0,0.018em) scale(1.000,0.980);}3.489%{transform:translate(0,0) scale(1,1);opacity:1;}3.511%{transform:translate(0,0) scale(1,1);opacity:1;}3.622%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.778%{transform:translate(0,0.02em) scale(1.000,0.980);}3.822%{transform:translate(0,0) scale(1,1);opacity:1;}3.933%{transform:translate(0,0) scale(1,1);opacity:1;}3.956%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.089%{transform:translate(0,0) scale(1,1);opacity:1;}4.111%{transform:translate(0,0.022em) scale(1.000,0.980);}4.222%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.267%{transform:translate(0,0) scale(1,1);opacity:1;}4.378%{transform:translate(0,0.024em) scale(1.000,0.980);}4.533%{transform:translate(0,0) scale(1,1);opacity:1;}4.600%{transform:translate(0.02em,-0.03em) scale(1.000,1.020);}4.689%{transform:translate(-0.02em,-0.015em) scale(1.000,1.010);}4.778%{transform:translate(0.026em,-0.036em) scale(1.000,1.025);}4.867%{transform:translate(-0.026em,-0.018em) scale(1.000,1.012);}4.956%{transform:translate(0.032em,-0.044em) scale(1.000,1.030);}5.044%{transform:translate(-0.032em,-0.022em) scale(1.000,1.015);}5.133%{transform:translate(0.038em,-0.052em) scale(1.000,1.040);}5.222%{transform:translate(-0.038em,-0.026em) scale(1.000,1.020);}5.311%{transform:translate(0.043em,-0.06em) scale(1.000,1.045);}5.400%{transform:translate(-0.043em,-0.03em) scale(1.000,1.022);}5.489%{transform:translate(0.047em,-0.068em) scale(1.000,1.055);}5.578%{transform:translate(-0.047em,-0.034em) scale(1.000,1.028);}5.667%{transform:translate(0.05em,-0.076em) scale(1.000,1.065);}5.756%{transform:translate(0em,-0.09em) scale(1.000,1.075);}5.800%{transform:translate(0,0.03em) scale(1.000,0.950);}5.956%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@media (prefers-reduced-motion: no-preference) {
  .bn-logo .gd--anime .gd-mot--bep .gd-L0 { animation: bep-k_b 45s 45s infinite both; }
  .bn-logo .gd--anime .gd-mot--bep .gd-L1, .bn-logo .gd--anime .gd-mot--bep .gd-L2 { animation: none; }
}

/* ---------- v13 (08/10) : finitions (icônes, nombres, champs fichier, couvertures, vidéos, annonces, pages vides, pied de page) ---------- */
/* cartes de membres : icône du jeu de la barre et libellé (Écrire, Kiffer, Pote…) */
.vt_prof_actions .btn { min-height: 46px; padding: 6px 0 5px; line-height: 1; color: var(--h-gris); }
.vt_prof_actions .btn:hover, .vt_prof_actions .btn:focus { color: var(--h-bleu); background: var(--h-bleu-doux); text-decoration: none; }
.vt_prof_actions .bep-ci { display: block; width: 18px; height: 18px; margin: 0 auto 3px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.vt_prof_actions .bep-cl { display: block; padding: 0 2px; font: 700 12px/1.15 var(--h-titre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* membre en ligne sur ordinateur : quatre actions dans une carte de 120 px, libellés en 11 px (mesuré : aucun coupé) */
@media (min-width: 768px) {
  .vt_prof_actions:has(> a[onclick*="chatWith"]) .bep-cl { padding: 0; font-size: 11px; letter-spacing: -.1px; }
}

/* notes : « 4,4/5 · 51 votes » ; les valeurs brutes restent dans la page pour le script de vote */
.bep-brut { display: none !important; }
.ratingbox .scores { color: var(--h-gris); font-size: 13.5px; }
.ratingbox .bep-note { color: var(--h-encre-2); font-weight: 700; }

/* champs fichier (bep-fichiers.js) : un vrai bouton, le nom du fichier et l'aperçu des photos */
.bep-fichier { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 2px 0 6px; }
.bep-fichier-natif { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; opacity: 0; }
.bep-fichier-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 9px 18px; border: 1px solid var(--h-trait-2); border-radius: 999px; background: var(--h-surface); color: var(--h-bleu); font: 700 15px/1.2 var(--h-titre); cursor: pointer; }
.bep-fichier-btn:hover { background: var(--h-bleu-doux); }
.bep-fichier-btn:focus-visible { outline: 3px solid rgba(25, 65, 114, .35); outline-offset: 2px; }
.bep-fichier-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bep-fichier-nom { color: var(--h-gris); font-size: 14px; overflow-wrap: anywhere; }
.bep-fichier-nom strong { color: var(--h-encre); font-weight: 700; }
.bep-fichier-apercus { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
.bep-fichier-apercus:empty { display: none; }
.bep-fichier-apercus img { width: 72px; height: 72px; object-fit: cover; border: 1px solid var(--h-trait); border-radius: 10px; }

/* vidéo sans aperçu : fond neutre et bouton lecture (avant : grosse croix grise) */
a:has(> img[src$="video_picture_none.gif"]) { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 10px; background: linear-gradient(135deg, #1f2b3d, #33496a); }
a:has(> img[src$="video_picture_none.gif"]) > img { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
a:has(> img[src$="video_picture_none.gif"])::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%;
  background: rgba(255, 255, 255, .92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23194172'/%3E%3C/svg%3E") 55% 50% / 26px no-repeat;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
}

/* couverture d'une communauté : dégradé sombre sous le titre et la description */
body.groups_details #prof_topimg, body.groups_guests #prof_topimg { position: relative; }
body.groups_details #prof_topimg::before, body.groups_guests #prof_topimg::before {
  content: ""; position: absolute; inset: 0; z-index: 7; pointer-events: none;
  background: linear-gradient(90deg, rgba(12, 18, 28, .74) 0%, rgba(12, 18, 28, .45) 45%, rgba(12, 18, 28, 0) 82%), linear-gradient(0deg, rgba(12, 18, 28, .5) 0%, rgba(12, 18, 28, 0) 55%);
}
body.groups_details #prof_userdata, body.groups_guests #prof_userdata { z-index: 9; text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
body.groups_details #prof_userdata > div[style] { margin-right: 0 !important; padding: 6px 0 0 !important; background: none !important; font-size: 14px !important; line-height: 1.45; }
body.groups_details #prof_userdata a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 768px) {
  body.groups_details #prof_topimg::before, body.groups_guests #prof_topimg::before { background: linear-gradient(0deg, rgba(12, 18, 28, .8) 0%, rgba(12, 18, 28, .4) 55%, rgba(12, 18, 28, .15) 100%); }
  body.groups_details #prof_leftimg, body.groups_guests #prof_leftimg, body.groups_details #prof_userdata, body.groups_guests #prof_userdata { position: relative; z-index: 9; }
  body.groups_details #prof_userdata, body.groups_guests #prof_userdata { padding: 0 14px 14px; }
}

/* pied de page : copyright et liens lisibles */
#footer { padding: 14px 0 20px; border-top: 1px solid var(--h-trait); background: var(--h-surface); color: var(--h-gris); font-size: 14px; line-height: 1.5; }
#footer a { display: inline-block; padding: 6px 2px; color: var(--h-encre-2); font-weight: 700; }
#footer a:hover, #footer a:focus { color: var(--h-bleu); text-decoration: underline; }
@media (max-width: 991px) { #footer .col-sm-4, #footer .col-md-8 { text-align: center; } }

/* liste des vidéos : une ligne d'infos (auteur · vues · commentaires · note) */
.bep-vid-meta { margin: 6px 0 14px; color: var(--h-gris); font-size: 13.5px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bep-vid-meta a { color: var(--h-encre-2); font-weight: 700; }

/* annonces à l'ordinateur : la carte du téléphone (vignette, lieu, titre, extrait) */
@media (min-width: 768px) {
  body.blogs .container-fluid > .row > .col-sm-3.col-xs-12 { width: 140px; padding: 0; margin: 0 18px 4px 0; }
  body.blogs .container-fluid > .row > .col-sm-3.col-xs-12 img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; }
  body.blogs .container-fluid > .row > .col-lg-9 { float: none; width: auto; overflow: hidden; padding: 0; }
  body.blogs .container-fluid > .row > .col-lg-9 > small { float: none !important; display: block; margin-bottom: 4px; padding: 0 !important; color: var(--h-gris); font-size: 13.5px; }
  body.blogs .container-fluid > .row > .col-lg-9 h4 { margin: 0 0 6px; color: var(--h-encre); font: 700 18px/1.25 var(--h-titre); }
  body.blogs .container-fluid > .row > .col-lg-9 .text-justify { text-align: left; color: var(--h-encre-2); font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  body.blogs .panel-body .container-fluid > hr { margin: 16px 0; border-color: var(--h-trait); }
}

/* pages vides du compte : un seul bloc, le message et l'action */
.bep-vide { padding: 30px 16px 26px; text-align: center; }
.bep-vide p { margin: 0 0 16px; color: var(--h-encre-2); font-size: 16px; line-height: 1.45; }
.bep-vide .btn { min-width: 220px; }

/* icônes : le jeu de la barre du site (trait, coins ronds) remplace les glyphicons ; tracés en masque ci-dessous */
.glyphicon-envelope::before, .glyphicon-comment::before, .glyphicon-camera::before, .glyphicon-gift::before, .glyphicon-star::before, .glyphicon-star-empty::before, .glyphicon-heart::before, .glyphicon-remove::before, .glyphicon-remove-circle::before, .glyphicon-plus::before, .glyphicon-plus-sign::before, .glyphicon-minus::before, .glyphicon-minus-sign::before, .glyphicon-hand-up::before, .glyphicon-user::before, .glyphicon-picture::before, .glyphicon-map-marker::before, .glyphicon-calendar::before, .glyphicon-pencil::before, .glyphicon-warning-sign::before, .glyphicon-time::before, .glyphicon-thumbs-up::before, .glyphicon-thumbs-down::before, .glyphicon-ok::before, .glyphicon-film::before, .glyphicon-circle-arrow-right::before, .glyphicon-book::before, .glyphicon-trash::before, .glyphicon-info-sign::before, .glyphicon-search::before, .glyphicon-eye-open::before {
  content: "" !important; display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -.16em; background-color: currentColor;
  -webkit-mask: var(--bep-ic) center / contain no-repeat; mask: var(--bep-ic) center / contain no-repeat;
}
.glyphicon-envelope { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.7 7.1L3 21l1.9-6.3A8 8 0 1 1 21 12z'/%3E%3C/svg%3E"); }
.glyphicon-comment { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E"); }
.glyphicon-camera { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); }
.glyphicon-gift { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E"); }
.glyphicon-star { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z' fill='black'/%3E%3C/svg%3E"); }
.glyphicon-star-empty { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E"); }
.glyphicon-heart { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E"); }
.glyphicon-remove { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
.glyphicon-remove-circle { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E"); }
.glyphicon-plus { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.glyphicon-plus-sign { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }
.glyphicon-minus { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.glyphicon-minus-sign { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E"); }
.glyphicon-hand-up { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-4 0M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-6-2.3l-3.6-3.6a2 2 0 0 1 2.8-2.8L7 15'/%3E%3C/svg%3E"); }
.glyphicon-user { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.glyphicon-picture { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E"); }
.glyphicon-map-marker { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-5.5 10.2-7.4 11.8a1 1 0 0 1-1.2 0C9.5 20.2 4 15 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.glyphicon-calendar { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E"); }
.glyphicon-pencil { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E"); }
.glyphicon-warning-sign { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.5 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E"); }
.glyphicon-time { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.glyphicon-thumbs-up { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.9 14 10h5.8a2 2 0 0 1 1.9 2.6l-2.3 8a2 2 0 0 1-1.9 1.4H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.8a2 2 0 0 0 1.8-1.1L12 2a3.1 3.1 0 0 1 3 3.9Z'/%3E%3C/svg%3E"); }
.glyphicon-thumbs-down { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l2.3-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.8a2 2 0 0 0-1.8 1.1L12 22a3.1 3.1 0 0 1-3-3.9Z'/%3E%3C/svg%3E"); }
.glyphicon-ok { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.glyphicon-film { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.2 3.5a.5.5 0 0 0 .8-.4V7.9a.5.5 0 0 0-.8-.4L16 11'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E"); }
.glyphicon-circle-arrow-right { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8M12 16l4-4-4-4'/%3E%3C/svg%3E"); }
.glyphicon-book { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E"); }
.glyphicon-trash { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3C/svg%3E"); }
.glyphicon-info-sign { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E"); }
.glyphicon-search { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.glyphicon-eye-open { --bep-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }