/* FONT */

/* Charger Frank Ruhl Libre avec couvertures latin + extended */
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;500;700&display=swap');

@font-face {
    font-family: 'Cocosharp';
    src: url('/wp-content/fonts/coco-sharp/cocosharp-extrabold-webfont.woff2') format('woff2');
	font-display: swap;
}

@font-face {
    font-family: 'Cocosharp-light';
    src: url('/wp-content/fonts/coco-sharp/cocosharp-extralight-webfont.woff2') format('woff2');
	font-display: swap;
}

/*
Theme Name: Eksell Child 02
Theme URI: etoiledunord.media
Template: eksell
Author: Étoile du Nord | The North Star
Author URI: etoiledunord.media
Version: 1.9.5.1747084779
Updated: 2025-05-12 17:19:39

---------------------------------------------------------------------------------------------

	TABLE OF CONTENT:

	0. 	CSS Variables
	1.	General fonts settings
	2.	Header and footer
		2.1	Site header
		2.2 Site footer
	3.	Archive/masonry edits
	4.	Single page
	5.	Account and subscriptions
	6.	Home slider
	7.	Hompage block
	8.	Archive page
	9.	Sidebar
	10. Event page
	11. Pricing page
	12. BOITE ABONNEMENT COMMENTAIRES
	13. Page event
	14. Profils de députés
	15.	Boîte à outils
	16.	Main menu
	17.	Load more button
	18.	Content restricted pages

	LAST.	Changes according to screen size

/* --------------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------------- */
/*	0. CSS Variables
/* --------------------------------------------------------------------------------------------- */

:root {
    --eksell-body-font: 'Frank Ruhl Libre';
    --eksell-headings-font: 'Cocosharp';
    --eksell-headings-weight: 700;
    --eksell-inner-width-thin: 80rem;
    --eksell-inner-width-small: 110rem;
    --eksell-inner-width-medium: 150rem;
    --eksell-inner-width-max: 205.2rem;
    --eksell-inner-gutter: 14rem;
    --eksell-aside-width: 7.4rem;
}

@media screen and (max-width: 700px) {
:root {
	--eksell-inner-gutter: 7rem;
	--eksell-aside-width: 0rem;
	}
}

@media screen and (max-width: 500px) {
:root {
	--eksell-inner-gutter: 3rem;
	--eksell-aside-width: 0rem;
	}
}

:root .mw-small {
	max-width: 100%;
}



/* --------------------------------------------------------------------------------------------- */
/*	1.	General fonts settings
/* --------------------------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
    font-family: "Cocosharp";
	text-transform: uppercase;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h1, .h1, 
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	line-height: 1.2;
}

.preview-title, .entry-title,
.preview-title h1, .entry-title h1,
.preview-title h2, .entry-title h2,
.preview-title h3, .entry-title h3,
.preview-title h4, .entry-title h4,
.preview-title h5, .entry-title h5,
.preview-title h6, .entry-title h6 {
	line-height: 1;
}

@media (max-width: 700px) {
h1, .h1, 
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	line-height: 1;
}
}

body {
	font-family: "Frank Ruhl Libre", serif;
	letter-spacing: 0.01em;
}

*,
*:before,
*:after {
	letter-spacing: 0.01em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.articletype-text {
	font-family: Cocosharp;
	text-transform: uppercase;
}

/* Effet stabilo + couleur du texte qui suit la barre */
.post .entry-content a:not(.st_tag.internal_tag):not(.glossaryLink):not(.profile-link):not(.addedlink) {
  position: relative;
  text-decoration: none;
  background-image:
    linear-gradient(to right, #fff 0 0),
    linear-gradient(to right, var(--eksell-accent-color) 0 0),
    linear-gradient(to right, var(--eksell-accent-color) 0 0);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size:
    0% 100%,
    100% 100%,
    0% 160%;
  background-position:
    0 0,
    0 0,
    0 50%;
  -webkit-background-clip: text, text, padding-box;
  background-clip: text, text, padding-box;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: background-size 0.45s ease-out;
}

.post .entry-content a:not(.st_tag.internal_tag):not(.profile-link):not(.addedlink):not(.glossaryLink):hover,
.post .entry-content a:not(.st_tag.internal_tag):not(.profile-link):not(.addedlink):not(.glossaryLink):focus,
.post .entry-content a:not(.st_tag.internal_tag):not(.profile-link):not(.addedlink):not(.glossaryLink):active {
  background-size:
    100% 100%,
    100% 100%,
    100% 160%;
}

@media (prefers-reduced-motion: reduce) {
  .post .entry-content a { transition: background-size 0.45s ease-out; }
}



/* --------------------------------------------------------------------------------------------- */
/*	2.	Site header and footer
/* --------------------------------------------------------------------------------------------- */


/*------------- 2.1 HEADER ---------------*/

.header-sticky-adjuster {
	background-color: black;

}

#site-header.is-sticky {
    background: #1c1c1ceb;
	margin-bottom: 1.3em;
	backdrop-filter: blur(10px);
	height: 4.5em;
	filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.3));
}

#site-header {
	height: 4.5em;
	background: #1c1c1ceb;
	margin-bottom: 1.3em;
	backdrop-filter: blur(10px);
}

/* aside*/

@media (max-width: 700px) {
	.body {
		border-left: 0px; 
	}
}


/* button*/

.header-button {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0082cd;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
	margin-right: 1.2rem;
	font-family: 'Cocosharp-light'
}

.header-button a {
	font-size: 1.7rem;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.header-button:hover {
	scale: 1.03;
	transition: all 0.05s ease-out;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.7));
}

/* language switcher */

.languageswitcher {
	display: flex;
	justify-content: center;
	align-items: center;
}

.languageswitcher a {
    font-family: "Cocosharp";
    text-transform: uppercase;
	color: white;
	text-decoration: none;
}

.languageswitcher:hover {
	scale: 1.07;
	transition: all 0.05s ease-out;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.7));
	color: #ffe156;
}

header, aside {
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/*------------- 2.2 FOOTER ---------------*/

/* Footer line top */
.wp-singular #site-footer,
.post-type-archive-tribe_events #site-footer {
	border-top: 0.05rem solid #303030;
}

/* container: left + right */
.footer-inner.section-inner {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  align-content: stretch;
  /* ensure children stretch vertically */
}

/* LEFT: group of three menus */
.footer-left {
  flex: 1 1 0%;
}

/* keep existing top menus layout but ensure columns share space */
.footer-top-menus {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  align-items: flex-start;
  flex-wrap: nowrap; /* keep three columns on one row on desktop/tablet */
  font-family: 'Cocosharp-light';
}

/* each column grows equally */
.footer-top-menus .footer-menu-col {
  flex: 1 1 0%;
  display: block;
}

/* UL reset (preserve existing rules but scoped) */
.footer-top-menus .footer-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  text-align: left;
  display: flex;
  flex-direction: column;
}

/* LI / links (keeps your original rules) */
.footer-top-menus .footer-menu li {
  margin: .25rem 0;
  display: block;
}
.footer-top-menus .footer-menu a {
  display: inline-block;
  text-decoration: none;
  text-transform: none !important;
  padding: 2px 0;
}
.footer-top-menus .footer-menu a:hover,
.footer-top-menus .footer-menu a:focus {
  text-decoration: underline;
}

/* RIGHT: social (top) + credits (bottom) inside a boxed column with separator */
.footer-right {
  flex: 0 0 300px; /* fixed-ish column on desktop; adjust width if you want */
  border-left: 1px solid rgba(0,0,0,.06); /* separator between menus and right column */
  padding-left: 1.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
}

/* inner wrapper to push social to top and credits to bottom */
.footer-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

/* social on top */
.footer-right .footer-social {
  margin: 0 0 1rem 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  gap: .6rem;
}

/* force social links color as before */
.footer-social a {
  color: #ffffff !important;
}

/* credits at bottom */
.footer-right .footer-credits {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: .6rem;
}

/* desktop small tweak for copy */
@media (min-width: 700px) {
  .footer-credits p {
    margin: .8rem 0 0 0;
  }
}

/* Responsive: stack on small screens*/
@media (max-width: 800px) {
  /* stack everything vertically */
  .footer-inner.section-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }

  /* menus: switch to column flow (each menu takes full width) */
  .footer-top-menus {
    flex-direction: column;
    gap: 1rem;
  }
  .footer-top-menus .footer-menu-col {
    width: 100%;
  }

  /* right column becomes full width and separator removed */
  .footer-right {
    flex: 1 1 auto;
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(0,0,0,.06); /* optional subtle divider on mobile */
    padding-top: 1rem;
  }

  /* center social & credits on mobile (matches previous mobile behavior) */
  .footer-right .footer-social,
  .footer-right .footer-credits {
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* preserve UL centering on very small screens */
  @media (max-width: 500px) {
    .footer-top-menus .footer-menu {
      text-align: center;
    }
  }
}

/* fallback: if parent theme injects .footer-bottom anywhere else keep neutral styles */
.footer-bottom {
  display: none; /* hidden because we moved credits + social into .footer-right */
}


/* --------------------------------------------------------------------------------------------- */
/*	3.	Archive/masonry edits
/* --------------------------------------------------------------------------------------------- */


/* Bloc principal masonry */
.custom-preview {
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6));
}

/* Overlay sombre */
.preview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.preview-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	border: 0px solid transparent;
	transition: border 0.2s ease-out;
}


/* Contenu par-dessus */
.custom-preview .preview-content {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 2;
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

/* Type d'article en haut à gauche */
.custom-preview .preview-type {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    max-width: 35%;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    justify-content: flex-start;
}

.preview-type-label {
    font-family: "Cocosharp";
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    overflow: hidden;
    margin-right: 4px;
    margin-bottom: 4px;
}


/* Catégories en haut à droite */
.custom-preview .preview-categories {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
	max-width: 60%;
    justify-content: flex-end;
}

/* Catégories en haut à droite */
.preview-dossier .preview-categories {
	max-width: 100% !important;
}

.preview-categories span {
    font-family: "Cocosharp";
    text-transform: uppercase;
    text-align: end;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.4rem;
    display: inline;
    overflow: hidden;
    margin-left: 4px;
    margin-bottom: 4px;
}

.preview-categories span {
  background: none;
  padding: 0;
  margin-left: 4px;
  margin-bottom: 4px;
}

.preview-dossier .preview-categories span {
  display: inline; 
  white-space: normal;
  font-family: "Cocosharp";
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.4rem;
  background-color: white;
  color: #242224;
  padding: 0.35rem 0.55rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.05;
}

.preview-category-link {
  display: inline; 
  white-space: normal;
  font-family: "Cocosharp";
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.4rem;
  background-color: #242224;
  padding: 0.15rem 0.45rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.05;
}

/* Même logique pour le “type d’article” à gauche */
.preview-type-label {
  background: none;
  padding: 0;
}

.preview-type-link {
  display: inline;
  white-space: normal;
  text-transform: uppercase;
  font-family: "Cocosharp";
  font-weight: bold;                  /* corrige "font-style: bold" */
  text-decoration: none;
  font-size: 1.4rem;
  padding: 0.15rem 0.45rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.05;
  /* Les couleurs viendront en inline style depuis PHP */
}

/* Sous-titre */
.custom-preview .preview-subtitle {
	margin-top: 0.65rem;
	line-height: 0.9;
	font-size: 1.5rem;
	display: inline;
	background-color: #252525;
    padding-left: 0.45rem;
	padding-right: 0.45rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	overflow: hidden;
}

/* Titre */
.custom-preview .preview-title {
	margin-bottom: 1rem;
	margin-top: 0.65rem;
}

.custom-preview .preview-title a {
	font-weight: bold;
    text-decoration: none;
	font-size: 2.8rem;
	display: inline;
	color: var(--preview-text);
	background-color: var(--preview-bg);
    padding-left: 0.7rem;
	padding-right: 0.7rem;
	box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	overflow: hidden;
	outline: none;
}

@media (max-width: 700px) {
.custom-preview .preview-title a {
	line-height: 1.17;
}
}

/* Date + auteur */
.preview-meta-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.preview-meta {
    font-size: 1.2rem;
	font-style: bold;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0.6);
    color: rgba(36, 34, 36, 1);
    padding: 0.15rem 0.3rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    overflow: hidden;
    display: inline-block;
	margin-right: 0.4rem;
	margin-bottom: 0.2rem;
	margin-top: 1rem;
}


/* hover effects */

.custom-preview:hover .preview-overlay {
    background-color: rgba(0, 0, 0, 0);
	transition: all 0.2s ease-out;
}

.preview-border {
	border: 0px solid transparent;
	transition: border 0.2s ease-out;
}

.custom-preview:hover .preview-border {
	border-width: 3px;
	border-color: var(--preview-border);
}

.custom-preview:hover {
	filter: drop-shadow(2px 2px 12px rgba(0, 0, 0, 1));
}



/* Grid Structure ---------------------------- */

.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: -.8rem 0 -.8rem -.8rem;
	width: calc( 100% + 1.1rem );
}

.col {
	padding: .8rem;
	width: calc( 8.3333% * 12 );
}

@media (max-width: 500px) {
	.posts .article-wrapper {
		margin-bottom: 0rem;
	}
	.col {
		padding: 0.6rem;
	}
}

/* filter list landing page */

.term-name:hover {
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.8));
	background-color: #ffe125;
	color: black;
}

.filter-list a:hover .term-name,
.filter-list a:focus .term-name,
.filter-list a.pre-active .term-name,
.filter-list a.active .term-name { 
	text-decoration: none;
}


.term-name {
	font-family: "Cocosharp-light";
	text-transform: uppercase;
	font-style: bold;
	font-size: 0.8em;
	background-color: #505050;
	color: white;
    padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	overflow: hidden;
	outline: none;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
}

.filter-list li {
	margin: 0.5em 0.5em 0 0;
}

.filter-list {
	padding-left: 0em;
	padding-right: 0.8em;
}

.archive-header {
    margin-bottom: 3rem;
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-list a.active .term-name {
	background-color: #e4002b;
}

.filter-wrapper {
	margin-top: 1rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	4.	Single page
/* --------------------------------------------------------------------------------------------- */

.region-subtitle {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
	flex-wrap: wrap
}

.region-subtitle .entry-region {
	display: flex;
	align-items: center;   /* centers vertically */
	justify-content: center;
}

.region-subtitle .entry-region a {
	text-decoration: none;
	color: var(--preview-bg);
}

/* Ligne verticale entre les deux */
.region-subtitle .entry-region::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 1.8rem;;          /* hauteur de la ligne */
    background: currentColor;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
}

/* On supprime la ligne si pas de sous-titre */
.region-subtitle .entry-region:only-child::after {
    display: none;
}

.post .entry-header .entry-title {
	text-decoration: none;
	display: inline;
	color: var(--preview-text);
	background-color: var(--preview-bg);
    padding-left: 1rem;
	padding-right: 1rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	overflow: hidden;
	outline: none;
	line-height: 1.2;
}

.entry-content p {
	text-align: left;
}

article .color-accent {
	color: var(--preview-bg);
}

.section-inner {
	width: calc(100% - var(--eksell-inner-gutter));
}

/* BLOC METAS */
.bloc-metas {
  background-color: #2b2b2b;
  border-left: 5px solid #ffe156;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  padding: 2rem 2.5rem;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #eee;
  margin: 0 0 3rem 0;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}

/* Liens */
.bloc-metas a {
  color: #ffe156;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.bloc-metas a:hover,
.bloc-metas a:focus {
  color: #fff176;
  outline: none;
}

/* Sections gauche et droite */
.metas-gauche,
.metas-droite {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.metas-droite {
  text-align: right;
}

/* Texte avant le lien */
.bloc-metas strong {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.3rem;
  margin-right: 0.4rem;
}

/* Garder strong et a sur une seule ligne */
.bloc-metas .auteur,
.bloc-metas .date,
.bloc-metas .type-article,
.bloc-metas .categorie {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* SERIES BOX */
/* Container principal */
.seriesbox {
  background-color: #2b2b2b;
  border-left: 5px solid #ffe156;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  padding: 2rem 2.5rem;
  font-size: 1.7rem;
  color: #eee;
  margin: 3rem 0;
  border-radius: 6px;
}

/* Titre du dossier */
.seriesbox-header h5 {
  font-weight: 700;
  font-size: 1.9rem;
  color: #fff;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #ffe156;
  padding-bottom: 0.3rem;
}

.seriesbox-header h5 a {
  color: #fff;
  text-decoration: none;
}

.seriesbox-header h5 a:hover {
  color: #cccccc;
}

/* Description de la série */
.seriesbox-description {
  font-size: 1.5rem;
  color: #cccccc;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 0.5rem;
}

/* Liste des posts */
.serieslist-ul {
  list-style: decimal inside;
  padding-left: 0;
  margin: 0;
}

.serieslist-li,
.serieslist-li-current {
  margin-bottom: 0.8rem;
  line-height: 1.4;
}

.serieslist-li a {
  color: #ffe156;
  text-decoration: none;
  font-weight: 500;
}

.serieslist-li a:hover,
.serieslist-li a:focus {
  color: #fff176;
  outline: none;
}

.serieslist-li-current span {
  color: #888888;
  font-style: italic;
  cursor: default;
}

/* Responsive */
@media (max-width: 480px) {
  .seriesbox {
    padding: 1.5rem 2rem;
  }
}

/* EMBED */

iframe {
	padding-bottom: 10px;
	padding-top: 5px;
}

/* TAILLE DE L'IMAGE FEATURED */
.single-post .featured-media {
  height: 575px;
  overflow: hidden;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.single-post .featured-media .media-wrapper {
  height: 100%;
  overflow: hidden;
}

/* L'image couvre, centrée X/Y. On écrase les styles inline douteux */
.single-post .featured-media .media-wrapper img {
  position: static !important;      /* annule un éventuel absolute/position:0 0 */
  transform: none !important;
  width: 100% !important;           /* remplace width:150% inline */
  height: 100% !important;          /* remplit les 425px */
  object-fit: cover !important;     /* rogne sans déformer */
  object-position: center center !important; /* centrée sur X et Y */
  display: block;
}

/* (Optionnel) réduire un peu la hauteur sur mobile */
@media (max-width: 540px) {
  .single-post .featured-media {
	  height: 300px;
	  width: 100%
  }
}
/* Comment wrapper */
.comments-wrapper {
	background-color: #2b2b2b;
	padding: 3rem;
	border-left: 5px solid #ffe156;
	border-radius: 6px;
}

/* auto tags dans le texte*/

.st_tag.internal_tag {
	text-decoration: wavy underline #b2b2b2 !important;
	text-decoration-thickness: 1px !important;
	color: white;
}

a.st_tag.internal_tag:hover,
a.st_tag.internal_tag:focus,
a.st_tag.internal_tag:active {
	background-color: transparent;
	color: #b2b2b2;
	text-decoration: wavy underline #b2b2b2;
	text-decoration-thickness: 1px;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow: hidden;
	-webkit-transition: color 100ms linear;
	-ms-transition: color 100ms linear;
	transition: color 100ms linear;
}

/* Glossary tooltip */
#tt #ttcont div.glossaryItemBody {
	padding: 1rem !important;
	font-size: 1.5rem !important;
	letter-spacing: 0.02rem !important;
}

span.glossaryLink, a.glossaryLink {
	border-bottom: dotted 0.3rem #0082cd !important;
}

#ttcont {
	background-color: #0082cd !important;
}

a.glossaryLink:hover,
a.glossaryLink:focus,
a.glossaryLink:active {
	background-color: transparent !important;
	color: #0082cd !important;
	text-decoration: none !important;
	border-bottom: dotted 1px #0082cd !important;
	display: inline;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: dotted 0.3rem #0082cd !important;
}

html body a.glossaryLink:hover {
    color: #0082cd !important;
}

/* noms des députés dans le texte*/

.profile-link {
	text-decoration: wavy underline #ffe156 !important;
	text-decoration-thickness: 1px !important;
	color: white;
}

a.profile-link:hover,
a.profile-link:focus,
a.profile-link:active {
	background-color: transparent;
	color: #d2b841;
	text-decoration: wavy underline #d2b841;
	text-decoration-thickness: 1px;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow: hidden;
	-webkit-transition: color 100ms linear;
	-ms-transition: color 100ms linear;
	transition: color 100ms linear;
}

/* liens automatiques à l'intérieur du texte */
.addedlink {
	text-decoration: wavy underline var(--eksell-accent-color) !important;
	text-decoration-thickness: 1px !important;
	color: white;
}

a.addedlink:hover,
a.addedlink:focus,
a.addedlink:active {
	background-color: transparent;
	color: #cf0018;
	text-decoration: wavy underline #cf0018;
	text-decoration-thickness: 1px;
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow: hidden;
	-webkit-transition: color 100ms linear;
	-ms-transition: color 100ms linear;
	transition: color 100ms linear;
}


/* --------------------------------------------------------------------------------------------- */
/*	5.	Account and subscription
/* --------------------------------------------------------------------------------------------- */

.StripeElement {
	background-color: transparent !important;
	color: black !important;
}

.pms-paygate-extra-fields-stripe_connect {
	padding: 2rem !important;
	background-color: white !important;
	border-radius: 8px !important;
	color: #e4002b !important;
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4)) !important;
}
	
ul.pms-paygate-extra-fields-stripe_connect {
    margin-left: 0 !important;
    padding-left: 2rem !important;
}

#pms-stripe-payment-elements {
	max-width: 100% !important;
}

.paypal-buttons iframe {
	padding: 0;
}

/* --------------------------------------------------------------------------------------------- */
/*	6.	Home slider
/* --------------------------------------------------------------------------------------------- */

.homepage-op {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: calc(100% - var(--eksell-inner-gutter));
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
}

.findelintro, .homepage-op {
	max-width: var(--eksell-inner-width-max);
}

.homepage-left {
	flex: 0 0 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
}

.category-link {
	color: inherit;
	text-decoration: none;
	transition: opacity .2s;
}

.category-link:hover {
	opacity: .7;
}

.slider-container {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.slider-wrapper-columns {
	display: grid;
	grid-template-columns: 40px 1fr 40px;
	align-items: center;
	width: 100%;
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4));
	box-sizing: border-box;
	height: 100%;
}

.slider-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 2rem;
	user-select: none;
}

.slider-main {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-track {
	display: flex;
	transition: transform 0.9s ease-in-out;
	width: auto;
	touch-action: pan-y;
	height: 100%;
}

.slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.slider-container .preview.custom-preview {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.slider-header-container {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.slider-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
}

.slider-dots {
	position: relative;
	display: flex;
	gap: 8px;
}

.slider-dot {
	width: 10px;
	height: 10px;
	background-color: #e4002b;
	border-radius: 50%;
	cursor: pointer;
}

.slider-dot.active {
	background-color: #ffe156;
}

.category-name {
	font-family: "Cocosharp";
	text-transform: uppercase;
	background-color: white;
	color: #242224;
	text-decoration: none;
	display: inline;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow: hidden;
}

.slider-category-title {
	font-family: "Cocosharp-light";
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

/* LAYOUT DES SLIDES */

.slider-container .custom-preview .preview-type {
	top: 1.5rem;
	left: 1.5rem;
}

.slider-container .preview-type-label {
	font-size: 1.8rem;
}

.slider-container .custom-preview .preview-categories {
	top: 1.5rem;
	right: 1.5rem;
}

.slider-container .preview-categories span {
	font-size: 1.8rem;
}

.slider-container .custom-preview .preview-subtitle {
	font-size: 1.8rem;
}

.slider-container .custom-preview .preview-title {
	margin-top: 1.1rem;
	max-width: 65%;
}

.slider-container .custom-preview .preview-title a {
	line-height: 1.3;
}

.slider-container .preview-meta-group {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.slider-container .preview-meta {
	font-size: 1.2rem;
	margin-right: 0.4rem;
	margin-bottom: 0.2rem;
	margin-top: 1rem;
}

.slider-container .custom-preview .preview-content {
	position: absolute;
	bottom: 1rem;
	left: 1.5rem;
}

/* other stuff on landing page */

.intro-accueil {
	font-family: "Cocosharp";
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	margin-top: 0.05rem;
	margin-bottom: 1.4rem;
	font-size: 2.5rem;
}

.separator-line2 {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.findelintro {
	width: calc(100% - var(--eksell-inner-gutter));
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
}

/* hover effect slides */

.slider-container .preview-border {
	background-color: rgba(255, 255, 255, 0);
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.slider-main:hover .preview-border {
	background-color: rgba(255, 255, 255, 0.05);
	border-color: white;
	border-width: 0px;
}

/* --------------------------------------------------------------------------------------------- */
/*	7.	Homepage block
/* --------------------------------------------------------------------------------------------- */

.homepage-block {
	flex: 0 0 calc(30% - 3rem);
	margin-left: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
}

/* Titre principal */
.dossiers-title,
.dossiers-title-mobile {
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
	margin-top: 0;
	color: #ffe156;
	text-align: center;
	display: block;
	letter-spacing: 0.01em;
	font-weight: 600;
}

/* Lien sur "Dossier" */
.dossier-link {
	color: inherit;
	text-decoration: none;
	position: relative;
	display: inline-block;
	overflow: visible;
}

/* Mot à surligner */
.highlighted-word {
	position: relative;
	display: inline-block;
	z-index: 1;
}

.highlighted-word::after {
	display: block;
	content: '';
	position: absolute;
	inset: 0;
	background-color: #0082cd;
	z-index: -1;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.27s ease-out;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.highlighted-word::after {
		display: block;
		content: '';
		position: absolute;
		inset: 0;
		background-color: #0082cd;
		z-index: -1;
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform 0.27s ease-out !important;
		will-change: transform;
	}
}

/* Animation fluide de gauche à droite */
.dossier-link:hover .highlighted-word::after {
	transform: scaleX(1);
}

.dossiers-title-mobile {
	display: none;
}

.dossiers-recents {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 1rem;
}

.dossier-item {
	display: flex;
	align-items: center;
	background: #333333 !important;
	border-radius: 10px !important;
	overflow: visible !important;
	text-decoration: none !important;
	padding: 0.8rem 1rem !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
	cursor: pointer !important;
	box-sizing: border-box;
	min-height: 4.5rem;
}

.dossier-item:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5) !important;
	background-color: #505050 !important;
}

.dossier-image {
	width: 3.7em;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	flex-shrink: 0;
}

.dossier-info {
	margin-left: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.dossier-nom {
	margin: 0;
	font-size: 1.4rem;
	color: white;
	line-height: 1.2;
	letter-spacing: 0.001rem;
}

.dossier-date {
	margin-top: 0.2rem;
	font-size: 1.1rem;
	color: #ccc;
}

/* Responsive tweaks */
@media (max-width: 700px) {
	.dossier-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.dossier-image {
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		border-radius: 6px;
	}

	.dossier-info {
		margin-left: 0;
		margin-top: 0.8rem;
		align-items: flex-start;
	}

	.dossiers-recents {
		margin-bottom: 1rem;
	}
}

/* --------------------------------------------------------------------------------------------- */
/*	8.	Archive page
/* --------------------------------------------------------------------------------------------- */

.archive-prefix {
	margin-bottom: 0.1rem;
}

.archive-description {
	margin-top: 0.3rem;
}

/* Filtres raffinage archives (pages d’archives classiques) */
.archive-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.archive-filter-form select,
.archive-filter-form input[type="submit"] {
  padding: .5rem .9rem;
  border-radius: .5rem;
  border: 1px solid var(--eksell-border-color, #444);
  background: var(--eksell-light-background-color, #2d2a2d);
  color: var(--eksell-primary-color, #fff);
  font-size: 1.4rem;
}
.archive-filter-form input[type="submit"] {
  background: var(--eksell-accent-color, #ffe156);
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s ease;
}
.archive-filter-form input[type="submit"]:hover {
  background: #ffd82b;
}
@media (max-width: 700px) {
  .archive-filter-form {
    flex-direction: column;
    gap: 0.5rem;
  }
}
/* Aligne le formulaire de filtres avec l'archive-header */
.archive-filter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  /* Ajout pour aligner avec .section-inner */
  width: calc(100% - var(--eksell-inner-gutter));
  max-width: var(--eksell-inner-width-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

label[for="archive-filter-toggle"] {
    margin-left: 0 !important;
}

.tax-region .archive-header,
.category .archive-header,
.tax-type_article .archive-header,
.search-results .archive-header {
	margin-bottom: 1.5rem !important;
}

/* ----------------- dossiers ---------------------*/

.preview-dossier .preview-title a {
	background-color: #242224 !important;
	color: white !important;
}

.page-id-12287 .archive-title,
.page-id-12289 .archive-title {
	color: #ffe156;
}

.preview-dossier {
	--preview-border: #e4002b !important;
}

/* --------------------------------------------------------------------------------------------- */
/* 9. Sidebar articles */
/* --------------------------------------------------------------------------------------------- */

.post-inner.with-sidebar {
	display: flex;
	max-width: calc(var(--eksell-inner-width-thin) + 10%);
	margin-left: auto;
	margin-right: auto;
	gap: 6rem;
	position: relative;
	align-items: flex-start;
}

.post-inner.with-sidebar > .post-main {
	flex: 1;
	max-width: 75%;
}

.post-sidebar {
	max-width: 25%;
	position: relative;
}

.post-sidebar::before {
	content: '';
	position: absolute;
	top: 0;
	left: -3rem; /* moitié du gap */
	height: 100%;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.2);
}


/* Responsive */
@media (max-width: 1050px) {
	.post-inner.with-sidebar {
		flex-direction: column;
	}
	.post-inner.with-sidebar > .post-sidebar {
		position: static;
		width: 100%;
		max-width: 100%;
		height: auto;
		overflow: visible;
	}
	.post-sidebar .sidebar-scroll {
		overflow: visible;
		height: auto;
	}
	.post-inner.with-sidebar > .post-main {
		width: 100%;
		max-width: 100%;
	}
	.post-sidebar::before {
	width: 0;
	}
}

main#site-content {
	overflow: visible;
}

/* CALENDAR */

.tribe-events-widget-events-list h2 {
	font-size: 2.5rem;
}

.tribe-events-widget-events-list h3 {
	font-size: 2rem;
}

.tribe-events-widget-events-list span {
	font-size: 1.5rem;
}

.tribe-events-widget .tribe-events-widget-events-list__event-row {
    display: block !important;
}

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 4px !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 0.25rem !important; /* réduit l'espace avec l'heure */
    line-height: 1 !important;
    white-space: nowrap !important;
    font-weight: bold !important; /* date en gras */
}

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag {
    width: auto !important;
    margin-bottom: 0.25rem !important;
    text-align: left !important;
}

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum,
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.tribe-common-a11y-visual-hide {
	padding-left: 3px;
}

.tribe-events-c-messages__message {
    display: flex;
    align-items: flex-start; /* aligne en haut */
    gap: 0.75rem; /* espace entre icône et texte */
    padding: 0.2rem 0; /* mini padding pour respirer */
}

.tribe-events-c-messages__message-icon-svg {
    margin: 0;
    align-self: flex-start;
    position: relative;
    top: 0.2rem; /* ajuste pour aligner la pointe de l'icône avec la première ligne */
}

/* DERNIERS ARTICLES */

.widget_recent_entries {
  margin: 2rem 0;
  font-family: "Cocosharp-light";
  color: #ddd;
}

.wp-block-latest-posts>li>a {
	font-size: 1.6rem !important;
}

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

.widget_recent_entries li {
  margin-bottom: 0.8rem;
  line-height: 1.4;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 0.6rem;
}

.widget_recent_entries li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.widget_recent_entries a {
  color: #ccc;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s ease, padding-left 0.2s ease;
  display: inline-block;
}

.widget_recent_entries a:hover,
.widget_recent_entries a:focus {
  color: #ffe156;
  outline: none;
}

.wp-block-latest-posts>li {
	margin: 0.5rem 0 !important;
}


/* --------------------------------------------------------------------------------------------- */
/*	10. Event page
/* --------------------------------------------------------------------------------------------- */

/* En-tête & barres génériques */
.tribe-events .tribe-events-header {
	width: 100%;
	margin: 0 0 2rem 0;
    padding: 0;
}

.tribe-events-c-view-selector.tribe-events-c-view-selector--labels.tribe-events-c-view-selector--tabs {
	display: none;
}

.tribe-events .tribe-events-c-events-bar__search-button {
    margin-right: 0;
    padding: 1rem 1.4rem;
}

.tribe-events-c-events-bar__search-form {
	gap: 1rem;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,
.tribe-events .tribe-events-l-container,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container,
.tribe-events .tribe-events-l-container {
	padding-top: 0;
	padding-left: 0;
    padding-right: 0;
}

.tribe-events .tribe-events-c-events-bar__search-container {
    z-index: 999 !important;
}

/* Largeur des détails d'événement (list & latest-past) */
.tribe-common--breakpoint-medium.tribe-events :is(
	.tribe-events-calendar-list__event-details,
	.tribe-events-calendar-latest-past__event-details
) {
    width: 100%;
}

/* Boutons */
.tribe-events-view button {
	padding: 1rem 1.4rem;
	border-radius: 5px;
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
    padding: 1rem 2rem 1rem 2rem;
}

/* Gouttières lignes/colonnes (list & latest-past) */
.tribe-common--breakpoint-medium.tribe-events :is(
	.tribe-events-calendar-list__event-row,
	.tribe-events-calendar-latest-past__event-row
) > .tribe-common-g-col {
	padding-right: 0;
	padding-left: 0;
}

/* Jour dans l'étiquette de date (list & latest-past) */
:is(
	.tribe-events-calendar-list__event-date-tag-daynum,
	.tribe-events-calendar-latest-past__event-date-tag-daynum
).tribe-common-h5.tribe-common-h4--min-medium {
	padding-left: 0.3rem;
}

/* Cacher une étiquette précise (list & latest-past) */
:is(
	.tribe-events-calendar-list__event-date-tag,
	.tribe-events-calendar-latest-past__event-date-tag
).tribe-common-g-col.post-12264.tribe_events.type-tribe_events.status-publish.hentry {
	display: none;
}

/* Carte d'événement (list & latest-past) */
:is(
	.tribe-events-calendar-list__event-details,
	.tribe-events-calendar-latest-past__event-details
).tribe-common-g-col {
	border-radius: 6px;
	background-color: var(--eksell-light-background-color);
	border-width: 1px;
	border-color: var(--eksell-border-color);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
	transition: transform 0.3s ease-out,
	            box-shadow 0.3s ease-out,
	            background-color 0.3s ease-out;
	border-style: solid;
	margin-bottom: 1.1rem;
}

:is(
	.tribe-events-calendar-list__event-details,
	.tribe-events-calendar-latest-past__event-details
).tribe-common-g-col:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
	background-color: #353235;
}

/* Marges des lignes (list & latest-past) */
.tribe-common--breakpoint-medium.tribe-events :is(
	.tribe-events-calendar-list__event-row,
	.tribe-events-calendar-latest-past__event-row
) {
    margin: 0;
}

/* Couleurs des titres/liens dans la carte (list & latest-past) */
:is(
	.tribe-events-calendar-list__event-details,
	.tribe-events-calendar-latest-past__event-details
).tribe-common-g-col :is(h2, h3, h4, a) {
	color: #ffe156;
	text-decoration: none;
}

/* Couleur lien visité (list & latest-past) */
.tribe-events :is(
	.tribe-events-calendar-list__event-title-link,
	.tribe-events-calendar-latest-past__event-title-link
):visited {
	color: #E6CB4C;
}

/* Gouttières globales */
.tribe-common .tribe-common-g-row--gutters,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters {
	margin: 0;
}

.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col {
	padding: 2.5rem;
}

/* Dropdown abonnement */
.tribe-events .tribe-events-c-subscribe-dropdown__container {
    display: none;
}

/* Pagination/nav */
.tribe-events .tribe-events-c-nav__list-item {
	width: fit-content;
}

.tribe-events .tribe-events-c-nav__list {
	gap: 1.2rem;
}

/* Nav list & latest-past */
.tribe-common--breakpoint-medium.tribe-events :is(
	.tribe-events-calendar-list-nav,
	.tribe-events-calendar-latest-past-nav
) {
    padding-top: 2rem;
}

/* Top bar */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar{
  display: none;
}


/* Responsive nav wrap */
@media (max-width: 995px) {
	.tribe-events .tribe-events-c-nav__list { flex-wrap: wrap; }
}
@media (min-width: 996px) {
	.tribe-events .tribe-events-c-nav__list { flex-wrap: nowrap; }
}
/* Badge de date (colonne gauche) — le cacher dans les deux vues */
.tribe-events :is(
  .tribe-events-calendar-list__event-date-tag,
  .tribe-events-calendar-latest-past__event-date-tag
) { display: none !important; }


/* Assure que la carte prend toute la largeur quand la colonne date est cachée */
.tribe-common--breakpoint-medium.tribe-events :is(
  .tribe-events-calendar-list__event-details,
  .tribe-events-calendar-latest-past__event-details
) { width: 100%; }

.tribe-events-calendar-list__month-separator {
	margin-top: 2rem !important;
}

@media (max-width: 1000px) {
.tribe-events .tribe-events-header {
	display: none !important;
}
}


/* --------------------------------------------------------------------------------------------- */
/*	11. Pricing page
/* --------------------------------------------------------------------------------------------- */

@media (min-width: 1000px) {
    :root .wp-block-column:not(:first-child) {
        margin: 0 0 0 0;
    }
}
@media (min-width: 782px) {
    :root .wp-block-column:not(:first-child) {
        margin: 0 0 0 0;
    }
}
@media (min-width: 600px) and (max-width: 781px) {
    :root .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
}

.wp-block-group {
		margin-top: 1rem;
	}

@media (min-width: 700px) {
	.wp-block-group {
		margin-top: 1rem;
	}
}


/* --------------------------------------------------------------------------------------------- */
/*  12. BOITE ABONNEMENT COMMENTAIRES / LAYOUT
/* --------------------------------------------------------------------------------------------- */

.eksell-comment-cta .eksell-comment-cta__actions {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.eksell-comment-cta a.button.is-ghost {
	background: transparent;
	border: 2px solid var(--eksell-border-color);
	color: var(--eksell-border-color);
}

.comments-wrapper .section-inner .mw-thin {
	margin-top: 3rem !important;
	max-width: calc(var(--eksell-inner-width-thin) + 10%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.comments-wrapper.eksell-comment-cta .comment-respond.section-inner.mw-thin {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 100% !important;
}

.comments-wrapper.eksell-comment-cta .comment-respond {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (min-width: 700px) {
    .comments-wrapper.eksell-comment-cta {
        margin-top: 3rem;
		max-width: calc(var(--eksell-inner-width-thin) + 10%);
    }
	.comments-wrapper.eksell-comment-cta .comment-respond {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

.comments-wrapper {
	margin-top: 5.5rem;
}
@media (min-width: 700px) {
    .comments-wrapper { margin-top: 5.5rem; }
}

.comments-wrapper.section-inner.mw-thin {
	max-width: calc(var(--eksell-inner-width-thin) + 10%) !important;
}
.section-inner.max-percentage {
	max-width: calc(var(--eksell-inner-width-thin) + 10%) !important;
	width: 100%;
}

.comment-login-invite { margin: 2rem 0 0 0; }

@media (min-width: 700px) {
    .comment-respond:not(:first-child) { margin-top: 1rem; }
}
.comment-respond:not(:first-child) { margin-top: 1rem; }

.comment-respond {
	background-color: transparent;
	padding: 5.5rem;
}

/* --------------------------------------------------------------------------------------------- */
/*  Affichages / états
/* --------------------------------------------------------------------------------------------- */

/* On ne masque JAMAIS .comment-body en global (coupure faite côté PHP) */

/* Cacher le bouton "Répondre" pour visiteurs ET comptes sans abonnement actif */
.is-user-logged-out .comment .reply,
.no-active-subscription .comment .reply {
	display: none !important;
}

.no-active-subscription .comment .reply { display: none !important; }

/* Teaser visuel sur le 3e commentaire */
.comment-body.teased {
  position: relative;
}
.comment-body.teased::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -5px;
  height: 375px;
  background: linear-gradient(to bottom, transparent, #2b2b2b);
  pointer-events: none;
  z-index: 3;
}


/* Apparence bloc interne éventuel */
.comments-wrapper .comments-wrapper {
    background-color: #2b2b2b;
    padding: 3rem;
    border-left: 0;
    border-radius: 0;
}

/* Titre stylé */
.comment-reply-title:first-child {
	margin-top: 2rem;
	display: inline;
	color: black;
	background-color: #ffe156;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow: hidden;
	outline: none;
	line-height: 1.3;
}

.comments-wrapper .is-user-logged-out { margin-bottom: 2rem; }
.is-user-logged-out .comment:first-child { padding-top: 0 !important; }



/* --------------------------------------------------------------------------------------------- */
/*	13. Page event
 /* --------------------------------------------------------------------------------------------- */

#tribe-events {
	padding: 0.5rem 0;
}

@media (min-width: 768px) {
    .tribe-events-event-meta.primary {
        width: 100%;
    }
}

.tribe-events-event-meta.primary {
	width: 100%;
}

#tribe-events-footer {
	display: none;
}

}
@media (min-width: 768px) {
    .tribe-events-meta-group {
        width: auto;
    }
}

.tribe-events-meta-group {
	width: auto;
	flex: auto;
	justify-content: space-between;
}




/* --------------------------------------------------------------------------------------------- */
/*	14. Profils de députés
/* --------------------------------------------------------------------------------------------- */

/* ==========================================================================
   SINGLE PROFIL
   ========================================================================== */

.profil-single { padding: 2.5rem 0 4rem; }
.profil-header { margin-bottom: 2.2rem; }

.profil-head {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 2rem;
  align-items: start; /* photo alignée en haut */
}

.profil-headshot .media-wrapper {
  border-radius: 2rem;
  overflow: hidden;
}
.profil-headshot.featured-media { margin-top: 0; }

/* Image de profil */
.profil-headshot.featured-media .media-wrapper img {
  width: 220px;
  height: auto;
  aspect-ratio: 9 / 11;
  max-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
  border-radius: 2rem;
}

.profil-summary { display: flex; flex-direction: column; gap: 1rem; }

.profil-type-label {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--eksell-accent-color, #ffe156);
  margin-bottom: .5rem;
}
.profil-name {
  margin: 0;
  font-size: 3.4rem;
  line-height: 1.1;
}
.profil-first { font-weight: 700; }
.profil-last  { font-weight: 700; margin-left: .4rem; }

.profil-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem .9rem;
}

.profil-meta-chip {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--eksell-secondary-color, #cfd3d7);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  padding: .4rem .75rem;
  border-radius: 999px;
}
.profil-meta-chip a { color: inherit; text-decoration: none; }
.profil-meta-chip a:hover { text-decoration: underline; }
.profil-meta-icon { display: inline-flex; width: 20px; height: 20px; }

.profil-content {
  margin-top: 1.2rem;
  font-size: 1.75rem;
  line-height: 1.75;
  color: var(--eksell-primary-color, #fff);
}
.profil-content h2 {
  font-size: 1.6rem;
  margin-bottom: .8rem;
  color: var(--eksell-secondary-color, #aaa);
}

.profil-back { margin-top: 2rem; }
.profil-back a {
  font-size: 1.5rem;
  color: var(--eksell-accent-color, #ffe156);
  text-decoration: none;
}
.profil-back a:hover { text-decoration: underline; }

.profil-headshot.featured-media .media-wrapper {
  margin-left: 0;
  width: 100%;
}

@media (max-width: 610px) {
	.profil-head {
		display: flex;
		flex-wrap: wrap;
	}
	.profil-headshot.featured-media {
		margin: 0 auto;
	}
}

.profil-back {
	margin: 0 0 3rem 0;
}

/* ======================== DERNIERS ARTICLES (après profil-head) ======================== */

.profil-related-posts {
  margin: 4rem 0;
  font-family: "Cocosharp-light", var(--eksell-base-font, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji");
  color: #ddd;
}

.profil-related-posts ul.profil-related-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.profil-related-posts ul.profil-related-list li {
  margin-bottom: 0.8rem;
  line-height: 1.4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 0.6rem;
}

.profil-related-posts ul.profil-related-list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.profil-related-posts a {
  color: #ccc;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s ease, padding-left 0.2s ease;
  display: inline-block;
  font-size: 1.6rem; /* équiv. à .wp-block-latest-posts > li > a */
}

.profil-related-posts a:hover,
.profil-related-posts a:focus {
  color: #ffe156;
  outline: none;
  padding-left: 0.1rem; /* léger mouvement comme feedback */
}

.profil-related-posts ul.profil-related-list > li {
  margin: 0.5rem 0; /* comme .wp-block-latest-posts > li */
}


/* ==========================================================================
   ARCHIVE PROFILS
   ========================================================================== */

.tax-type_profil .archive-filter-wrap {
	width: 100%;
}

.profil-archive-item {
  display: flex;
  flex-direction: column;   /* empile les enfants */
  justify-content: center;  /* centre sur l'axe Y */
  align-items: center;      /* centre sur l'axe X */
}

.profil-archive {
  padding: 3rem 0 4rem;
  max-width: var(--eksell-inner-width-medium);
  margin: 0 auto;
}

/* Titre & description */
.profil-archive .archive-header {
  margin-bottom: 2.5rem;
  text-align: left; /* ← au lieu de center */
}
.profil-archive .archive-title {
  font-size: 3.2rem;
  font-family: var(--eksell-headings-font, "Cocosharp");
  font-weight: 700;
  margin-left: 0;  /* ← force alignement gauche */
  margin-right: auto;
}
.profil-archive .archive-description {
  margin-top: 1rem;
  color: var(--eksell-secondary-color, #aaa);
  margin-left: 0;  /* ← force alignement gauche */
  margin-right: auto;
}

/* --- Filtres --- */
.profil-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start; /* ← au lieu de center */
  align-items: flex-start;
  margin-bottom: 3rem;
}
.profil-filter-form select,
.profil-filter-form input[type="submit"] {
  padding: .5rem .9rem;
  border-radius: .5rem;
  border: 1px solid var(--eksell-border-color, #444);
  background: var(--eksell-light-background-color, #2d2a2d);
  color: var(--eksell-primary-color, #fff);
  font-size: 1.4rem;
}
.profil-filter-form input[type="submit"] {
  background: var(--eksell-accent-color, #ffe156);
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s ease;
}
.profil-filter-form input[type="submit"]:hover {
  background: #ffd82b;
}

/* Grille */
.profil-archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2.2rem;
}

@media (max-width: 500px) {
	.profil-archive-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	  gap: 2.2rem;
	}
}

/* Carte */
.profil-archive-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border-radius: 1.4rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.profil-archive-item:hover {
  transform: translateY(-4px);
  border-color: var(--eksell-accent-color, #ffe156);
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}

/* Structure interne */
.profil-archive-inner {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 1.2rem;
  align-items: center;
  padding: 1.4rem 1.6rem;
}

/* Image */
.profil-archive-thumb {
  aspect-ratio: 9/12;
  border-radius: .9rem;
  overflow: hidden;
}
.profil-archive-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.profil-archive-item:hover .profil-archive-thumb img {
  transform: scale(1.07);
}

/* Nom + profession */
.profil-archive-info {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.profil-archive-name {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--eksell-primary-color, #fff);
}
.profil-archive-name a {
  text-decoration: none;
  color: inherit;
}
.profil-archive-profession {
  font-size: 1.5rem;
  color: var(--eksell-secondary-color, #aaa);
}

/* Chips */
.profil-archive-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .7rem;
}
.profil-archive-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: .3rem .6rem;
  border-radius: .6rem;
  background: rgba(255, 225, 86, 0.08);
  border: 1px solid rgba(255,225,86,0.25);
  color: #ffe156;
  transition: background .2s ease, color .2s ease;
}
.profil-archive-chip a {
  color: inherit;
  text-decoration: none;
}
.profil-archive-chip svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* Responsive */
@media (max-width: 700px) {
  .profil-archive-inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .profil-archive-thumb {
    aspect-ratio: 16/9;
  }
}


/* Override du layout Eksell pour archive profils */
body.post-type-archive-profil #site-content,
main#site-content.profil-archive {
  display: block !important; /* désactive le flex global */}

/* Désactive le flex du container Eksell et centre le contenu */
body.post-type-archive-profil #site-content,
main#site-content.profil-archive {
  display: block !important;
  max-width: 100%;   /* le parent prend tout */
  margin: 0 auto;    /* et centre ses enfants si besoin */
  padding: 0 var(--eksell-inner-gutter); /* cohérent avec Eksell */
}

/* Le wrapper archive applique bien la largeur medium */
body.post-type-archive-profil .profil-archive,
main#site-content.profil-archive {
  max-width: var(--eksell-inner-width-medium) !important;
  margin-left: auto;
  margin-right: auto;
}

/* Désactive le flex du container Eksell et centre le contenu */
body.tax-type_profil #site-content,
main#site-content.profil-archive {
  display: block !important;
  max-width: 100%;   /* le parent prend tout */
  margin: 0 auto;    /* et centre ses enfants si besoin */
  padding: 0 var(--eksell-inner-gutter); /* cohérent avec Eksell */
}

/* Le wrapper archive applique bien la largeur medium */
body.tax-type_profil .profil-archive,
body.profil-archive {
  max-width: var(--eksell-inner-width-medium) !important;
  margin-left: auto;
  margin-right: auto;
}

/* Pagination */

.tax-type_profil .pagination {
	margin: 2rem 0 0 0;
}

.tax-type_profil .pagination a {
	font-family: 'Cocosharp-light';
	color: white;
	text-decoration: none;
}

.tax-type_profil .pagination a:hover {
	color: #dbdbdb;
}

.tax-type_profil .pagination .current {
	font-family: 'Cocosharp-light';
	margin: 2rem 0 0 0;
	color: var(--eksell-accent-color);
	text-decoration: none;
}

.tax-type_profil .pagination .next {
	margin: 0 0 0 1rem;
}

.tax-type_profil .pagination .prev {
	margin: 0 1rem 0 0;
}


/* --------------------------------------------------------------------------------------------- */
/*	15.	Boîte à outils
/* --------------------------------------------------------------------------------------------- */

.post-19645 .mw-thin,
.page-id-19932 .mw-thin {
	max-width: var(--eksell-inner-width-medium);
}

/* --------------------------------------------------------------------------------------------- */
/*	16.	Main menu
/* --------------------------------------------------------------------------------------------- */

.main-menu {
	font-size: 1.92rem;
}

.main-menu a {
	padding: 1.6rem 0;
}

/* --------------------------------------------------------------------------------------------- */
/*	17.	Load more button
/* --------------------------------------------------------------------------------------------- */

#load-more {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    color: var(--eksell-background-color);
    padding: 0;
}

#load-more .load-text {
	background: var(--eksell-accent-color);
	padding: 1.4rem 6rem;
	text-decoration: none;
}

#load-more .load-text:hover {
	scale: 1.03;
	transition: all 0.05s ease-out;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.7));
}

#load-more .loading-icon {
	background: var(--eksell-accent-color);
	color: #0082cd;
}



/* --------------------------------------------------------------------------------------------- */
/*	18.	Content restricted pages
/* --------------------------------------------------------------------------------------------- */
.entry-cta.entry-cta--subscribe {
    padding: calc( var(--eksell-inner-gutter) / 2 );
    margin: 3rem auto 0 auto;
    background-color: var(--eksell-light-background-color);
}

/* HR en tête, comme la boîte de commentaires */
.entry-cta.entry-cta--subscribe > hr {
    margin: 0;
}

/* Rythme typographique interne */
.entry-cta.entry-cta--subscribe .intro-text {
    font-size: 1.8rem;
    margin: 1.2rem 0 0;
    opacity: .9;
}

.entry-cta.entry-cta--subscribe h2,
.entry-cta.entry-cta--subscribe .h3 {
    margin: 1.8rem 0 1.2rem;
}

.entry-cta.entry-cta--subscribe p {
    margin-bottom: 1.6rem;
}

/* Boutons */
.entry-cta.entry-cta--subscribe .form-submit {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.entry-cta.entry-cta--subscribe .form-submit .button {
    margin: 0;
}

/* Bouton "Connexion" en mode ghost */
.entry-cta.entry-cta--subscribe .form-submit .button.is-ghost {
    background: transparent;
    color: var(--eksell-accent-color);
    border: .2rem solid currentColor;
    padding: 1.3rem 2.2rem; /* cohérent avec .is-style-outline */
}

.entry-cta.entry-cta--subscribe .form-submit .button.is-ghost:hover,
.entry-cta.entry-cta--subscribe .form-submit .button.is-ghost:focus {
    background: var(--eksell-accent-color);
    color: var(--eksell-background-color);
    text-decoration: none;
}

/* Mobile: boutons pleine largeur si on veut un look plus solide */
@media (max-width: 599px) {
    .entry-cta.entry-cta--subscribe .form-submit .button,
    .entry-cta.entry-cta--subscribe .form-submit .button.is-ghost {
        width: 100%;
        justify-content: center;
    }
}

/* --------------- Content restricted preview -------------*/

/* Le conteneur doit autoriser le positionnement et le dépassement du triangle */
.preview.custom-preview,
.preview {
  position: relative;
  overflow: visible;
}

/* Triangle coin bas-droite, fond bleu */
.preview-restricted-badge.is-tri-corner {
  --corner-size: 90px;  /* taille du triangle (ajuste si besoin) */
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--corner-size);
  height: var(--corner-size);
  z-index: 10000;        /* au-dessus de l’overlay/border */
  pointer-events: none;  /* ne bloque pas le clic */
}

/* Triangle de fond bleu + ombre douce */
.preview-restricted-badge.is-tri-corner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0082cd;   /* bleu demandé */
  /* Triangle coin BD: points = (100% 100%) (100% 0) (0 100%) */
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.15);
}

/* Zone de contenu (icône), clippée comme le triangle, alignée bas-droite */
.preview-restricted-badge.is-tri-corner .badge-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;    /* bas */
  justify-content: flex-end;/* droite */
  padding: 10px 12px;       /* respiration par rapport à l’hypoténuse */
  color: #ffffff;           /* l’icône hérite en currentColor */
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
}

/* Taille de l’icône */
.preview-restricted-badge.is-tri-corner .badge-inner .badge-icon {
  width: 32px;
  height: 32px;
  display: block;
  fill: currentColor; /* garde l’icône en blanc via color: #fff */
}

/* Responsive: triangle et icône un peu plus petits sur mobile */
@media (max-width: 480px) {
  .preview-restricted-badge.is-tri-corner .badge-inner {
    padding: 8px 10px;
  }
}







/* --------------------------------------------------------------------------------------------- */
/* RESPONSIVE @MEDIA */
/* --------------------------------------------------------------------------------------------- */

@media (max-width: 500px) {
	.metas-droite {
		display: none;
	}
	.metas-gauche, .meta-gauche strong {
		font-size: 1.5rem;
	}
	.custom-preview .preview-title a {
		font-size: 2.1rem;
	}
	.custom-preview {
		min-width: +30px;
	}
	.header-button {
		display: none;
	}
	*, *::before, *::after {
		animation-delay: 0s !important;
		animation-duration: 0s !important;
		transition-delay: 0s !important;
		transition-duration: 0s !important;
	}
}

@media (max-width: 700px) {
	.mobile-nav-toggle-text {
		display: none;
	}
	.homepage-op {
		display: block !important;
		margin-bottom: 0.8rem;
	}
	#site-header {
		height: 4em;
	}
	.slider-container,
	.slider-header-container {
		display: none !important;
	}
	.separator-line2 {
		display: none;
	}
	.homepage-block {
		display: block !important;
		flex: 0 0 100% !important;
		margin: 0 !important;
		padding: 0 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	.homepage-block .dossiers-title-mobile {
		display: block;
		text-align: left !important;
		font-size: 2.2rem !important;
		font-weight: bold !important;
		color: #ffe156 !important;
		margin-bottom: 1.5rem !important;
		position: static !important;
		letter-spacing: 0.01em;
	}
	.homepage-block .dossiers-title {
		display: none;
	}
	.homepage-block .dossiers-title::before {
		content: none !important;
	}
	.homepage-block .dossier-item {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
	}
	.homepage-block .dossier-item:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5) !important;
		background-color: #353535 !important;
	}
	.homepage-block .dossier-image {
		width: 4em !important;
		height: 4em !important;
		background-size: cover !important;
		background-position: center !important;
		border-radius: 8px !important;
		flex-shrink: 0 !important;
		margin-right: 1rem !important;
		transition: none !important;
	}
	.homepage-block .dossier-info {
		margin-left: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}
	.homepage-block .dossier-nom {
		margin: 0 !important;
		font-size: 1.4rem !important;
		color: white !important;
		font-weight: 600 !important;
	}
	.homepage-block .dossier-date {
		margin-top: 0.3rem !important;
		font-size: 1.1rem !important;
		color: #ccc !important;
	}
	.homepage-block .dossier-item:nth-child(n+2) {
		display: none !important;
	}
	.intro-accueil {
		font-size: 2.2rem;
		margin-bottom: 0.8rem;
	}
	.findelintro {
		margin-bottom: 0.8rem;
		margin-top: 2.5rem;
	}
	.post-inner.with-sidebar {
		gap: 3rem;
	}
	.single-nav-grid {
        flex-direction: column;
        align-items: center;
    }
    .single-nav .col {
        max-width: 100%;
    }
    .single-nav-item-media img {
        max-height: 180px;
    }
}

@media (max-width: 850px) {
	.slider-btn {
		display: none;
	}
	.slider-wrapper-columns {
		display: block;
	}
	.slider-dots {
		display: none;
	}
	.wp-block-group {
		flex-direction: column;
	}
}

@media (max-width: 1050px) {
	.homepage-block {
		display: none;
	}
	.homepage-left {
		flex: 0 0 100%;
	}
}

@media (min-width: 700px) {
	body {
		font-size: 1.8rem;
	}
	#site-header {
		margin-bottom: 8rem;
		min-height: 5rem;
		padding: 2.4rem 0;
	}
	.slider-category-title h6 {
		margin-top: 0.5rem;
	}
	.slider-container,
	.homepage-block {
		height: 370px;
	}
	.site-logo img {
    max-height: 4.8rem;
    }
}

@media (min-width: 700px) and (max-width: 750px) {
	.header-button {
		display: none;
	}
}

@media (min-width: 1051px) and (max-width: 1199px) {
	.slider-container,
	.homepage-block {
		height: 400px;
	}
	.dossiers-recents .dossier-item:nth-child(n+5) {
		display: none;
	}
	.dossiers-recents .dossier-item:nth-child(n+4) {
		border-bottom-width: 0px;
	}
}

@media (min-width: 1150px) {
	.slider-container .custom-preview .preview-title a {
		font-size: 3.2rem;
	}
}

@media (min-width: 1200px) {
	.slider-container,
	.homepage-block {
		height: 475px;
	}
	.dossiers-recents .dossier-item:nth-child(n+5) {
		border-bottom-width: 0px;
	}
}

@media (min-width: 1400px) {
	.dossier-image {
	width: 4em;
	}
}

@media (min-width: 1650px) {
	.slider-container,
	.homepage-block {
		height: 550px;
	}
	.dossier-image {
	width: 5em;
	}
}