/* ==========================================================================
   Variables globales du thème CA2026
   ========================================================================== */
:root {
	/* Couleurs — adaptées pour un thème sombre */
	--color-text: #ffffff;
	--color-text-muted: #9ca3af;
	--color-bg: #000000;
	--color-bg-nav: #1c1917;
	--color-accent: #fff;
	--color-border: #2e2e2c;

	/*
	 * Largeur de la colonne de menu (desktop uniquement).
	 * Le contenu prend automatiquement le reste (1fr) : pas besoin
	 * de renseigner sa largeur séparément.
	 * Exemples : 20% / 80%, 25% / 75%, 30% / 70%...
	 */
	--nav-width: 25%;

	/* Largeur minimale du menu, pour éviter qu'il devienne trop étroit
	   sur les écrans desktop peu larges (ex. 1024px). */
	--nav-width-min: 220px;

	/* Largeur max du bloc de contenu, pour le confort de lecture. */
	--content-max-width: 960px;

	/* Point de bascule vers l'affichage mobile (menu en tiroir). */
	--breakpoint-mobile: 960px;

	--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


/* Limitation du site à 1215px max et centrage */
.site {
    max-width: 1215px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Ajustement de la bannière */
.site-banner {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}



*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--font-base);
	font-size: 16px;
	line-height: 1.6;
	/*color: var(--color-text);*/
	background-color: #D9D9D9!important;

	/* Centrage global et limitation à 80% de largeur maximale */
	display: grid;
	grid-template-columns: 1fr min(100%, 1215px) 1fr;
}

@media (max-width: 1024px) {
	body {
		grid-template-columns: 1fr minmax(0, 95%) 1fr;
	}
}

/* Force tous les éléments enfants directs du body à se placer dans la colonne centrale */
body > * {
	grid-column: 2;
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/*a {
	color: var(--color-accent);
	text-decoration: none;
}
*/
a:hover,
a:focus {
	text-decoration: underline;
}

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

button {
	font: inherit;
	cursor: pointer;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* Empêche un tableau ou un bloc de code large de faire déborder la page :
   il devient scrollable horizontalement au lieu de casser la mise en page. */
.entry-content table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    border-collapse: collapse;
}

.entry-content pre {
	overflow-x: auto;
	max-width: 100%;
}

.entry-content {
    margin-left: 15px !important;
    margin-right: 15px !important;	
}


.entry-title, h1.entry-title {
    color: #464646!important;
    font-size: 24px !important;
    text-align: center !important;	
}
.home h1.entry-title, .home .entry-title {
    display: none !important;
}



/* 1. On cherche le conteneur de la navigation pour le centrer */
.navigation, .nav-links, .wp-pagenavi, .pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 20px 0 !important;
    float: none !important; /* Annule l'alignement à gauche s'il y en a un */
    width: 100% !important;
}

/* 2. On transforme le petit lien textuel en un grand bouton moderne */
.navigation a, .nav-links a, .nav-links span {
    display: inline-block !important;
    padding: 12px 24px !important;
    font-size: 16px !important; /* Augmente la taille du texte */
    font-weight: bold !important;
    color: #fff !important; /* Texte en blanc */
    background-color: #333 !important; /* Fond sombre (ajustez selon votre thème) */
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

/* Effet au survol du bouton */
.navigation a:hover, .nav-links a:hover {
    background-color: #555 !important;
}