/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */

 /* ==========================================================================
   Top bar UiCore – contact + Espace membres
   À coller dans UiCore > Theme Options > Custom CSS
   (ou Apparence > Personnaliser > CSS additionnel).
   Les icônes sont en CSS (mask) : aucun <svg> dans l'éditeur, donc rien
   que TinyMCE puisse supprimer en repassant en mode « Visuel ».
   ========================================================================== */

.cnj-topbar {
	--cnj-red: #e1001a;
  
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 28px;
	row-gap: 4px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
  }
  
  .cnj-topbar--end {
	justify-content: flex-end;
  }
  
  /* Protection contre les <p> / <br> ajoutés automatiquement par l'éditeur */
  .cnj-topbar p {
	display: contents;
	margin: 0;
  }
  
  .cnj-topbar br {
	display: none;
  }
  
  /* ---------- Items ---------- */
  
  .cnj-topbar .cnj-topbar__item,
  .cnj-topbar .cnj-topbar__item:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s ease;
  }
  
  .cnj-topbar .cnj-topbar__item--strong,
  .cnj-topbar .cnj-topbar__item--strong:visited {
	font-weight: 600;
  }
  
  .cnj-topbar .cnj-topbar__item:hover,
  .cnj-topbar .cnj-topbar__item:focus {
	color: var(--cnj-red);
	text-decoration: none;
  }
  
  .cnj-topbar .cnj-topbar__item:focus-visible {
	outline: 2px solid var(--cnj-red);
	outline-offset: 2px;
  }
  
  /* ---------- Icônes (prennent la couleur du texte) ---------- */
  
  .cnj-topbar .cnj-topbar__item::before {
	content: "";
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	background-color: currentColor;
	-webkit-mask: var(--cnj-icon) center / contain no-repeat;
			mask: var(--cnj-icon) center / contain no-repeat;
  }
  
  .cnj-topbar .cnj-topbar__item--phone {
	--cnj-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
  }
  
  .cnj-topbar .cnj-topbar__item--mail {
	--cnj-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
  }
  
  .cnj-topbar .cnj-topbar__item--pin {
	--cnj-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
  }
  
  .cnj-topbar .cnj-topbar__item--lock {
	--cnj-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='1'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
  }
  
  /* ---------- Responsive : on masque d'abord l'adresse, puis l'email ---------- */
  
  @media (max-width: 1100px) {
	.cnj-topbar .cnj-topbar__hide-md {
	  display: none;
	}
  }
  
  @media (max-width: 560px) {
	.cnj-topbar .cnj-topbar__hide-sm {
	  display: none;
	}
  
	.cnj-topbar {
	  column-gap: 20px;
	}
  }
  
  @media (prefers-reduced-motion: reduce) {
	.cnj-topbar .cnj-topbar__item {
	  transition: none;
	}
  }


h6 {
	font-weight: 600 !important;
	margin-bottom: -10px !important;
	letter-spacing: 3px;
}

h5 {
	margin-bottom: 10px;
}

#comite img {
	height: 350px;
	width: 100%;
	object-fit: cover;
}

.post-type-archive-notaire .uicore-page-title {
	display: none;
}

.daextlwcnf-revisit-consent-trigger {
	display: none;
}

.singleActivite ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.singleActivite ul li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 24px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #141414;
}

/* Filet entre les lignes */
.singleActivite ul li + li {
    border-top: 1px solid #e8e6e1;
}

/* Tiret rouge */
.singleActivite ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(10px + 0.72em);
    width: 10px;
    height: 2px;
    background: #e1001a;
}

/* Optionnel : précision en sous-ligne grise */
.singleActivite ul li small {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #6e6e6e;
}

div[style*="z-index: 99999"] {
    display: none !important;
}

.elementor-button-text {
	font-weight: 500 !important;
}

/* Méga-menu domaines d'activités — shortcode [domaines_activites] */
.cnj-mega {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 28px 22px;
	width: 100%;
	margin: 0;
	padding: 8px 4px 4px;
	box-sizing: border-box;
}

.cnj-mega *,
.cnj-mega *::before {
	box-sizing: border-box;
}

.cnj-mega__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 4px 2px 0;
	color: #141414;
	text-decoration: none;
	background: transparent;
}

.cnj-mega__card:hover,
.cnj-mega__card:focus {
	color: #141414;
	text-decoration: none;
	background: transparent;
}

.cnj-mega__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	min-height: 42px;
	margin-bottom: 22px;
}

.cnj-mega__icon {
	display: block;
	width: 46px;
	height: 38px;
	color: #2f2b72;
	flex: 0 0 auto;
}

.cnj-mega__icon svg {
	display: block;
	width: 46px;
	height: 38px;
}

.cnj-mega__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 58%;
	margin: 2px 0 0;
	padding: 6px 12px;
	border-radius: 999px;
	background: #d80811;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.cnj-mega__title {
	display: block;
	margin: 0 0 16px;
	color: #141414;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.cnj-mega__card:hover .cnj-mega__title,
.cnj-mega__card:focus-visible .cnj-mega__title {
	color: #d80811;
}

.cnj-mega__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cnj-mega__list li {
	position: relative;
	margin: 0;
	padding: 9px 0 9px 16px;
	border-top: 1px solid #e8e6e1;
	color: #141414;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

.cnj-mega__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(9px + 0.62em);
	width: 8px;
	height: 2px;
	background: #d80811;
}

@media (max-width: 1200px) {
	.cnj-mega {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 32px 24px;
	}
}

@media (max-width: 782px) {
	.cnj-mega {
		grid-template-columns: 1fr;
	}
}

/* Page 404 */
.error404 .uicore-page-title {
	display: none;
}

.cnj-404 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 640px;
	margin: 0 auto;
	padding: 96px 24px 120px;
}

.cnj-404__code {
	margin: 0 0 16px;
	color: #d80811;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.16em;
	line-height: 1;
}

.cnj-404__title {
	margin: 0;
	color: #141414;
	font-size: 48px;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.1;
}

.cnj-404__text {
	max-width: 28em;
	margin: 16px 0 0;
	color: #5c5c5c;
	font-size: 17px;
	line-height: 1.5;
}

.cnj-404__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 28px;
	margin-top: 36px;
}

.cnj-404__button {
	display: inline-flex;
	align-items: center;
	padding: 13px 22px;
	border-radius: 0;
	background: #d80811;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.cnj-404__button:hover,
.cnj-404__button:focus-visible {
	background: #b00710;
	color: #fff;
}

.cnj-404__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #141414;
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
}

.cnj-404__link svg,
.cnj-404__link path {
	display: block;
	fill: currentColor !important;
	stroke: none !important;
}

.cnj-404__link:hover,
.cnj-404__link:focus-visible {
	color: #d80811;
	text-decoration: underline;
}

@media (max-width: 640px) {
	.cnj-404 {
		padding: 64px 20px 88px;
	}

	.cnj-404__title {
		font-size: 36px;
	}
}