@charset "UTF-8";@import url('https://activha.com/media/activha/fontawesome-subset/css/all.min.css');@import url('https://activha.com/media/activha/fontawesome-subset/css/sharp-solid.min.css');
/***!  /media/templates/site/cassiopeia_activha/css/user.css?a452cc  !***/

/* =========================================================
   ACTIV-HA — CSS réorganisé et nettoyé
   - Doublons supprimés / fusionnés
   - Propriétés invalides corrigées
   - Variables consolidées
   - Structure par sections
   ========================================================= */

/* ===================== 1) IMPORTS ===================== */




/* ===================== 2) VARIABLES GLOBALES ===================== */
:root {
  /* Typo */
  --body-font-weight: 300;

  /* Couleurs marque / app */
  --main-aha-prim: rgb(186, 0, 204);
  --main-aha-prim-rgb: 186, 0, 204;
  --main-aha-appli: rgb(213, 254, 108);
  --main-aha-appli-rgb: 213, 254, 108;
  --appli-rgb: 213, 254, 108;

  /* Palettes contextuelles (rgb pour usage avec rgb(var(--...))) */
  --aha-success-rgb: 223, 249, 240;
  --aha-info-rgb: 209, 227, 255;
  --aha-warning-rgb: 253, 255, 208;
  --aha-danger-rgb: 255, 234, 221;

  /* Alias Bootstrap (on garde les valeurs initialement présentes) */
  --bs-main-aha-prim: rgb(186, 0, 204);
  --bs-main-aha-appli: rgb(209, 255, 153);
  --bs-appli-rgb: 209, 255, 153;
  --bs-main-aha-prim-rgb: 186, 0, 204;
  --bs-main-aha-appli-rgb: 209, 255, 153;

  /* Safe-area par défaut */
  --safe-area-inset-top: 0px;
  --safe-area-inset-right: 0px;
  --safe-area-inset-bottom: 0px;
  --safe-area-inset-left: 0px;

  /* 3CX call-us */
  --call-us-round-button: 0%;
  --call-us-main-button-width: 50px;

  /* Cassiopeia / Bootstrap couleurs */
  --cassiopeia-color-primary-gradient: linear-gradient(to bottom left, rgb(202, 0, 204), rgb(236, 2, 106));
  --cassiopeia-color-secondary-gradient: linear-gradient(to bottom left, rgb(250, 8, 56), rgb(241, 233, 54));
  --cassiopeia-color-primary: rgb(186, 0, 204);
  --cassiopeia-color-secondary: rgb(250, 8, 194);
  --nav-pills-link-active-bg: rgb(250, 8, 194);
  --nav-pills-link-active-color: rgb(250, 8, 194);
  --nav-link-hover-color: rgb(186, 0, 204);

  --cassiopeia-color-success: rgb(209, 255, 153);
  --cassiopeia-color-warning: rgb(250, 8, 56);
  --cassiopeia-color-info: rgb(250, 97, 10);
  --cassiopeia-color-danger: rgb(250, 8, 56);

  --primary-gradient: linear-gradient(to bottom left, rgb(202, 0, 204), rgb(236, 2, 106));
  --secondary-gradient: linear-gradient(to bottom left, rgb(250, 8, 56), rgb(241, 233, 54));
  --success-gradient: linear-gradient(to bottom left, rgb(241, 233, 54), rgb(209, 255, 153));

  --primary: rgb(186, 0, 204);
  --secondary: rgb(250, 8, 194);
  --success: rgb(209, 255, 153);
  --warning: rgb(247, 229, 38);
  --info: rgb(250, 97, 10);
  --danger: rgb(250, 8, 56);

  --primary-rgb: 186, 0, 204;
  --secondary-rgb: 250, 8, 194;
  --success-rgb: 209, 255, 153;
  --warning-rgb: 247, 229, 38;
  --info-rgb: 250, 97, 10;
  --danger-rgb: 250, 8, 56;

  /* Mega menu */
  --mega-top: 75px;

  /* Icônes "share" (SVG encodées) */
  --ico-share: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.5 11c-0.706 0-1.342 0.293-1.797 0.763l-6.734-3.367c0.021-0.129 0.032-0.261 0.032-0.396s-0.011-0.267-0.032-0.396l6.734-3.367c0.455 0.47 1.091 0.763 1.797 0.763 1.381 0 2.5-1.119 2.5-2.5s-1.119-2.5-2.5-2.5-2.5 1.119-2.5 2.5c0 0.135 0.011 0.267 0.031 0.396l-6.734 3.367c-0.455-0.47-1.091-0.763-1.797-0.763-1.381 0-2.5 1.119-2.5 2.5s1.119 2.5 2.5 2.5c0.706 0 1.343-0.293 1.797-0.763l6.734 3.367c-0.021 0.129-0.031 0.261-0.031 0.396 0 1.381 1.119 2.5 2.5 2.5s2.5-1.119 2.5-2.5c0-1.381-1.119-2.5-2.5-2.5z"></path></svg>');
  --ico-facebook: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.5 3h2.5v-3h-2.5c-1.93 0-3.5 1.57-3.5 3.5v1.5h-2v3h2v8h3v-8h2.5l0.5-3h-3v-1.5c0-0.271 0.229-0.5 0.5-0.5z"></path></svg>');
  --ico-linkedin: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6 6h2.767v1.418h0.040c0.385-0.691 1.327-1.418 2.732-1.418 2.921 0 3.461 1.818 3.461 4.183v4.817h-2.885v-4.27c0-1.018-0.021-2.329-1.5-2.329-1.502 0-1.732 1.109-1.732 2.255v4.344h-2.883v-9z"></path><path d="M1 6h3v9h-3v-9z"></path><path d="M4 3.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5z"></path></svg>');
  --ico-twitter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 3.538c-0.588 0.263-1.222 0.438-1.884 0.516 0.678-0.406 1.197-1.050 1.444-1.816-0.634 0.375-1.338 0.65-2.084 0.797-0.6-0.638-1.453-1.034-2.397-1.034-1.813 0-3.281 1.469-3.281 3.281 0 0.256 0.028 0.506 0.084 0.747-2.728-0.138-5.147-1.444-6.766-3.431-0.281 0.484-0.444 1.050-0.444 1.65 0 1.138 0.578 2.144 1.459 2.731-0.538-0.016-1.044-0.166-1.488-0.409 0 0.013 0 0.028 0 0.041 0 1.591 1.131 2.919 2.634 3.219-0.275 0.075-0.566 0.116-0.866 0.116-0.212 0-0.416-0.022-0.619-0.059 0.419 1.303 1.631 2.253 3.066 2.281-1.125 0.881-2.538 1.406-4.078 1.406-0.266 0-0.525-0.016-0.784-0.047 1.456 0.934 3.181 1.475 5.034 1.475 6.037 0 9.341-5.003 9.341-9.341 0-0.144-0.003-0.284-0.009-0.425 0.641-0.459 1.197-1.038 1.637-1.697z"></path></svg>');
}

/* Safe-area dynamiques (corrige la portée des variables en les mettant dans :root) */
@supports (top: constant(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: constant(safe-area-inset-top);
    --safe-area-inset-right: constant(safe-area-inset-right);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
    --safe-area-inset-left: constant(safe-area-inset-left);
  }
}
@supports (top: env(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
  }
}


/* ===================== 3) SHARE COMPONENT ===================== */
[data-share] {
  --bdrs: 50%;
  --bgc: lightgrey;
  --bxsh: 0 0 0 2px hsla(210, 24%, 15%, 0.65);
  --icon: var(--ico-share);
  --icon-bgc: hsl(210, 24%, 35%);
  --icon-size: 60%;
  --m: 0 0.5rem;
  --size: 3rem;
  min-height: var(--size);
}
[data-share-item] {
  background-color: var(--bgc);
  border: 0;
  border-radius: var(--bdrs);
  display: inline-block;
  height: var(--size);
  margin: var(--m);
  outline: none;
  width: var(--size);
}
[data-share-item] i {
  background-color: var(--icon-bgc);
  display: inline-block;
  height: 100%;
  mask: no-repeat center center/var(--icon-size) var(--icon);
  -webkit-mask: no-repeat center center/var(--icon-size) var(--icon);
  width: 100%;
}
[data-share-item]:focus,
[data-share-item]:hover {
  box-shadow: var(--bxsh);
}
/* Modifiers */
[data-share-item="facebook"] i { --icon: var(--ico-facebook); --icon-bgc: #4267B2; }
[data-share-item="linkedin"] i { --icon: var(--ico-linkedin); --icon-bgc: #0E76A8; }
[data-share-item="twitter"] i  { --icon: var(--ico-twitter);  --icon-bgc: #00ACEE; }


/* ===================== 4) UTILITAIRES COULEURS AHA/APP ===================== */
.aha-success { color: var(--bs-green); }
.aha-warning { color: var(--bs-orange); }
.aha-danger  { color: rgb(var(--aha-danger-rgb)); }
.monia-danger { color: var(--bs-red) !important; }
.aha-info    { color: var(--bs-blue); }
.aha-primary { color: var(--bs-main-aha-prim); }
.aha-default { color: #212529; }

.aha-cbusgreen, .aha-appli { color: var(--bs-main-aha-appli) !important; }
.btn-appli, .bg-appli { background-color: var(--bs-main-aha-appli) !important; }
.bg-aha-primary { background-color: var(--bs-main-aha-prim) !important; }
.bg-aha-success { background-color: rgb(var(--aha-success-rgb)); }
.bg-chats-success { background-color: rgba(223, 249, 240, 0.75); }
.bg-aha-info { background-color: rgb(var(--aha-info-rgb)); }
.bg-aha-danger { background-color: rgb(var(--aha-danger-rgb)); }
.bg-aha-warning { background-color: rgb(var(--aha-warning-rgb)); }

/* Webbar / Topbar */
.webbar { background-color: var(--bs-main-aha-appli) !important; z-index: 99; }
#topbar { background-color: var(--bs-main-aha-appli) !important; }

#chats { overflow: auto; }

.page-link.active, .active > .page-link {
  background-color: rgb(223, 249, 240);
  border-color: rgb(223, 249, 240);
  color: #000;
}

/* 3cx chat button */
#callus-container > div > div.root_YNRgH.bubble_right_wsE1G { padding: 0 !important; }


/* ===================== 5) MODAL SEARCH ===================== */
.remodal-wrapper { padding-top: 50px !important; }
.remodal { border-radius: 10px; }


/* ===================== 6) BASE / TYPO / MISC ===================== */
body { overflow-x: clip; }
iframe { max-width: 100%; }

body.site.error_site {
  background: url('https://activha.com/media/templates/site/cassiopeia_activha/images/error_page.png');
  background-size: cover;
}

/* Application des polices */
body, p, a, li, span, div, input, button { font-weight: 300; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: 'PPRightGrotesk-Medium'; }


/* ===================== 7) HEADER & NAV PRINCIPAL ===================== */
.container-header, .header { background: rgba(255, 255, 255, 0.15); }
@media (min-width: 992px) {
  .container-header, .header {
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    margin-bottom: 20px !important;
  }
}

.container-header nav { margin: 0; }
.container-header .container-nav { padding-top: 0; padding-bottom: 0; }

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span,
.metismenu.mod-menu .mm-toggler {
  color: #000;
  text-transform: uppercase;
}
.container-header .navbar-toggler {
  color: #000;
  border: 1px solid #000;
}

/* Position du bouton menu off-canvas */
.only-sm-abs { position: static; }
@media (max-width: 768px) {
  .only-sm-abs { position: absolute !important; top: 50px; right: 10px; }
}

.container-topbar {
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 1; visibility: visible;
  flex-wrap: wrap; display: flex;
}
.container-topbar.hidden { opacity: 0; visibility: hidden; }

.container-topbar a:not(.btn):hover,
.container-topbar a:not(.btn):focus,
.container-topbar .btn-link:hover,
.container-topbar .btn-link:focus,
.container-below-top a:not(.btn):hover,
.container-below-top a:not(.btn):focus,
.container-below-top .btn-link:hover,
.container-below-top .btn-link:focus {
  color: var(--cassiopeia-color-primary) !important;
}

.metismenu.mod-menu .mm-collapse > li > a {
  color: #000;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.metismenu.mod-menu .mm-collapse > li > a:hover,
.metismenu.mod-menu .mm-collapse > li > a:active {
  color: var(--cassiopeia-color-primary);
}


/* ===================== 8) MEGAMENU ===================== */
/* Stabilise la largeur si la scrollbar apparaît/disparaît */
html { scrollbar-gutter: stable both-edges; }
/* L'en-tête ne doit pas masquer les dropdown plein écran */
.header, .navbar, .navbar .container, header { overflow: visible; }

/* === Desktop & Tablet (>=992px) === */
@media (min-width: 992px) {
  /* Base des sous-menus */
  .metismenu.mod-menu > li.parent > ul,
  .metismenu.mod-menu > li.parent > .mm-collapse {
    position: fixed !important;
    left: 0; right: 0; top: var(--mega-top);
    width: 100vw; margin: 0; padding: 1rem 1.5rem;
    background-image: var(--success-gradient);
    z-index: 1080;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);

    display: block !important;
    height: auto !important;

    visibility: hidden; opacity: 0; pointer-events: none;
    transform: translateY(6px);
    transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;

    text-align: center;
  }

  /* États ouverts/fermés via aria-expanded */
  .metismenu.mod-menu > li.parent > .mm-toggler[aria-expanded="true"] + ul,
  .metismenu.mod-menu > li.parent > .mm-toggler[aria-expanded="true"] + .mm-collapse {
    visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0);
    transition: opacity .12s ease, transform .12s ease, visibility 0s;
  }
  .metismenu.mod-menu > li.parent > .mm-toggler[aria-expanded="false"] + ul,
  .metismenu.mod-menu > li.parent > .mm-toggler[aria-expanded="false"] + .mm-collapse {
    visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;
    transform: translateY(6px) !important;
  }

  /* Sécurité : fermer tout puis n'ouvrir que le bon panneau */
  .metismenu.mod-menu:has(> li.parent > .mm-toggler[aria-expanded="true"]) > li.parent > ul,
  .metismenu.mod-menu:has(> li.parent > .mm-toggler[aria-expanded="true"]) > li.parent > .mm-collapse {
    visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(6px);
  }
  .metismenu.mod-menu:has(> li.parent > .mm-toggler[aria-expanded="true"]) > li.parent > .mm-toggler[aria-expanded="true"] + ul,
  .metismenu.mod-menu:has(> li.parent > .mm-toggler[aria-expanded="true"]) > li.parent > .mm-toggler[aria-expanded="true"] + .mm-collapse {
    visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0);
  }

  @supports selector(:has(*)) {
    .metismenu.mod-menu
      :not(:has(> li.parent > .mm-toggler[aria-expanded="true"]))
      > li.parent:hover > ul,
    .metismenu.mod-menu
      :not(:has(> li.parent > .mm-toggler[aria-expanded="true"]))
      > li.parent:hover > .mm-collapse {
      visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0);
      transition: opacity .12s ease, transform .12s ease, visibility 0s;
    }
    .metismenu.mod-menu > li.parent:hover > .mm-toggler[aria-expanded="false"] + ul,
    .metismenu.mod-menu > li.parent:hover > .mm-toggler[aria-expanded="false"] + .mm-collapse {
      visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;
      transform: translateY(6px) !important;
    }
  }

  /* Items en ligne (mode non méga) */
  .metismenu.mod-menu > li.parent > ul > li,
  .metismenu.mod-menu > li.parent > .mm-collapse > li {
    display: inline-block; padding: .25rem .75rem; white-space: nowrap;
  }
  .metismenu.mod-menu > li.parent > ul a,
  .metismenu.mod-menu > li.parent > .mm-collapse a {
    display: inline-block; text-decoration: none;
  }
  .metismenu.mod-menu > li.parent > ul a:hover,
  .metismenu.mod-menu > li.parent > .mm-collapse a:hover { text-decoration: underline; }

  /* Méga-menu générique */
  .metismenu.mod-menu > li.parent > .mega-3 + ul,
  .metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse {
    text-align: initial; padding: 2rem 3rem; column-count: 3; column-gap: 3rem;
  }
  .metismenu.mod-menu > li.parent > .mega-2 + ul,
  .metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse {
    text-align: initial; padding: 2rem 3rem; column-count: 2; column-gap: 3rem;
  }
  .metismenu.mod-menu > li.parent > .mega-3 + ul > li,
  .metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse > li,
  .metismenu.mod-menu > li.parent > .mega-2 + ul > li,
  .metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse > li {
    display: block; break-inside: avoid; -webkit-column-break-inside: avoid;
    padding: .15rem 0; white-space: nowrap;
  }
  .metismenu.mod-menu > li.parent > .mega-3 + ul .mod-menu__heading,
  .metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse .mod-menu__heading,
  .metismenu.mod-menu > li.parent > .mega-2 + ul .mod-menu__heading,
  .metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse .mod-menu__heading {
    display: block; break-before: column; -webkit-column-break-before: always;
    font-weight: 700; margin: .5rem 0 .75rem;
  }
  .metismenu.mod-menu > li.parent > .mega-3 + ul > li.divider,
  .metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse > li.divider,
  .metismenu.mod-menu > li.parent > .mega-2 + ul > li.divider,
  .metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse > li.divider { display: none; }

  .metismenu.mod-menu > li.parent > .mm-toggler { pointer-events: auto; }
  .mega-3[data-bs-toggle="dropdown"],
  .mega-2[data-bs-toggle="dropdown"] { pointer-events: none !important; }

  @media (prefers-reduced-motion: reduce) {
    .metismenu.mod-menu > li.parent > ul,
    .metismenu.mod-menu > li.parent > .mm-collapse { transition: none !important; transform: none !important; }
  } 
}

/* === Mobile (<992px) === */
@media (max-width: 991.98px) {
  .navbar-nav .dropdown-toggle[data-bs-toggle="dropdown"] { pointer-events: auto; }
  .metismenu.mod-menu li > ul,
  .metismenu.mod-menu li > .mm-collapse {
    position: static !important; width: auto !important; box-shadow: none; border-top: 0;
    padding: .5rem 1rem; text-align: left;
  }
  .metismenu.mod-menu > li.parent > .mega-3 + ul,
  .metismenu.mod-menu > li.parent > .mega-2 + ul,
  .metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse,
  .metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse {
    column-count: 1 !important; column-gap: 0; padding: 1rem;
  }
}

/* ===================== Safari multicol fix (sans JS) ===================== */
/* 1) Neutralise le break sur le SPAN du titre (source du bug WebKit) */
.metismenu.mod-menu > li.parent > .mega-3 + ul .mod-menu__heading,
.metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse .mod-menu__heading,
.metismenu.mod-menu > li.parent > .mega-2 + ul .mod-menu__heading,
.metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse .mod-menu__heading {
	/* le titre reste block/gras, mais ne force PLUS le saut de colonne */
	break-before: auto !important;
	/* surtout pas de variante -webkit ici */
	-webkit-column-break-before: auto !important;
	display: block;
}

/* 2) Fait porter le saut de colonne au <li> qui CONTIENT le titre */
.metismenu.mod-menu > li.parent > .mega-3 + ul > li:has(> .mod-menu__heading),
.metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse > li:has(> .mod-menu__heading),
.metismenu.mod-menu > li.parent > .mega-2 + ul > li:has(> .mod-menu__heading),
.metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse > li:has(> .mod-menu__heading) {
	break-before: column !important;                /* standard */
	/* ne PAS remettre -webkit-column-break-before ici */
}

/* 3) Le conteneur multicolonne en mode méga-menu reste bien équilibré */
.metismenu.mod-menu > li.parent > .mega-3 + ul,
.metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse,
.metismenu.mod-menu > li.parent > .mega-2 + ul,
.metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse {
	column-fill: balance;                            /* recommandé pour Safari */
}

/* 4) Sécurité : chaque item ne se coupe pas entre colonnes (déjà présent, on renforce) */
.metismenu.mod-menu > li.parent > .mega-3 + ul > li,
.metismenu.mod-menu > li.parent > .mega-3 + .mm-collapse > li,
.metismenu.mod-menu > li.parent > .mega-2 + ul > li,
.metismenu.mod-menu > li.parent > .mega-2 + .mm-collapse > li {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	display: block;  
	white-space: nowrap;   
}

/* Correction spécifique Bootstrap 5 */
.navbar-nav .dropdown.mega-parent { position: static; }
.navbar-nav .dropdown.mega-parent .dropdown-menu { display: none !important; }
.mega-3[data-bs-toggle="dropdown"], .mega-2[data-bs-toggle="dropdown"] { pointer-events: none !important; }
.mega-3:not([data-bs-toggle]), .mega-2:not([data-bs-toggle]) { pointer-events: auto !important; }

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active { color: var(--cassiopeia-color-secondary) !important; }


/* ===================== 9) OFFCANVAS ===================== */
.offcanvas .nav-link { text-transform: uppercase; }
.offcanvas .nav-link:hover,
.offcanvas .nav-link:focus,
.offcanvas .nav-link.active { color: var(--cassiopeia-color-secondary) !important; }

.offcanvas.show {
  background-color: var(--cassiopeia-color-primary);
  background-image: var(--success-gradient);
}
@media (min-width: 992px) { .offcanvas-start { width: 100%; } }
@media (max-width: 991.98px) {
  .offcanvas-header { padding-top: 4rem; }
  .offcanvas .metismenu.mod-menu .metismenu-item > ul { position: relative; width: 100%; margin-top: 1rem; }
  .offcanvas .metismenu.mod-menu .mm-collapse { background-color: transparent; }
  .offcanvas .metismenu.mod-menu .metismenu-item > a { color: #000; }
  .offcanvas .metismenu.mod-menu .metismenu-item > a:hover,
  .offcanvas .metismenu.mod-menu .metismenu-item > a:active { color: var(--cassiopeia-color-primary); }
  .offcanvas .metismenu.mod-menu .metismenu-item > a,
  .offcanvas .metismenu.mod-menu .metismenu-item > button,
  .offcanvas .metismenu.mod-menu .metismenu-item > span { white-space: normal; }
}
.offcanvas-header > *:only-child { margin-left: auto; }
.offcanvas-header > button.btn-close-white { filter: none; padding-right: 30px; }


/* ===================== 10) BOUTONS BOOTSTRAP ===================== */
.btn-primary {
  background-image: var(--cassiopeia-color-primary-gradient) !important;
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  color: #fff;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-image: var(--cassiopeia-color-primary-gradient) !important;
  background-color: var(--cassiopeia-color-primary) !important;
  border-color: var(--cassiopeia-color-primary) !important;
  background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0);
}

.btn-outline-primary {
  color: var(--cassiopeia-color-primary) !important;
  border-color: var(--cassiopeia-color-primary) !important;
}
.active.btn-outline-primary { color: #fff !important; }
.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
  background-image: var(--cassiopeia-color-primary-gradient) !important;
  background-color: var(--cassiopeia-color-primary) !important;
  border-color: var(--cassiopeia-color-primary) !important;
  color: #fff !important;
}

.btn-secondary {
  background-image: var(--cassiopeia-color-secondary-gradient) !important;
  background-color: var(--cassiopeia-color-secondary);
  border-color: var(--cassiopeia-color-secondary);
  color: #fff !important;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-image: var(--cassiopeia-color-secondary-gradient) !important;
  background-color: var(--cassiopeia-color-secondary) !important;
  border-color: var(--cassiopeia-color-secondary) !important;
  color: #fff !important;
}

.btn-outline-secondary {
  color: var(--cassiopeia-color-secondary) !important;
  border-color: var(--cassiopeia-color-secondary) !important;
  color: #000 !important;
}
.active.btn-outline-secondary { color: #fff !important; }
.btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:hover {
  background-color: var(--cassiopeia-color-secondary) !important;
  border-color: var(--cassiopeia-color-secondary) !important;
  color: #000 !important;
}

.btn-success {
  background-color: var(--cassiopeia-color-success);
  border-color: var(--cassiopeia-color-success);
  color: #000 !important;
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
  background-color: var(--cassiopeia-color-success) !important;
  border-color: var(--cassiopeia-color-success) !important;
  background-image: linear-gradient(rgb(0 0 0 / 5%) 0 0);
  color: #000 !important;
}
.btn-outline-success { border-color: var(--cassiopeia-color-success) !important; }
.btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover {
  background-color: var(--cassiopeia-color-success) !important;
  border-color: var(--cassiopeia-color-success) !important;
  color: #000 !important;
}

.btn-warning {
  background-color: var(--cassiopeia-color-warning);
  border-color: var(--cassiopeia-color-warning);
  color: #fff !important;
}
.btn-warning:active, .btn-warning:focus, .btn-warning:hover {
  background-color: var(--cassiopeia-color-warning) !important;
  border-color: var(--cassiopeia-color-warning) !important;
  background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0);
  color: #fff !important;
}
.btn-outline-warning { border-color: var(--cassiopeia-color-warning) !important; }
.btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover {
  background-color: var(--cassiopeia-color-warning) !important;
  border-color: var(--cassiopeia-color-warning) !important;
  color: #000 !important;
}

.btn-info {
  background-color: var(--cassiopeia-color-info);
  border-color: var(--cassiopeia-color-info);
  color: #fff !important;
}
.btn-info:active, .btn-info:focus, .btn-info:hover {
  background-color: var(--cassiopeia-color-info) !important;
  border-color: var(--cassiopeia-color-info) !important;
  background-image: linear-gradient(rgb(0 0 0 / 5%) 0 0);
  color: #fff !important;
}
.btn-outline-info { border-color: var(--cassiopeia-color-info) !important; color: #000 !important; }
.btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover {
  background-color: var(--cassiopeia-color-info) !important;
  border-color: var(--cassiopeia-color-info) !important;
  color: #fff !important;
}

.btn-danger {
  background-color: var(--cassiopeia-color-danger);
  border-color: var(--cassiopeia-color-danger);
  color: #fff !important;
}
.btn-danger:active, .btn-danger:focus, .btn-danger:hover {
  background-color: var(--cassiopeia-color-danger) !important;
  border-color: var(--cassiopeia-color-danger) !important;
  background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0);
  color: #fff !important;
}
.btn-outline-danger { border-color: var(--cassiopeia-color-danger) !important; }
.btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover {
  background-color: var(--cassiopeia-color-danger) !important;
  border-color: var(--cassiopeia-color-danger) !important;
  color: #000 !important;
}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active, .btn.active, .btn.show {
  background-image: var(--cassiopeia-color-secondary-gradient);
  background-color: var(--cassiopeia-color-secondary) !important;
}

.bg-success, .bg-success .item-label, .bg-warning .resume-number { color: #000 !important; }


/* ===================== 11) LIENS ===================== */
a {
  color: var(--cassiopeia-color-info);
  word-wrap: break-all;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; /* non standard webkit */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-decoration: none;
}
a:hover, a:focus { color: var(--cassiopeia-color-primary); }
.container-bottom-a a, .container-bottom-b a { color: #000; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FFF !important;
  background-color: rgb(250, 8, 194) !important;
}
/* 
.nav-link { color: var(--cassiopeia-color-primary) !important; }
 */


/* ===================== 12) LAYOUT / GRILLE ===================== */
.mittpwa__dismiss { padding-top: 20px !important; }
#system-message-container { margin: 0.5em; }

.joomcrmNavBar { margin-top: 30px; }

/* CRM bugs */
.ui-widget.ui-widget-content { z-index: 999; }

/* Tickets */
.rst-status-closed { background-color: rgb(246, 207, 207) !important; }
.rst-status-open { background-color: rgb(207, 246, 225) !important; }
.rst-status-on-hold { background-color: rgb(244, 246, 207) !important; }
.rst-dashboard-item [class^="rsticketsproicon-"] {
  font-size: 4.5rem !important;
  color: var(--info);
}

/* CalcBuilder – fix bottom toolbar */
.btcalctoolbar { margin-bottom: 50px; }
#cb_layout_wrapper .btn-group button.btn {
  background-color: rgb(var(--aha-success-rgb)) !important;
  border-color: rgb(var(--aha-success-rgb)) !important;
  color: #000 !important;
  margin-top: 15px;
}

/* ActiA */

/* Widget small size */
.activ-ha-widget__wrapper.activ-ha-widget__wrapper--closed { bottom: 100px !important; }
#bfPage1 .activ-ha-widget__wrapper { display: none; }

@media (max-width: 330px) {
  body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.8rem;
    color: #333333;
  }
  h1, h2, h3, h4, h5 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .logo,
  .footer,
  .header .container-nav,
  .mod-breadcrumbs,
  .bottom-a,
  .bottom-b,
  .container-topbar,
  .cbCanvasLayout .gjGroupIconCategory,
  .cbCanvasLayout .gjGroupIconUsers {
    display: none !important;
  }

  .webbar { padding-bottom: 0 !important; display: none; }
  .logo { top: 0px; }
  body.wrapper-fluid .site-grid { grid-gap: 0 0em !important; }
  .header { height: 0px; z-index: 0; }
  .main-body { padding-left: 0 !important; padding-right: 0 !important; }
  body > i { left: 5px !important; bottom: 5px !important; }
}
/* end widget */

body.com_sppagebuilder > div.site-grid > div.grid-child.container-component,
body.itemid-4469.apps > div.site-grid > div.grid-child.container-component {
  grid-column: full-start / full-end;
  overflow-x: clip;
}
body.com_sppagebuilder > div.site-grid > div > main,
body.itemid-4469.apps > div.site-grid > div > main { margin-top: 0 !important; }
body.wrapper-fluid header > .grid-child { padding-right: 1em; padding-left: 1em; }

a:not([class]) { text-decoration: none; }
.bot-menu li.metismenu-item { line-height: 1; }
.metismenu.mod-menu .metismenu-item.active > a,
.metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover { text-decoration: none; }

/* Images */
img.pkbMediaImage { width: 100px; }

/* Cookies avec webbar */
.cpnb-m-cookies-floatButton { bottom: 80px !important; }
#cpnb-settings-btn-m-info a, .cpnb-button, .cpnb-button-ok { color: #ffffff !important; }

.mx-apps { margin-left: -5px; margin-right: -5px; }

/* Webbar */
#sp-navbar { z-index: 9990; }
.navbar.navbar-expand.bg-appli.fixed-bottom.py-0 .nav-item a.nav-link.text-dark:hover,
.navbar.navbar-expand.bg-appli.fixed-bottom.py-0 .nav-item a.nav-link.text-dark:focus { background: #fecc6c; }
.navbar-expand .navbar-nav .dropdown-menu .show { z-index: 9991; }
.webbar .btn:hover, .webbar .btn:focus { background: rgba(0,0,0,0.6) !important; color: #ffffff !important; }
.brand-logo img { height: 2rem; }

.geek-search-wrapper .search-form { padding-bottom: 8px !important; }

/* Accessibilité icon */
@media (min-width: 330px) {
  body > i { left: 10px !important; bottom: 100px !important; }
}

@supports (margin: max(0px)) and (margin: env(safe-area-inset-bottom)) {
  .activ-ha-widget__wrapper,
  .webbar,
  body > i,
  #wp-live-chat-by-3CX { margin-bottom: max(env(safe-area-inset-bottom), 0px); }
}
@supports (padding: max(0px)) {
  .webbar { padding-bottom: max(var(--safe-area-inset-bottom), 0px) !important; }
}
@supports (margin: max(0px)) and (margin: env(safe-area-inset-top)) {
  .container-topbar, .act, .activ-ha-widget__wrapper { margin-top: max(env(safe-area-inset-top), 0px); }
}
@supports (padding: max(0px)) {
  .container-topbar, .act { padding-top: max(var(--safe-area-inset-top), 0px) !important; }
}

@media (max-width: 575.98px) { body.wrapper-fluid .site-grid { grid-gap: 0 0.7em; } }
@media (max-width: 767.98px) {
  .leftButtonSLider { margin-left: -20px !important; }
  .rightButtonSLider { margin-right: -20px !important; }
  .container-header .container-nav .container-search { margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 992px) {
  /* activations 100% */
  body.itemid-8125 > div.site-grid > div.grid-child.container-component { grid-column: full-start / full-end; }
}

.container-header .container-nav .container-search { width: 60%; }
@media (min-width: 992px) { .container-header .container-nav .container-search { max-width: 150px; } }
@media (min-width: 1600px) { .container-header .container-nav .container-search { max-width: 250px; } }


/* ===================== 13) MODULES — LAUBRO: SEARCH ===================== */
#company_res {
  position: absolute;
  margin-top: 1px;
  border: 1px solid #000000;
  padding: 10px;
  background: #ffffff;
  z-index: 999999;
  width: 300px;
}
#pager_box { border-top: 1px dotted #333333; }
#pager_box div {
  display: inline-block;
  font-size: 85%;
  padding-right: 2px;
}
#pager_box .pager-leftcenter { font-weight: 800; }
#pager_box .pager-right { font-weight: 800; }


/* ===================== 14) MODULES — LAUBRO: ANONYMES CONTACTS ===================== */
#tabContainer { position: relative; }
.contact_list_tab { display: none; }
.contact_list_tab.active { display: block; }
.botnav a {
  display: block; float: left; padding: 4px; margin: 4px; border: 1px dotted #cccccc;
}
.botnav a.activelink { background: #f5f5f5; }
.buttonArrow {
  position: absolute; font-size: 37px; display: none; top: 0;
}
.leftButtonSLider { left: 0; margin-left: -25px; }
.rightButtonSLider { right: 0; margin-right: -25px; }
.buttonArrow .arrow { text-shadow: 2px 2px 2px rgba(136,136,136,0.9); }
.buttonArrow .arrow:hover { cursor: pointer; }


/* ===================== 15) MODULES — LAUBRO: ENRICH COMPANY ACTIVATION ===================== */
.ac_arrow_box { display: none; }
.ac_arrow_box .ac_arrow_button { font-weight: bold; }
.ac_arrow_box .ac_arrow_button div { padding: 3px; }
.ac_arrow_box .ac_arrow_button div:hover { cursor: pointer; }
.ac_arrow_box .ac_arrow_button_left { float: left; }
.ac_arrow_box .ac_arrow_button_right { float: right; }

#company_res .close_res {
  float: right; margin-right: -5px; margin-top: -5px; font-weight: bold;
}
#company_res .close_res:hover { cursor: pointer; }


/* ===================== 16) DEBUG / PAGEBUILDER ===================== */
#system-debug { z-index: 999999; }

/* Adaptations PageBuilder */
.fronthome div.modcbsubEncl { width: 100%; overflow: hidden; padding: 0; border-width: 0; margin: 0; }
.fronthome div.modcbsubGreeting { }
.fronthome div.modcbsubCurrent { padding: 2px; }
.fronthome div.modcbsubCurrent div,
.fronthome div.modcbsubUpgrades div {
  background-color: transparent; color: #000; font-weight: bold; font-size: 90%; padding: 3px 1px 1px 4px;
}
.fronthome div.modcbsubUpgrades { margin-top: 8px; padding: 2px; }
.fronthome div.modcbsubCurrent ul,
.fronthome div.modcbsubUpgrades ul { margin: 0; padding: 0; list-style: none; }
.fronthome div.modcbsubCurrent li,
div.modcbsubUpgrades li { padding: 6px 4px 7px 15px; }
.fronthome div.modcbsubUpgrades a { font-weight: bold; }
.fronthome div.modcbsubMessage { text-align: center; }
.fronthome div.modcbsubMessage div { margin-top: 8px; margin-right: 3px; padding: 10px; }
.fronthome div.modcbsubMessage a { font-weight: bold; text-decoration: none; font-size: 120%; line-height: 1.8; }
.fronthome div#modcbsubregister div { background: #CFC; }
.fronthome div#modcbsubregister a { color: var(--cassiopeia-color-primary); }
.fronthome div#modcbsubupgrade a { color: var(--cassiopeia-color-primary); }
.fronthome div.modcbsubCurrent li { background: transparent; color: #000; }
.fronthome div.modcbsubUpgrades li { background: transparent; }
.fronthome div.modcbsubUpgrades li a { color: var(--cassiopeia-color-primary); }
.fronthome span.modsubUnpaid { color: red; }

/* ACYM */
.acym_module_form input { margin-left: 15px; }