/* Euroweb Digital child theme — fade-in animation for all H1.
 * Cible aussi les H1 injectés par le widget Nova Title.
 * Approche CSS pure :
 *  - animation auto-déclenchée à la première peinture du h1 ;
 *  - utilise des !important légers pour gagner contre d'éventuels styles inline
 *    posés par le widget Nova Title (`opacity` / `transform`) ;
 *  - respect de `prefers-reduced-motion`.
 */

@keyframes hera-h1-fade-in {
	0% {
		opacity: 0;
		transform: translateY(14px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

h1 {
	animation: hera-h1-fade-in 900ms cubic-bezier(0.21, 0.61, 0.36, 1) both;
	will-change: opacity, transform;
}

/* Cas Nova Title : le widget conteneur peut s'auto-animer (opacity inline).
 * On s'assure que le H1 lui-même garde son fade en propre.
 */
.elementor-widget-nova-title .nova-title-text-1 h1,
.nova-title-text-1 > h1 {
	animation: hera-h1-fade-in 900ms cubic-bezier(0.21, 0.61, 0.36, 1) both;
	will-change: opacity, transform;
}

/* Empêche un "flash" si Nova Title applique son propre fade sur le wrapper :
 * on laisse l'animation parent passer, et on déclenche celle du h1 juste après.
 */
.elementor-widget-nova-title.animated .nova-title-text-1 h1,
.elementor-widget-nova-title .nova-title-text-1 h1 {
	animation-delay: 80ms;
}

@media (prefers-reduced-motion: reduce) {
	h1,
	.elementor-widget-nova-title .nova-title-text-1 h1,
	.nova-title-text-1 > h1 {
		animation: none;
		opacity: 1;
		transform: none;
	}
}
body.logged-in fieldset[data-nsf-step="0"] .nsf-step-rich.nsf-step-rich--after {
    display: none;
}
/* ─── Bouton « Mon compte » : badge initiale pour les utilisateurs connectés ──
 * Masquage immédiat du SVG dès que <body> a la classe native WordPress
 * `logged-in` (évite tout flash avant que le JS ne fasse le swap).
 */
body.logged-in .btn-account a.elementor-button svg {
	display: none !important;
}
.nova-mobile-breadcrumb-template-wrapper .btn-account span.elementor-button-text {
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: var(--e-global-color-text);
    border-radius: 0px 0px 0px 0px;
}
.btn-account a.elementor-button .btn-account-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    /* border-radius: 100px; */
    /* background: #36A41A; */
    color: #fff;
    text-transform: uppercase;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
}
.nova-mobile-breadcrumb-template-wrapper .btn-account span.elementor-button-content-wrapper {
    align-items: center;
}
.logged-in .btn-account span.elementor-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    border-radius: 100px;
    background: #36A41A;
}
/* Le span hérite de la couleur du bouton via `background: currentColor` :
 * la lettre interne (color:#fff) reste lisible. Si vous voulez forcer un fond
 * de marque, surchargez `.btn-account a.elementor-button .btn-account-initial`.
 */


 .show-connected{
	display: none;
 }
 .logged-in .show-connected{
	display: flex;
 }
 .show-desconnected {
	display: flex;
 }
 .logged-in .show-desconnected {
	display: none;
 }

/* ─── Cible de déplacement des filtres Nova Cards (#filtre-missions-js) ───
 * Le conteneur reçoit la barre `.nova-cards-filters` (entourée d'une chaîne
 * de wrappers clonés depuis le widget source pour préserver les sélecteurs
 * CSS contextuels) via JS du child theme.
 *
 * Tant que (a) le déplacement n'a pas eu lieu OU (b) le widget source n'est
 * pas booté, on masque ce conteneur pour éviter tout flash.
 * Le JS ajoute la classe `is-ready` quand tout est prêt → fade-in fluide.
 */
#filtre-missions-js {
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease;
}
#filtre-missions-js.is-ready {
	opacity: 1;
	visibility: visible;
}

/* La vraie barre `.nova-cards-filters` est déplacée dans #filtre-missions-js
 * après l'init du widget. Pour éviter qu'elle soit visible une fraction de
 * seconde dans son emplacement d'origine (entre l'init du widget et le
 * déplacement), on la masque en amont dans le widget source.
 * Note : la barre déplacée reçoit un attribut `data-nova-cards-filters-mirror`
 * sur ses wrappers clonés → on s'en sert pour la révéler dans la cible.
 */
#nova-cards-missions .nova-cards-filters {
	display: none;
}
#filtre-missions-js .nova-cards-filters {
	display: flex;
}

/* Les wrappers clonés (mirror) ne doivent pas hériter de styles de mise en
 * page du widget original (ex. margin/padding/background). On les neutralise.
 */
#filtre-missions-js [data-nova-cards-filters-mirror] {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
	min-height: 0;
}

/* Nova Cards — filtres NiceSelect : libellé placeholder en blanc (barre
 * déplacée dans #filtre-missions-js). L’option vide sert uniquement de
 * placeholder NiceSelect2, elle est masquée dans la liste déroulante. */
 #filtre-missions-js .nova-cards-meta-filter--nice .nice-select .current {
    color: #080F3D;
}
#filtre-missions-js .nova-cards-meta-filter--nice .nice-select::after {
	border-color: #ffffff;
}

/* ─── Nova Card Mission : lien automatique sur toute la carte ─────────────
 * Pattern « stretched link » :
 *  - <a class="…__overlay-link"> couvre toute la carte → toute la zone
 *    devient cliquable et redirige vers le permalink du post.
 *  - aria-hidden + tabindex=-1 : ignoré par les lecteurs d'écran et le
 *    clavier (qui ne voient/atteignent que le CTA visible).
 *  - z-index 1 pour l'overlay, 2 pour les contenus et le CTA → les liens
 *    réels (CTA) restent prioritaires au clic.
 */
.nova-card-mission {
	position: relative;
}
.nova-card-mission__overlay-link {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	border-radius: inherit;
	color: transparent;
	background: transparent;
}
.nova-card-mission__overlay-link:hover,
.nova-card-mission__overlay-link:focus {
	color: transparent;
	background: transparent;
	text-decoration: none;
}
.nova-card-mission > *:not(.nova-card-mission__overlay-link) {
	position: relative;
	z-index: 2;
}
.nova-card-mission__cta {
	position: relative;
	z-index: 3;
}
.nova-card-mission:hover {
	cursor: pointer;
}

/* ─── Mission Hero (template-parts/mission-detail-hero.php) ───────────────
 * Bloc à 2 colonnes sur la page de détail d'une mission. Côté gauche :
 * badge urgent, titre, badge déblocage, CTA principal. Côté droite :
 * carte "Fourchette budgétaire" + garanties + lien "En savoir plus".
 *
 * Couleurs principales (cohérentes avec les autres composants Nova) :
 *  --hero-ink         : texte principal (bleu marine très sombre)
 *  --hero-accent      : accents (bleu Nova)
 *  --hero-soft        : fond doux des badges/cartes  --hero-card-bg     : fond de la carte droite
 *  --hero-card-border : bordure de la carte droite
 */
 .mission-hero {
	display: flex;
	gap: 16px;
	align-items: stretch;
	justify-content: center;
}


/* ── Colonne gauche ─────────────────────────────────────────── */
.mission-hero__left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	gap: 12px;
	width: 100%;
}

.mission-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--hero-ink);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.01em;
}

.mission-hero__badge--urgent { background: var(--hero-ink); }
.mission-hero__badge--unlock {
	background: var(--hero-soft);
	color: var(--hero-accent);
}

.mission-hero__badge-icon {
	display: inline-flex;
	width: 12px;
	height: 12px;
	color: currentColor;
}

.mission-hero__badge-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.mission-hero__title, .elementor-kit-6 h1.mission-hero__title {
    font-weight: 500 !important;
    font-size: 38px !important;
    line-height: 100% !important;
    letter-spacing: -2% !important;
    text-align: center;
}

.mission-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 24px;
	margin-top: 6px;
	border-radius: 8px;
	background: var(--hero-ink);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color .2s ease, transform .15s ease;
}

.mission-hero__cta:hover,
.mission-hero__cta:focus-visible {
	background: #1a2050;
	color: #fff;
}

/* ── Colonne droite (carte) ─────────────────────────────────── */
.mission-hero__right {
    border: 1px solid #203DFA;
    border-radius: 12px;
    max-width: 448px;
    width: 100%;
}
.mission-hero__budget {
    background: #E5E6FF;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px 12px 0 0;
}

.mission-hero__budget-label {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    color: #203DFA;
}

.mission-hero__budget-value {
    margin: 0;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0;
    color: #203DFA;
}

.mission-hero__list-guarantees {
    padding: 24px;
}

.mission-hero__guarantees {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mission-hero__guarantee {
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.mission-hero__guarantee-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: var(--hero-soft);
	color: var(--hero-accent);
}
.mission-hero__badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
section.mission-hero span.nova-card-mission__badge.nova-card-mission__badge--unlock {
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}
.mission-hero__guarantee-icon svg,
.mission-hero__guarantee-icon img {
	display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 295px;
    min-height: 768px;
    width: 33%;
}
.hera-account--prestataire .woocommerce-MyAccount-content {
    width: max-content;
}
.hera-account--account .code-form > div > div {
    display: flex;
    gap: 50px;
    align-items: start;
    justify-content: space-between;
}
.hera-account--account .woocommerce-MyAccount-content {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
span.mission-unlock-cta__btn.nova-card-mission__cta.mission-unlock-cta__btn--unlocked {
    background: #289B00 !important;
}
.hera-account--account.hera-account-endpoint--dashboard .woocommerce-MyAccount-content {
    padding-top: 75px !important;
    padding-bottom: 24px !important;
    max-width: 895px;
    width: 73%;
}
.mission-hero__guarantee-content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mission-hero__guarantee-title {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
}

.mission-hero__guarantee-text {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    color: #717171;
}

.mission-hero__learn-more, .elementor-kit-6 a.mission-hero__learn-more {
    align-self: flex-start;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    color: #080F3D !important;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #080F3D;
    padding-bottom: 3px;
    margin-top: 16px;
    display: flex;
    align-items: start;
    justify-content: start;
    width: max-content;
}
.mission-hero__learn-more:hover, .elementor-kit-6 a.mission-hero__learn-more:hover {
    color: #020621 !important;
    border-color: #020621 !important;
}
.mission-hero__learn-more:hover,
.mission-hero__learn-more:focus-visible {
	color: var(--hero-accent);
}

/* ─── Mission « À propos de l'entreprise » (sidebar) ────────────────────── */
.mission-company__title {
	margin: 0 0 18px;
	font-size: 17px;
	font-weight: 700;
	color: var(--mc-ink);
}

.mission-company__header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mission-company__logo {
    flex-shrink: 0;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    color: #1A1B33;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
a.mission-hero__cta.nova-card-mission__cta {
    height: auto !important;
}
.mission-company__logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mission-company__logo-initial {
	font-size: 18px;
	font-weight: 700;
}

.mission-company__name {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #080F3D;
}

.mission-company__identity {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.mission-company__siret {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #080F3D;
}

.mission-company__section {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.mission-company__section:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.mission-company__label {
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
    margin: 0;
}
p.mission-company__value {
    margin-bottom: 0;
}
.mission-company__label {
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
    margin: 0 0 8px;
}
p.mission-company__value {
    padding: 0;
    margin: 0;
    color: #717171;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -2%;
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.mission-company__value + .mission-company__value {
	margin-top: 0;
}
.mission-company__header-logo .mission-company__name-placeholder {
    max-width: 190px;
    height: 10px;
    border-radius: 80px;
    background: #717171;
    width: 100%;
}
.mission-company__bars-placeholder {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mission-company__bar-placeholder {
    height: 10px;
    border-radius: 80px;
    background: #717171;
    width: 100%;
    max-width: 327px !important;
}
.mission-company__section-address .mission-company__bar-placeholder:nth-child(1) {
    max-width: 280px;
}
.mission-company__section-address .mission-company__bar-placeholder:nth-child(2) {
    max-width: 180px;
}
.mission-company__section-contact .mission-company__bar-placeholder:nth-child(1) {
    max-width: 220px;
}
.mission-company__section-contact .mission-company__bar-placeholder:nth-child(2) {
    max-width: 160px;
}
.mission-company__section-contact .mission-company__bar-placeholder:nth-child(3) {
    max-width: 327px;
}
.mission-debloque-non .mission-company__value a {
    color: #717171 !important;
}
.mission-debloque-oui span.nova-card-mission__badge.nova-card-mission__badge--unlock {
    display: none;
}
.mission-debloque-oui span.mission-hero__cta.nova-card-mission__cta.mission-hero__cta--unlocked {
    background: #289B00 !important;
}
.mission-debloque-oui .mission-hero__right {
    border: 1px solid #289B00;
}
.mission-debloque-oui .mission-hero__budget {
    background: #289B001A;
}
.mission-debloque-oui .mission-hero__budget-value {
    color: #289B00;
}
.mission-debloque-oui .mission-hero__budget-label {
    color: #289B00;
}
.mission-company__header-logo .mission-company__logo-placeholder {
    width: 76px;
    height: 76px;
    background: #717171;
    border-radius: 100%;
}
/* Liens « Réseaux professionnels » non cliquables tant que la mission
 * n'est pas débloquée : pas d'attribut href, plus de pointer events,
 * curseur de blocage et même style visuel que les liens actifs (souligné
 * bleu) — l'utilisateur voit que c'est un lien mais ne peut pas l'ouvrir.
 * Le styling visuel des placeholders (`.mission-company__logo-placeholder`,
 * `.mission-company__name-placeholder`, `.mission-company__bar-placeholder`)
 * est laissé libre côté maquette — ce sont juste des `<div>` vides.
 */
a.mission-company__link--locked {
	cursor: not-allowed;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}
.elementor-25 .elementor-element.elementor-element-a79de27 .nova-tab-image-item {
    max-width: 250px;
}
.mission-company__value a {
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -2%;
    color: #203DFA;
    text-decoration: underline !important;
}
.mission-company__info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #717171;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -2%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mission-company__info-list li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mission-company__info-list li:first-child {
	margin-top: 0;
}
.mission-company__info-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mission-company__verified {
    color: #289B00;
}
span.mission-company__info-icon img {
    min-height: 15px;
    width: fit-content;
    max-width: 15px;
}
.mission-content__html, .mission-content__html p, .mission-content__html ul, .mission-content__html ol, .mission-content__html li, .mission-content__html strong, .mission-content__html em, .mission-content__html a, .mission-content__html blockquote, .mission-content__html h3, .mission-content__html h4, .mission-content__html h5 {
    color: #717171 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 120%;
    letter-spacing: -2% !important;
}
.mission-content__block {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid var(--mco-card-border);
}

.mission-content__block:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.mission-content {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/* ─── Bloc « Informations essentielles » ─── */
.mission-content__block-title, .elementor-kit-6 .mission-content__block-title {
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 0% !important;
    color: #080F3D !important;
}
.mission-content__info-line:first-child {
	margin-top: 0;
}

.mission-content__info-label {
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
    margin: 0;
}
.mission-content__info-line {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mission-content__info-value {
    margin: 0;
    color: #717171;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -2%;
}

/* ─── Description (legacy textarea) — gardé pour compat si réutilisé ailleurs */
.mission-content__description p {
	margin: 0 0 12px;
	color: var(--mco-muted);
}

.mission-content__description p:last-child {
	margin-bottom: 0;
}

section.mission-content__block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
    padding-top: 0;
    border: none;
}

/* ─── Contenu WYSIWYG : description, vos missions, équipement, prérequis ─── */
.mission-content__html {
	color: var(--mco-muted);
}

.mission-content__html p {
	margin: 0 0 12px;
	color: var(--mco-muted);
}

.mission-content__html p:last-child {
	margin-bottom: 0;
}

.mission-content__html ul, .mission-content__html ol {
    margin: 0;
    padding-left: 28px;
}

.mission-content__html li {
	margin: 4px 0;
}

.mission-content__html ul {
	list-style: disc;
}

.mission-content__html ol {
	list-style: decimal;
}

.mission-content__html ul li::marker,
.mission-content__html ol li::marker {
	color: #717171;
}

.mission-content__html strong,
.mission-content__html b {
	color: #717171;
	font-weight: 700;
}

.mission-content__html em,
.mission-content__html i {
	font-style: italic;
}

.mission-content__html a {
	color: #0666DD;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mission-content__html a:hover,
.mission-content__html a:focus-visible {
	text-decoration-thickness: 2px;
}

.mission-content__html blockquote {
	margin: 12px 0;
	padding: 8px 14px;
	border-left: 3px solid var(--mco-card-border);
	color: var(--mco-muted);
	font-style: italic;
}

.mission-content__html h3,
.mission-content__html h4,
.mission-content__html h5 {
	margin: 16px 0 8px;
	color: #717171;
	font-weight: 700;
}

/* Compat : .mission-content__bullets reste utilisable pour les anciens templates. */
.mission-content__bullets {
	list-style: disc;
	padding-left: 20px;
	margin: 0;
	color: var(--mco-muted);
}

.mission-content__bullets li {
	margin: 4px 0;
}

.mission-content__bullets li::marker {
	color: #717171;
}

/* ─── Tags / Compétences attendues ─── */
.mission-content__tags {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mission-content__tag {
    display: inline-flex;
    border: 1px solid #DBDBDB;
    background: #F0F0F0;
    gap: 8px;
    border-radius: 4px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
}
.mission-company__title, .elementor-kit-6 .mission-company__title {
    margin: 0;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 0%;
    color: #080F3D !important;
}
section.mission-company {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
/* ─── Note légale « Conditions de paiement » ─── */
.mission-content__payment-notice {
	margin: 0;
	color: #717171;
}

.mission-content__payment-notice p {
    margin: 0 0 12px;
    color: #717171 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 120% !important;
}

.mission-content__payment-notice p:last-child {
	margin-bottom: 0;
}

/* ─── Fichiers de la mission ─── */
.mission-content__files {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.mission-content__file {
	margin: 0;
	flex: 0 1 auto;
}

.mission-content__file-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: 160px;
    max-width: 100%;
    padding: 12px;
    border: none;
    border-radius: 6px;
    background: #F3F5FF;
    color: #0E0E0E;
    text-decoration: none;
    transition: background .15s ease, box-shadow .15s ease;
}

.mission-content__file-link:hover,
.mission-content__file-link:focus-visible {
	background: #BCC6FC;
	box-shadow: none;
	color: #0E0E0E;
}

.mission-content__file-link--disabled {
	opacity: .7;
	cursor: default;
}

.mission-content__file-icon {
	display: inline-flex;
	flex: 0 0 auto;
	color: #0E0E0E;
	line-height: 0;
}

.mission-content__file-icon svg {
	display: block;
}

.mission-content__file-name {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.25;
	word-break: break-word;
	color: #0E0E0E;
}

/* ─── Mission – Bandeau « Débloquez les infos de contact » (unlock CTA) ─── */
.mission-unlock-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.mission-unlock-cta__text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 645px;
    width: 100%;
}

.mission-unlock-cta__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    color: #080F3D;
    margin: 0;
}

.mission-unlock-cta__description {
    margin: 0;
    color: #717171;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.mission-unlock-cta__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 24px;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease;
}

.mission-unlock-cta__btn:hover,
.mission-unlock-cta__btn:focus-visible {
	background: var(--muc-btn-bg-hover);
	color: #FFFFFF;
}


@media (max-width: 640px) {
	.mission-unlock-cta {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		padding: 18px 18px;
	}
	.mission-unlock-cta__btn {
		width: 100%;
	}
}

/* ───────────────────────────────────────────────────────────────
   Mission Hero — actions « propriétaire » (compte lié)

   Quand `body.mission-owner-self` est présent, le CTA standard
   « Débloquer les coordonnées » est remplacé par les actions
   d'archivage. Le bouton « Archiver la mission » est rendu via
   un <form> POST → on neutralise les styles de bouton natifs et
   on s'aligne sur le visuel existant `.mission-hero__cta`.
   ─────────────────────────────────────────────────────────────── */
.mission-hero__cta-form {
	margin: 0;
	padding: 0;
}

button.mission-hero__cta--archive {
    cursor: pointer;
    background: #fff !important;
    color: #080F34 !important;
    border: 1px solid#080F34 !important;
}

button.mission-hero__cta--archive:hover,
button.mission-hero__cta--archive:focus-visible {
    background: #080F34 !important;
    color: #fff !important;
}

span.mission-hero__cta--archived {
    color: #717171 !important;
    cursor: not-allowed;
    user-select: none;
    border: 1px solid var(--Grey, #717171) !important;
    background: var(--Pale-Grey, #DBDBDB) !important;
}
span.mission-hero__cta--archived:hover {
    color: #717171 !important;
    border: 1px solid var(--Grey, #717171) !important;
    background: var(--Pale-Grey, #DBDBDB) !important;
}

/* Petit hint visuel pour signaler que la vue propriétaire est active.
   Le badge « Déblocage – 200€ » n'a pas de sens pour l'owner : on le
   masque, comme on le fait pour `mission-debloque-oui`. */
.mission-owner-self span.nova-card-mission__badge.nova-card-mission__badge--unlock {
	display: none;
}

/* État « déjà archivée » : on atténue légèrement la colonne droite
   pour signifier que la mission n'est plus active. */
.mission-archive-oui.mission-owner-self .mission-hero__right {
	opacity: .65;
}

/* ───────────────────────────────────────────────────────────────
   Mission Unlock CTA — variante « propriétaire » (action archivage)

   Reprend la structure horizontale du bandeau standard mais avec :
   - un titre rouge (action « importante »),
   - un bouton de soumission rouge bordé blanc.
   La structure et les classes communes (.mission-unlock-cta__text,
   __title, __description) restent identiques pour bénéficier des
   styles existants.
   ─────────────────────────────────────────────────────────────── */
 .mission-unlock-cta__title--archive {
    color: #DD2E2E;
}
body.mission-archive-non.mission-owner-self  .mission-unlock-1 {
    border-left: 6px solid var(--Red, #DD2E2E) !important;
}
.mission-unlock-cta__form {
	margin: 0;
	padding: 0;
}

button.mission-unlock-cta__btn--archive {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 24px;
	border: 1px solid #C0392B;
	border-radius: 10px;
	background: #FFFFFF;
	color: #C0392B;
	font-size: 14px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

button.mission-unlock-cta__btn--archive:hover,
button.mission-unlock-cta__btn--archive:focus-visible {
	background: #C0392B;
	color: #FFFFFF;
}

/* ───────────────────────────────────────────────────────────────
   Modal de confirmation d'archivage

   Rendu une seule fois en pied de page sur les pages mission, en vue
   propriétaire. Activé via JS (mission-archive.js) sur soumission des
   formulaires `data-hera-archive-confirm="1"`.
   ─────────────────────────────────────────────────────────────── */
.hera-archive-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.hera-archive-modal[hidden] {
	display: none;
}

.hera-archive-modal__overlay {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #0E0E0E26;
    backdrop-filter: blur(12px);
}
.hera-archive-modal__title {
    color: #111827 !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 0% !important;
}
button.hera-archive-modal__close {
    display: flex !important;
    justify-content: center;
    align-items: center;
    display: none !important;
}
.hera-archive-modal__dialog {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    padding-top: 64px;
    padding-right: 48px;
    padding-bottom: 64px;
    padding-left: 48px;
    background: #FFFFFF;
    max-width: 446px !important;
    width: 544px !important;
    border: 1px solid #E0E1FE;
}
.mission-archive-oui .mission-unlock {
    display: none;
}
.hera-archive-modal__close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	color: #6B7280;
	cursor: pointer;
	border-radius: 50%;
	transition: background-color .15s ease, color .15s ease;
}

.hera-archive-modal__close:hover,
.hera-archive-modal__close:focus-visible {
	background: #F3F4F6;
	color: #111827;
}

.hera-archive-modal__title {
	margin: 0 0 12px;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 600;
	color: #111827;
}

.hera-archive-modal__description {
    margin: 32px 0 0 0;
    color: #717171;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.hera-archive-modal__warning {
    color: #DD2E2E;
    background: #DD2E2E0F;
    border: 1px solid #DD2E2E4D;
    margin: 20px 0 0 0;
    border-radius: 12px;
    padding: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 0%;
}
.hera-archive-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    margin: 32px 0 0 0;
}

.hera-archive-modal__btn {
    background: #fff !important;
    color: #080F34 !important;
    border: 1px solid#080F34 !important;
    width: calc(50% - 6px);
    cursor: pointer;
}
.hera-archive-modal__btn:hover,
.hera-archive-modal__btn:focus-visible {
    background: #080F34 !important;
    color: #fff !important;

}








.hera-archive-modal__btn[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

/* Verrou du scroll body quand le modal est ouvert. */
body.hera-archive-modal-open {
	overflow: hidden;
}

/* ───────────────────────────────────────────────────────────────────────
 * Espace « Mon compte » — vue prestataire
 *
 * Cible uniquement quand <body> porte `hera-account--prestataire`. Pour les
 * autres types de comptes, on n'applique aucun de ces styles : ils gardent
 * le rendu WC standard.
 *
 * Tokens locaux exposés sur `.hera-account--prestataire` pour pouvoir tuner
 * la maquette finement sans polluer le scope global du thème.
 * ───────────────────────────────────────────────────────────────────── */

.hera-account--prestataire {
	--hera-account-bg: #F4F6FB;          /* fond pleine page bleu très pâle */
	--hera-account-card-bg: #FFFFFF;
	--hera-account-card-radius: 16px;
	--hera-account-card-shadow: 0 4px 18px rgba(11, 23, 71, 0.06);
	--hera-account-text: #0B1747;        /* texte général bleu marine */
	--hera-account-text-muted: #6B7390;  /* texte gris secondaire */
	--hera-account-accent: #0B1747;      /* bleu marine très foncé en-tête */
	--hera-account-accent-soft: #F1F4FA; /* fond gris-bleu sidebar active */
	--hera-account-link: #2D6CF6;        /* bleu lien intro */
	--hera-account-divider: #E5E8F0;     /* séparateurs lignes table */
	--hera-account-budget-bg: #D8F5DD;
	--hera-account-budget-text: #1F8F3D;
	--hera-account-unlock-bg: #EEF1FB;
	--hera-account-unlock-text: #0B1747;
	--hera-account-logout-border: #F2C1C1;
	--hera-account-logout-text: #D2585B;
	--hera-account-logout-hover-bg: #FBEAEA;
	background: var(--hera-account-bg) !important;
}

/* Layout principal : la grille s'applique au wrapper `.woocommerce` que WC
 * pose dans la page « Mon compte ». Quel que soit le builder du parent
 * theme, ce wrapper existe toujours. */
.hera-account--prestataire .woocommerce-account .woocommerce {
	max-width: 1180px;
	margin: 30px auto 60px;
	padding: 0 24px;
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 32px;
	align-items: flex-start;
	color: var(--hera-account-text);
}

@media (max-width: 900px) {
	.hera-account--prestataire .woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
	}
}

/* Désactive proprement les notices WC qui pourraient s'insérer au-dessus
 * du grid (woocommerce-notices-wrapper) pour ne pas casser le layout. */
.hera-account--prestataire .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

/* ───────── Sidebar ───────── */

.hera-account-nav {
    position: sticky;
    top: 110px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding-top: 36px;
    padding-right: 16px;
    padding-bottom: 36px;
    padding-left: 16px;
    background: #FFFFFF;
    border: 1px solid #E0E1FE;
    gap: 40px;
}

/* Suppression agressive des bullets / paddings hérités de WC ou du parent. */
.hera-account-nav,
.hera-account-nav ul,
.hera-account-nav li {
	list-style: none !important;
}
.hera-account-nav ul {
	margin: 0;
	padding: 0;
}
.hera-account-nav li {
	margin: 0;
	padding: 0;
}
.hera-account-nav li::before,
.hera-account-nav li::marker {
	content: none !important;
}

.hera-account-nav__group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hera-account-nav__group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    color: #080F3D;
}

.hera-account-nav__group-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	opacity: .9;
	flex-shrink: 0;
}

/* Glyphes inlinés en mask (pas d'icon font à charger). */
.hera-account-nav__group-icon--home {
	width: 16px;
	height: 18px;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none'><path d='M2 16H5V10H11V16H14V7L8 2.5L2 7V16ZM0 18V6L8 0L16 6V18H9V12H7V18H0Z' fill='black'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none'><path d='M2 16H5V10H11V16H14V7L8 2.5L2 7V16ZM0 18V6L8 0L16 6V18H9V12H7V18H0Z' fill='black'/></svg>");
}
.hera-account-nav__group-icon--list {
	width: 18px;
	height: 20px;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'><path d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H6.2C6.41667 1.4 6.77917 0.916667 7.2875 0.55C7.79583 0.183333 8.36667 0 9 0C9.63333 0 10.2042 0.183333 10.7125 0.55C11.2208 0.916667 11.5833 1.4 11.8 2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V4H2V18ZM4 16H11V14H4V16ZM4 12H14V10H4V12ZM4 8H14V6H4V8ZM9 3.25C9.21667 3.25 9.39583 3.17917 9.5375 3.0375C9.67917 2.89583 9.75 2.71667 9.75 2.5C9.75 2.28333 9.67917 2.10417 9.5375 1.9625C9.39583 1.82083 9.21667 1.75 9 1.75C8.78333 1.75 8.60417 1.82083 8.4625 1.9625C8.32083 2.10417 8.25 2.28333 8.25 2.5C8.25 2.71667 8.32083 2.89583 8.4625 3.0375C8.60417 3.17917 8.78333 3.25 9 3.25Z' fill='black'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'><path d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H6.2C6.41667 1.4 6.77917 0.916667 7.2875 0.55C7.79583 0.183333 8.36667 0 9 0C9.63333 0 10.2042 0.183333 10.7125 0.55C11.2208 0.916667 11.5833 1.4 11.8 2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V4H2V18ZM4 16H11V14H4V16ZM4 12H14V10H4V12ZM4 8H14V6H4V8ZM9 3.25C9.21667 3.25 9.39583 3.17917 9.5375 3.0375C9.67917 2.89583 9.75 2.71667 9.75 2.5C9.75 2.28333 9.67917 2.10417 9.5375 1.9625C9.39583 1.82083 9.21667 1.75 9 1.75C8.78333 1.75 8.60417 1.82083 8.4625 1.9625C8.32083 2.10417 8.25 2.28333 8.25 2.5C8.25 2.71667 8.32083 2.89583 8.4625 3.0375C8.60417 3.17917 8.78333 3.25 9 3.25Z' fill='black'/></svg>");
}
.hera-account-nav__group-icon--user {
	width: 20px;
	height: 20px;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M3.85 15.1C4.7 14.45 5.65 13.9375 6.7 13.5625C7.75 13.1875 8.85 13 10 13C11.15 13 12.25 13.1875 13.3 13.5625C14.35 13.9375 15.3 14.45 16.15 15.1C16.7333 14.4167 17.1875 13.6417 17.5125 12.775C17.8375 11.9083 18 10.9833 18 10C18 7.78333 17.2208 5.89583 15.6625 4.3375C14.1042 2.77917 12.2167 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 10.9833 2.1625 11.9083 2.4875 12.775C2.8125 13.6417 3.26667 14.4167 3.85 15.1ZM10 11C9.01667 11 8.1875 10.6625 7.5125 9.9875C6.8375 9.3125 6.5 8.48333 6.5 7.5C6.5 6.51667 6.8375 5.6875 7.5125 5.0125C8.1875 4.3375 9.01667 4 10 4C10.9833 4 11.8125 4.3375 12.4875 5.0125C13.1625 5.6875 13.5 6.51667 13.5 7.5C13.5 8.48333 13.1625 9.3125 12.4875 9.9875C11.8125 10.6625 10.9833 11 10 11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C10.8833 18 11.7167 17.8708 12.5 17.6125C13.2833 17.3542 14 16.9833 14.65 16.5C14 16.0167 13.2833 15.6458 12.5 15.3875C11.7167 15.1292 10.8833 15 10 15C9.11667 15 8.28333 15.1292 7.5 15.3875C6.71667 15.6458 6 16.0167 5.35 16.5C6 16.9833 6.71667 17.3542 7.5 17.6125C8.28333 17.8708 9.11667 18 10 18ZM10 9C10.4333 9 10.7917 8.85833 11.075 8.575C11.3583 8.29167 11.5 7.93333 11.5 7.5C11.5 7.06667 11.3583 6.70833 11.075 6.425C10.7917 6.14167 10.4333 6 10 6C9.56667 6 9.20833 6.14167 8.925 6.425C8.64167 6.70833 8.5 7.06667 8.5 7.5C8.5 7.93333 8.64167 8.29167 8.925 8.575C9.20833 8.85833 9.56667 9 10 9Z' fill='black'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M3.85 15.1C4.7 14.45 5.65 13.9375 6.7 13.5625C7.75 13.1875 8.85 13 10 13C11.15 13 12.25 13.1875 13.3 13.5625C14.35 13.9375 15.3 14.45 16.15 15.1C16.7333 14.4167 17.1875 13.6417 17.5125 12.775C17.8375 11.9083 18 10.9833 18 10C18 7.78333 17.2208 5.89583 15.6625 4.3375C14.1042 2.77917 12.2167 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 10.9833 2.1625 11.9083 2.4875 12.775C2.8125 13.6417 3.26667 14.4167 3.85 15.1ZM10 11C9.01667 11 8.1875 10.6625 7.5125 9.9875C6.8375 9.3125 6.5 8.48333 6.5 7.5C6.5 6.51667 6.8375 5.6875 7.5125 5.0125C8.1875 4.3375 9.01667 4 10 4C10.9833 4 11.8125 4.3375 12.4875 5.0125C13.1625 5.6875 13.5 6.51667 13.5 7.5C13.5 8.48333 13.1625 9.3125 12.4875 9.9875C11.8125 10.6625 10.9833 11 10 11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C10.8833 18 11.7167 17.8708 12.5 17.6125C13.2833 17.3542 14 16.9833 14.65 16.5C14 16.0167 13.2833 15.6458 12.5 15.3875C11.7167 15.1292 10.8833 15 10 15C9.11667 15 8.28333 15.1292 7.5 15.3875C6.71667 15.6458 6 16.0167 5.35 16.5C6 16.9833 6.71667 17.3542 7.5 17.6125C8.28333 17.8708 9.11667 18 10 18ZM10 9C10.4333 9 10.7917 8.85833 11.075 8.575C11.3583 8.29167 11.5 7.93333 11.5 7.5C11.5 7.06667 11.3583 6.70833 11.075 6.425C10.7917 6.14167 10.4333 6 10 6C9.56667 6 9.20833 6.14167 8.925 6.425C8.64167 6.70833 8.5 7.06667 8.5 7.5C8.5 7.93333 8.64167 8.29167 8.925 8.575C9.20833 8.85833 9.56667 9 10 9Z' fill='black'/></svg>");
}
span.hera-account-nav__group-icon-wrapper {
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-block-woocommerce-checkout-order-summary-block {
    border-radius: 12px !important;
}
.hera-account-nav__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}
.hera-account-nav__link {
    transition: background-color .18s ease, color .18s ease;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    gap: 10px;
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #717171 !important;
}
.hera-account-nav__link:hover,
.hera-account-nav__link:focus-visible {
	color: #172372 !important;
	background: #F3F5FF;
	outline: none;
}
.hera-account-nav__link.is-active {
	color: #172372 !important;
	background: #F3F5FF;
	outline: none;
}

.hera-account-nav__footer {
	margin-top: auto;
	padding-top: 18px;
}
a.hera-account-nav__logout {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.2px;
    fill: #DD2E2E !important;
    color: #DD2E2E !important;
    width: 100%;
    border: 1px solid #DD2E2E;
    display: flex;
    border-radius: 8px;
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 18px;
    padding-left: 24px;
    gap: 10px;
    background: #FCEDED;
    justify-content: center;
    text-align: center;
}
.hera-account-nav__logout:hover,
.hera-account-nav__logout:focus-visible {
	background: #DD2E2E;
	color: #fff !important;
	outline: none;
}
/* ───────── Zone de contenu droite ───────── */

.hera-account--prestataire .woocommerce-MyAccount-content {
	flex: 1 1 auto;
	background: transparent;
	padding: 0;
	min-width: 0; /* évite l'overflow horizontal sur les tables larges */
}

/* Headings : bleu marine, large, gras. */
.hera-account-dashboard__title, .hera-account-page__title, .elementor-kit-6  .hera-account-page__title,.elementor-kit-6  .hera-account-dashboard__title {
    color: var(--hera-account-accent);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 32px !important;
    letter-spacing: 0% !important;
    margin: 0 !important;
}
.hera-account-dashboard__hand {
	font-size: 34px;
	line-height: 1;
}

.hera-account-dashboard__intro {
    margin: 24px 0 0 0;
    color: #717171;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}
.hera-account-dashboard__intro a {
    text-decoration: underline !important;
    color: #080F3D !important;
    text-decoration-style: solid !important;
    text-decoration-offset: 0% !important;
}
.hera-missions-card__table {
    padding: 24px 24px 6px 24px;
}
/* ───────── Carte missions (header bleu marine) ───────── */

.hera-missions-card {
    background: #fff;
    overflow: hidden;
    margin-top: 48px;
    border: 1px solid #E0E1FE;
    opacity: 1;
    border-radius: 12px;
}

.hera-account--account.hera-account-endpoint--dashboard .hera-missions-card {
    margin-top: 77px;
}
.hera-missions-card__header {
    background: #080F3D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    gap: 24px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.hera-missions-card__title {
    margin: 0;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0% !important;
    color: #fff !important;
}
.hera-missions-card__toutvoir {
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 4px;
}
.hera-missions-card__toutvoir:hover {
    color: #f3f5ff !important;
    border-bottom: 1px solid #f3f5ff;

}

.hera-missions-card__empty {
	padding: 28px 24px;
	margin: 0;
	color: var(--hera-account-text-muted);
	text-align: center;
}

/* ───────── Table missions ───────── */

.hera-missions-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.hera-missions-table thead th {
    text-align: left;
    padding: 0 0 8px !important;
    border-bottom: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #717171;
}
.hera-missions-table tbody td {
    padding: 16px  0 16px 0;
    vertical-align: middle;
    border-bottom: 1px solid #080F3D33;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #080F3D;
    width: 169px;
}
.hera-missions-table tbody tr:last-child td {
    border-bottom: none;
}
.hera-missions-table tbody tr {
	transition: background-color .18s ease;
}
.hera-missions-table tbody tr:hover {
	background: rgba(11, 23, 71, 0.02);
}
.contact-bloc-child-2 span.nsf-field-required {
    display: none;
}
.form-poser-depot .nsf-field-file .nsf-fb-m2-global-add-text {
    max-width: 200px !important;
}
.hera-missions-table__link {
    color: #080F3D !important;
}
.hera-missions-table__link:hover,
.hera-missions-table__link:focus-visible {
	color: #020621 !important;
}
.hera-missions-table__cell--title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
}
.hera-missions-table__edit {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: #0666dd;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}
.hera-missions-table__edit:hover,
.hera-missions-table__edit:focus-visible {
	color: #044a9e;
}
.hera-account-page--modifier-mission .hera-account-page__back {
	margin: 0 0 1.25rem;
}
.hera-account-page--modifier-mission .hera-account-page__back a {
	color: #0666dd;
	font-weight: 500;
}
.form-update-user-info-perso-docs .nsf-field {
    gap: 36px;
}

.hera-missions-table__budget {
    display: inline-block;
    white-space: nowrap;
    background: #289B001A;
    color: #36A41A;
    border-radius: 4px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    width: calc(100% - 20px);
}
.hera-missions-table__unlock {
    display: inline-block;
    background: #F3F5FF;
    opacity: 1;
    border-radius: 4px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    width: calc(100% - 20px);
}
.hera-missions-table__muted {
	color: var(--hera-account-text-muted);
}
.hera-missions-table__cell--date {
	color: var(--hera-account-text-muted);
	font-size: 13px;
	white-space: nowrap;
}

/* @media (max-width: 720px) {
	.hera-missions-table thead {
		display: none;
	}
	.hera-missions-table tbody td {
		display: block;
		padding: 6px 22px;
		border-bottom: 0;
	}
	.hera-missions-table tbody tr {
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid var(--hera-account-divider);
	}
	.hera-missions-table__cell--title {
		font-weight: 600;
		font-size: 15px;
		padding-top: 14px !important;
	}
} */

/* ───────── Pages profil (cartes avec form) ───────── */

.hera-account-page__content--card {
    background: #fff;
    border-radius: 12px;
    padding: 48px 16px;
    margin-top: 48px;
    border: 1px solid #E0E1FE;
}

.hera-account-shortcode-slot--empty {
	padding: 22px;
	background: #FFF8E8;
	border: 1px dashed #E2C275;
	border-radius: 12px;
	color: #6B5500;
	font-size: 14px;
}
.hera-account-shortcode-slot--empty code {
	background: rgba(0, 0, 0, 0.05);
	padding: 2px 6px;
	border-radius: 4px;
}

/* ───────── Pagination ───────── */

.hera-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-top: 64px;
    flex-wrap: wrap;
}
.hera-pagination__page, .hera-pagination__arrow, .hera-pagination__ellipsis {
    transition: background-color .18s ease, color .18s ease;
    font-weight: 500;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 36px;
    border-radius: 8px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    gap: 8px;
    color: #080F3D !important;
}
.hera-pagination__arrow {
	font-size: 18px;
	font-weight: 600;
	color: var(--hera-account-text-muted);
}
/* .hera-pagination__page:hover,
.hera-pagination__arrow:not(.is-disabled):hover {
	background: #080F3D !important;
	color: #fff !important;
} */
/* .hera-pagination__page:hover svg,
.hera-pagination__arrow:not(.is-disabled):hover svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(0%) hue-rotate(145deg) brightness(102%) contrast(102%);

} */

.hera-pagination__page.is-current {
	background: #080F3D !important;
	color: #fff !important;
	pointer-events: none;
}
.hera-pagination__page.is-current svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(0%) hue-rotate(145deg) brightness(102%) contrast(102%);

	pointer-events: none;
}
.hera-pagination__arrow.is-disabled {
	color: #C5C9DD;
	pointer-events: none;
}
.hera-pagination__ellipsis {
	color: var(--hera-account-text-muted);
	pointer-events: none;
}

/* ───────── Badges titres (NEW, lock, folder, etc.) ───────── */

.hera-account-page__badge {
	font-size: 26px;
	line-height: 1;
}
.hera-account-page__badge--new {
	background: linear-gradient(135deg, #2D6CF6 0%, #4F8AFF 100%);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 8px;
	border-radius: 6px;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 6px rgba(45, 108, 246, 0.3);
}

/* ───────── Bandeau de debug admin ───────── */

.hera-account-debug {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.hera-account-debug a {
	color: #604000;
	font-weight: 600;
}
.mission-main-entreprise.ewd-sticky-col {
    max-width: 448px !important;
    width: 40% !important;
}
span.mission-company__logo-initial {
    flex-shrink: 0;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    background: #e5e6ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199px) {
    .hera-account--account .code-form > div > div {
        gap: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 245px;
    }
    .hera-account-nav__link {
        padding-right: 14px;
        padding-left: 14px;
    }
    .hera-account--account.hera-account-endpoint--dashboard .hera-missions-card, .hera-missions-card {
        margin-top: 40px;
    }
    .hera-account-dashboard__title, .elementor-kit-6  .hera-account-dashboard__title, .hera-account-page__title, .elementor-kit-6  .hera-account-page__title {
        font-size: 28px !important;
        line-height: 28px !important;
    }
    .hera-account-dashboard__intro {
        margin: 14px 0 0 0;
        font-size: 17px;
    }
    .hera-account-page__content--card {
        margin-top: 40px;
        padding: 30px 14px;
    }
    .hera-account--account .nsf-step-title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 24px;
    }
    .hera-account--account.hera-account-endpoint--dashboard .woocommerce-MyAccount-content {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .hera-missions-card__title {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .hera-missions-table thead th {
        font-size: 13px;
        line-height: 13px;
    }
    .hera-missions-table tbody td {
        font-size: 12px;
        line-height: 12px;
    }
    .hera-missions-card__table {
        padding: 24px 14px 6px 14px;
    }
}
fieldset.nsf-step {
    min-width: stretch;
}
@media (max-width: 991px) {
    a.hera-account-nav__logout {
        max-width: 300px;
        margin: auto;
    }
    .hera-missions-table {
        width: 720px;
    }
    .hera-account--account.hera-account-endpoint--dashboard .woocommerce-MyAccount-content {
        width: 100%;
    }
    .hera-missions-card__toutvoir {
        justify-content: center;
        display: flex;
        width: 100%;
        max-width: max-content;
    }
    .hera-missions-card__title {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    .hera-missions-card__header {
        padding-right: 14px;
        padding-left: 14px;
    }
    .hera-missions-card__table {
        overflow: scroll;
    }
    .hera-account--account .code-form > div > div {
        flex-direction: column;
        gap: 40px;
        max-width: 670px;
    }
    .hera-account--prestataire .woocommerce-MyAccount-content {
        width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100%;
        min-height: auto;
        width: 100%;
        gap: 20px;
        padding-top: 20px;
        padding-right: 14px;
        padding-bottom: 20px;
        padding-left: 14px;
    }
    .hera-account-nav__footer {
        padding-top: 0;
    }
    .hera-account-nav__group {
        gap: 8px;
    }
    .hera-account-nav__link {
        padding-right: 10px;
        padding-left: 10px;
    }
    .hera-account--account.hera-account-endpoint--dashboard .hera-missions-card, .hera-missions-card {
        margin-top: 20px;
    }
    .mission-hero {
        flex-direction: column;
    }
    .mission-content__info-label, .mission-content__info-label{
        font-size: 18px !important;
    }
    .mission-content__block-title, .elementor-kit-6 .mission-content__block-title {
        font-size: 21px !important;
    }
    .mission-company__title, .elementor-kit-6 .mission-company__title {
        font-size: 21px !important;
    }
    .mission-company__header {
        gap: 8px;
    }
    .mission-company__logo, span.mission-company__logo-initial {
        width: 60px;
        height: 60px;
    }
    .mission-company__name {
        font-size: 18px;
    }
    .mission-company__info-list {
        gap: 6px;
    }
}
@media (max-width: 767px) {
    .mission-main-entreprise.ewd-sticky-col {
        max-width: 100% !important;
        width: 100% !important;
    }
    .mission-unlock-cta {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        padding: 0;
    }
    .mission-unlock-1 {
        padding: 16px;
    }
}

/* ─── Checkout mission (déblocage) — affichage simplifié ───────────────── */
body.hera-mission-checkout .woocommerce-form-coupon-toggle,
body.hera-mission-checkout #order_review_heading,
body.hera-mission-checkout .woocommerce-checkout-review-order-table,
body.hera-mission-checkout .woocommerce-shipping-fields,
body.hera-mission-checkout .woocommerce-additional-fields,
body.hera-mission-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
body.hera-mission-checkout .wp-block-woocommerce-checkout-shipping-method-block,
body.hera-mission-checkout .wp-block-woocommerce-checkout-shipping-address-block,
body.hera-mission-checkout .wp-block-woocommerce-checkout-shipping-methods-block,
body.hera-mission-checkout .wp-block-woocommerce-checkout-pickup-options-block,
body.hera-mission-checkout .wp-block-woocommerce-checkout-order-note-block {
	display: none !important;
}

/* Masquer l'affichage « promo » (200 € barré + badge économie) */
body.hera-mission-checkout .wc-block-components-sale-badge,
body.hera-mission-checkout .wc-block-components-product-badge,
body.hera-mission-checkout .wc-block-components-product-price del,
body.hera-mission-checkout .wc-block-cart-item__prices del {
	display: none !important;
}

body.hera-mission-checkout .wc-block-components-order-summary-item__image {
	display: none !important;
}

body.hera-mission-checkout .wc-block-components-product-price ins,
body.hera-mission-checkout .wc-block-cart-item__prices ins {
	text-decoration: none;
}

body.hera-mission-checkout .woocommerce-checkout {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.hera-mission-checkout-summary {
	background: var(--hera-account-unlock-bg, #EEF1FB);
	color: var(--hera-account-unlock-text, #0B1747);
	border-radius: 16px;
	padding: 24px 28px;
	margin: 0 0 28px;
}

.hera-mission-checkout-summary__label {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.85;
}

.hera-mission-checkout-summary__mission {
	margin: 0 0 14px;
	font-size: clamp(20px, 3vw, 26px);
	line-height: 1.35;
}

.hera-mission-checkout-summary__mission-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
	opacity: 0.85;
}

.hera-mission-checkout-summary__mission-name {
	display: block;
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
}

.hera-mission-checkout-summary__price {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
}

.hera-mission-checkout-summary__price .woocommerce-Price-amount {
	font-weight: inherit;
}

.hera-mission-checkout-summary__hint {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	opacity: 0.9;
}

.hera-mission-checkout-summary--order-block {
	margin: 0 0 16px;
}

.wp-block-woocommerce-checkout-order-summary-block .hera-mission-checkout-summary--order-block {
	border-radius: 12px;
}

/* Doublon mal placé (injection React) : masquer si le récap englobe le titre WC natif */
.hera-mission-checkout-summary:has(.wc-block-components-checkout-order-summary__title) {
	display: none !important;
}

body.hera-mission-checkout #payment {
	background: #fff;
	border: 1px solid rgba(11, 23, 71, 0.1);
	border-radius: 16px;
	padding: 20px 24px;
}

body.hera-mission-checkout #order_review {
	float: none;
	width: 100%;
}
.entreprises-logo .nova-brands-item img {
    border-radius: 16px !important;
}
.entreprises-logo .nova-brands-grid-inner .nova-brands-item {
    width: calc(100% - 10px) !important;
}
.besoin span.nova-tab-btn-text {
    text-align: center !important;
}
/* Scroll natif : pas d’animation fluide (Lenis désactivé). */
html {
	scroll-behavior: auto !important;
}
body {
	scroll-behavior: auto !important;
}

.nice-select.open .list,
.nice-select.open ul.list,
.nice-select.open .nice-select-dropdown .list {
	max-height: min(280px, 50vh) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	pointer-events: auto !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(17, 24, 39, 0.35) transparent;
}

.nice-select.open .list::-webkit-scrollbar,
.nice-select.open ul.list::-webkit-scrollbar {
	width: 8px;
}

.nice-select.open .list::-webkit-scrollbar-thumb,
.nice-select.open ul.list::-webkit-scrollbar-thumb {
	background-color: rgba(17, 24, 39, 0.35);
	border-radius: 4px;
}

.nice-select.open .list::-webkit-scrollbar-track,
.nice-select.open ul.list::-webkit-scrollbar-track {
	background: transparent;
}

.nice-select.open,
.nice-select.open .nice-select-dropdown {
	pointer-events: auto !important;
}