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

/* =========================================================
   MONIA — 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-appli: rgb(213, 254, 108);
	--aha-success-rgb: 223, 249, 240;
	--aha-info-rgb:209, 227, 255;
	--aha-warning-rgb: 253, 255, 208;
	--aha-danger-rgb: 255, 234, 221;
	--appli-rgb: 213, 254, 108;
	--main-aha-prim-rgb: 186, 0, 204;
	--main-aha-appli-rgb: 209, 255, 153
	--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); /* #d1ff99 vert pâle */
  --cassiopeia-color-warning: rgb(250, 8, 56); 
  --cassiopeia-color-info: rgb(250, 97, 10); /* #fa610a orange vif */
  --cassiopeia-color-danger: rgb(250, 8, 56); /* #fa0838 rouge vif */

/* 
ROSE VERS VIOLET : linear-gradient(to bottom left, rgb(202, 0, 204), rgb(236, 2, 106))
ROUGE VERS ROSE : linear-gradient(to bottom left, rgb(236, 2, 106), rgb(250, 8, 56))
JAUNE VERS ROUGE : linear-gradient(to bottom left, rgb(250, 8, 56), rgb(241, 233, 54))
VERT VERS JAUNE : linear-gradient(to bottom left, rgb(241, 233, 54), rgb(209, 255, 153))
 */

  --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;
}
/* 
@font-face {
   font-family: 'PPRightGrotesk-Medium;'
   src: url('/media/templates/site/cassiopeia_monia/fonts/PPRightGrotesk-Medium.ttf') format('truetype');
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
}
@font-face {
   font-family: 'PPRightGrotesk-Medium;'
   src: url('/media/templates/site/cassiopeia_monia/fonts/HelveticaNeueLight.ttf') format('truetype');
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
}
 */
/* Colors aha and app */
.aha-success {color:var(--bs-green)}
.aha-warning {color:var(--bs-orange)}
.aha-danger {color:var(--aha-danger-rgb)}
.monia-danger {color:var(--bs-red) !important}
.aha-info {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://monia.ai/media/templates/site/cassiopeia_monia/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; overflow-x: scroll;
  }
  .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; }
  }
  
	/* ===================== 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;   
	}
}

/* === 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;
  }
}

/* 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; }