/* PME·PMI — chrome « registre » (compléments non exprimables en theme.json) */

/* ---- Logotype PME·PMI ---- */
.pmp-wordmark {
	font-family: "Bitter", Georgia, serif;
	font-weight: 900;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--encre);
	text-decoration: none;
	white-space: nowrap;
}
.pmp-wordmark:hover { color: var(--wp--preset--color--encre); text-decoration: none; }
.pmp-wordmark span { color: var(--wp--preset--color--tampon); padding: 0 0.02em; }
.pmp-wordmark--light { color: var(--wp--preset--color--papier); font-size: 1.4rem; }
.pmp-wordmark--light span { color: var(--wp--preset--color--tampon); }

/* ---- En-tête : double filet bas ---- */
.pmp-header { border-bottom: 3px double var(--wp--preset--color--encre); }

/* ---- Navigation ---- */
.pmp-header .wp-block-navigation a { color: var(--wp--preset--color--encre); }
.pmp-header .wp-block-navigation a:hover,
.pmp-header .wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--tampon);
	text-decoration: none;
	box-shadow: inset 0 -2px 0 0 var(--wp--preset--color--tampon);
}

/* ---- Kicker / étiquette de rubrique ---- */
.pmp-kicker a { color: inherit; text-decoration: none; }
.pmp-kicker a:hover { color: var(--wp--preset--color--tampon-fonce); }

/* ---- Cartes ---- */
.pmp-card { transition: box-shadow .14s ease, border-color .14s ease; }
.pmp-card:hover { border-color: var(--wp--preset--color--encre) !important; box-shadow: 3px 4px 0 rgba(31,42,54,.08); }
.pmp-card .wp-block-post-title a { color: var(--wp--preset--color--encre); text-decoration: none; }
.pmp-card .wp-block-post-title a:hover { color: var(--wp--preset--color--tampon); }

/* ---- Titre d'article : lien discret dans la une ---- */
.pmp-hero .wp-block-post-title a { color: var(--wp--preset--color--encre); text-decoration: none; }
.pmp-hero .wp-block-post-title a:hover { color: var(--wp--preset--color--tampon); }

/* ---- Corps d'article ---- */
.wp-block-post-content { font-size: 1.0625rem; line-height: 1.7; }
.wp-block-post-content h2 { margin-top: 2.2rem; }
.wp-block-post-content h3 { margin-top: 1.7rem; }

/* Citation en « registre » : filet double à gauche, serif */
.wp-block-post-content blockquote,
.wp-block-quote {
	border-left: 3px double var(--wp--preset--color--encre);
	padding-left: 1.1rem;
	font-family: "Bitter", Georgia, serif;
	font-style: normal;
	color: var(--wp--preset--color--encre-douce);
}

/* ---- Tableaux : la signature « chiffres » ---- */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace;
	font-size: 0.92rem;
}
.wp-block-table th {
	background: var(--wp--preset--color--encre);
	color: var(--wp--preset--color--papier);
	font-weight: 600;
	text-align: left;
	padding: 0.55rem 0.8rem;
	letter-spacing: 0.02em;
}
.wp-block-table td {
	padding: 0.55rem 0.8rem;
	border-bottom: 1px solid var(--wp--preset--color--filet);
}
.wp-block-table tr:nth-child(even) td { background: var(--wp--preset--color--papier); }
/* Colonnes de chiffres alignées à droite si la cellule ne contient que des chiffres : classe utilitaire */
.wp-block-table td.chiffre, .wp-block-table th.chiffre { text-align: right; }

/* Tableaux dans le corps d'article (éditeur classique = <table> nu) */
.wp-block-post-content table { border-collapse: collapse; width: 100%; font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 0.9rem; margin: 1.4rem 0; }
.wp-block-post-content th { background: var(--wp--preset--color--encre); color: var(--wp--preset--color--papier); font-weight: 600; text-align: left; padding: 0.55rem 0.8rem; }
.wp-block-post-content td { padding: 0.55rem 0.8rem; border-bottom: 1px solid var(--wp--preset--color--filet); vertical-align: top; }
.wp-block-post-content tr:nth-child(even) td { background: var(--wp--preset--color--papier); }
.wp-block-post-content td.num, .wp-block-post-content th.num { text-align: right; }
.wp-block-post-content .tbl-wrap { overflow-x: auto; }

/* Encadré chiffré réutilisable (à poser en HTML dans un article) */
.pmp-fiche {
	background: var(--wp--preset--color--papier-doc);
	border: 1px solid var(--wp--preset--color--filet);
	box-shadow: 2px 3px 0 rgba(31,42,54,.06);
}
.pmp-fiche__tete {
	background: var(--wp--preset--color--encre);
	color: var(--wp--preset--color--papier);
	font-family: "IBM Plex Mono", monospace;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.6rem 1rem;
	display: flex;
	justify-content: space-between;
}
.pmp-fiche__ligne {
	display: flex; align-items: baseline; justify-content: space-between;
	padding: 0.65rem 1rem;
	border-bottom: 1px solid var(--wp--preset--color--filet);
	font-size: 0.9rem;
}
.pmp-fiche__val { font-family: "IBM Plex Mono", monospace; font-weight: 600; }
.pmp-tampon {
	display: inline-block;
	border: 2px solid var(--wp--preset--color--tampon);
	color: var(--wp--preset--color--tampon);
	font-weight: 700; font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase;
	padding: 0.2rem 0.5rem; border-radius: 3px; transform: rotate(-3deg);
}

/* ---- Image mise en avant ---- */
.wp-block-post-featured-image img { display: block; width: 100%; }
.pmp-credit { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 0.72rem; color: var(--wp--preset--color--gris-legende); text-align: right; margin: 0.4rem 0 0; letter-spacing: 0.02em; }

/* ---- Fil d'Ariane ---- */
.pmp-bc { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 0.72rem; letter-spacing: 0.02em; color: var(--wp--preset--color--gris-legende); margin: 0 0 0.9rem; line-height: 1.5; }
.pmp-bc a { color: var(--wp--preset--color--gris-legende); text-decoration: none; }
.pmp-bc a:hover { color: var(--wp--preset--color--tampon); text-decoration: underline; }
.pmp-bc-sep { color: var(--wp--preset--color--reglure); }

/* ---- Sommaire (TOC) ---- */
.pmp-toc { background: var(--wp--preset--color--papier-doc); border: 1px solid var(--wp--preset--color--filet); border-left: 3px solid var(--wp--preset--color--tampon); border-radius: 2px; padding: 1rem 1.2rem; margin: 0 0 2rem; }
.pmp-toc__t { font-family: "IBM Plex Mono", monospace; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; color: var(--wp--preset--color--tampon); margin: 0 0 0.6rem; }
.pmp-toc ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.35rem; }
.pmp-toc li { counter-increment: pmptoc; }
.pmp-toc li a { color: var(--wp--preset--color--encre); text-decoration: none; font-weight: 600; font-size: 0.95rem; }
.pmp-toc li a::before { content: counter(pmptoc, decimal-leading-zero) " "; font-family: "IBM Plex Mono", monospace; font-size: 0.75rem; color: var(--wp--preset--color--gris-legende); font-weight: 600; }
.pmp-toc li a:hover { color: var(--wp--preset--color--tampon); }
.pmp-toc ul { counter-reset: pmptoc; }
.wp-block-post-content h2 { scroll-margin-top: 1.5rem; }

/* ---- FAQ en accordéon (registre) ---- */
.pmp-faq { display: flex; flex-direction: column; gap: .6rem; margin: 1.4rem 0; }
.pmp-faq__item { background: var(--wp--preset--color--papier-doc); border: 1px solid var(--wp--preset--color--filet); border-left: 3px solid var(--wp--preset--color--tampon); border-radius: 2px; }
.pmp-faq__item summary {
	list-style: none; cursor: pointer; padding: .9rem 1.1rem;
	font-family: "Bitter", Georgia, serif; font-weight: 700; font-size: 1.05rem; color: var(--wp--preset--color--encre);
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.pmp-faq__item summary::-webkit-details-marker { display: none; }
.pmp-faq__item summary::after {
	content: "+"; font-family: "IBM Plex Mono", monospace; font-weight: 600; color: var(--wp--preset--color--tampon);
	font-size: 1.3rem; line-height: 1; flex: none; transition: transform .18s ease;
}
.pmp-faq__item[open] summary::after { content: "\2013"; }
.pmp-faq__item summary:hover { color: var(--wp--preset--color--tampon); }
.pmp-faq__item summary:focus-visible { outline: 2px solid var(--wp--preset--color--tampon); outline-offset: 2px; }
.pmp-faq__a { padding: 0 1.1rem 1rem; }
.pmp-faq__a p { margin: 0; color: var(--wp--preset--color--encre-douce); }

/* ---- Recherche ---- */
.wp-block-search__button { background: var(--wp--preset--color--encre); color: var(--wp--preset--color--papier); border: 0; font-weight: 700; }
.wp-block-search__button:hover { background: var(--wp--preset--color--tampon); }

/* ---- Pied de page ---- */
.pmp-footer a { color: var(--wp--preset--color--reglure); }
.pmp-footer a:hover { color: var(--wp--preset--color--papier); }
.pmp-footer-base { border-top: 1px solid rgba(246,241,231,.18); }

/* ---- Pagination ---- */
.wp-block-query-pagination a, .wp-block-query-pagination .wp-block-query-pagination-numbers { color: var(--wp--preset--color--encre); font-weight: 600; }
.wp-block-query-pagination .current { color: var(--wp--preset--color--tampon); }

/* ---- Menus déroulants (registre) ---- */
.pmp-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--papier-doc);
	border: 1px solid var(--wp--preset--color--encre);
	box-shadow: 3px 4px 0 rgba(31,42,54,.10);
	min-width: 236px;
	padding: 0.25rem 0;
}
.pmp-header .wp-block-navigation__submenu-container a { color: var(--wp--preset--color--encre); }
.pmp-header .wp-block-navigation__submenu-container a:hover { color: var(--wp--preset--color--tampon); box-shadow: none; }
.pmp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.5rem 1rem; }

/* Flyout au survol (desktop) — autonome, sans dépendre du JS/CSS core */
@media (min-width: 782px) {
	.pmp-header .wp-block-navigation-item { position: relative; }
	.pmp-header .wp-block-navigation__submenu-container {
		position: absolute; top: 100%; left: 0;
		opacity: 0; visibility: hidden; transform: translateY(6px);
		transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s;
		pointer-events: none; z-index: 50;
	}
	.pmp-header .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
	.pmp-header .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
		opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
	}
	.pmp-header .wp-block-navigation-submenu__toggle { display: none; }
	.pmp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { white-space: nowrap; }
}

/* ---- Hero : image + infos en overlay au survol ---- */
.pmp-hero .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.pmp-hero-media { position: relative; overflow: hidden; border: 1px solid var(--wp--preset--color--filet); background: var(--wp--preset--color--encre); min-height: 320px; }
.pmp-hero-media .wp-block-post-featured-image, .pmp-hero-photo { margin: 0; }
.pmp-hero-photo img,
.pmp-card .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pmp-hero-overlay {
	position: absolute; inset: 0;
	display: flex; flex-direction: column; justify-content: flex-end;
	gap: 0.6rem; padding: clamp(1.1rem, 4vw, 2.6rem);
	background: linear-gradient(to top, rgba(31,42,54,0.94) 0%, rgba(31,42,54,0.62) 40%, rgba(31,42,54,0.12) 74%);
	color: var(--wp--preset--color--papier);
	opacity: 1;
}
.pmp-hero-overlay > * { max-width: 760px; margin-top: 0; margin-bottom: 0; }
.pmp-hero-overlay .wp-block-post-title a { color: var(--wp--preset--color--papier); text-decoration: none; }
.pmp-hero-overlay .wp-block-post-title a:hover { color: var(--wp--preset--color--or-doc); }
.pmp-hero-overlay .wp-block-post-excerpt { color: rgba(246,241,231,0.92); }
.pmp-kicker--over { color: var(--wp--preset--color--or-doc) !important; }
.pmp-hero-date { color: rgba(246,241,231,0.80) !important; }
.pmp-hero-overlay a.wp-block-read-more {
	background: var(--wp--preset--color--papier); color: var(--wp--preset--color--encre);
	padding: 0.7rem 1.2rem; font-weight: 700; text-decoration: none; border: 0;
}
.pmp-hero-overlay a.wp-block-read-more:hover { background: var(--wp--preset--color--tampon); color: var(--wp--preset--color--papier); }

/* ---- En-têtes de section ---- */
.pmp-secthead h2 a { color: var(--wp--preset--color--encre); text-decoration: none; }
.pmp-secthead h2 a:hover { color: var(--wp--preset--color--tampon); }
.pmp-voir a { color: var(--wp--preset--color--tampon); text-decoration: none; }
.pmp-voir a:hover { text-decoration: underline; }

/* Cartes : l'image occupe toute la largeur, coupée à la charte */
.pmp-card .wp-block-post-featured-image { margin-left: 0; margin-right: 0; overflow: hidden; }

/* ---- Responsive ---- */
@media (max-width: 600px) {
	.pmp-wordmark { font-size: 1.3rem; }
	.wp-block-post-content { font-size: 1rem; }
}