/*
Theme Name: Math'O karé
Theme URI: https://mathokare.mithril.re/
Author: Mithril Informatique
Description: Thème de blocs autonome pour Math'O karé — cours de mathématiques du lycée. Reprend la mise en page d'origine (contenu centré 1120 px, cadres noirs autour des figures, sommaire dépliable, fiches d'exercices en fenêtres) sans constructeur de pages.
Version: 1.2.1
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mathokare
*/

/* ============================================================
   1. Base
   ============================================================ */

:root {
	--mk-large: 1120px;
	--mk-encre: #111111;
	--mk-lien: #0073aa;
	--mk-bouton: #5bc0de;
	--mk-bordure: #9da5ae;
	--mk-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--mk-serif: "Hoefler Text", Garamond, "Times New Roman", Times, serif;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 24px;
	-webkit-text-size-adjust: 100%;
}

body {
	background: #fff;
	color: var(--mk-encre);
	font-family: var(--mk-serif);
	font-size: 22px;
	line-height: 1.8;
}

/* La boîte que WordPress pose autour de chaque partie de gabarit ajoute la
   marge du block-gap : on la neutralise. */
.wp-site-blocks > .wp-block-template-part {
	display: contents;
}

.wp-site-blocks > main,
main.wp-block-group {
	margin-block-start: 0 !important;
}

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

/* WordPress pose margin-block-start: var(--wp--style--block-gap) sur « * + * »
   dans tout conteneur en flux : dans une grille ou une colonne, cela décale les
   cellules. On l'annule sur les conteneurs du thème. */
.mk-cols > *,
.mk-duo > *,
.mk-section > *,
.mk-pied__cols > *,
.mk-sommaire-liste > * {
	margin-block-start: 0 !important;
}

/* ============================================================
   2. En-tête : logo centré, menu horizontal centré
   ============================================================ */

.mk-entete {
	padding: 26px 20px 0;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(rgba(0, 0, 0, .52), rgba(0, 0, 0, .52)), url("https://mathokare.re/wp-content/uploads/2019/04/237647.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.mk-entete__logo {
	margin: 0 auto 8px;
}

.mk-entete__logo img {
	width: 350px;
	max-width: 80vw;
	height: auto;
	display: inline-block;
}

.mk-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 34px;
	padding: 14px 0 20px;
}

.mk-nav a {
	color: #fff;
	text-decoration: none;
	font-size: 19px;
	line-height: 1.4;
	white-space: nowrap;
}

.mk-nav a:hover,
.mk-nav a:focus {
	text-decoration: underline;
}

.mk-nav .current-menu-item > a,
.mk-nav .current_page_item > a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Menu mobile : bloc Navigation */
.wp-block-navigation.mk-nav .wp-block-navigation__container {
	gap: 10px 34px;
	justify-content: center;
}

.wp-block-navigation.mk-nav .wp-block-navigation-item__content {
	color: #fff;
	font-size: 19px;
	text-decoration: none;
}

.wp-block-navigation.mk-nav .wp-block-navigation-item__content:hover {
	text-decoration: underline;
}

/* Menu mobile : bouton discret centré, panneau blanc */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 8px 14px;
	color: var(--mk-encre);
}

.wp-block-navigation.mk-nav .wp-block-navigation__responsive-container-open {
	margin: 0 auto;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background: #fff;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 40px 24px 24px;
	align-items: stretch;
}

.wp-block-navigation.mk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0;
	width: 100%;
	align-items: stretch;
}

.wp-block-navigation.mk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}

.wp-block-navigation.mk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	padding: 16px 2px;
	font-size: 22px;
}

.wp-block-navigation__responsive-container-close {
	top: 10px;
	right: 12px;
}

/* ============================================================
   3. Contenu
   ============================================================ */

.mk-contenu {
	max-width: var(--mk-large);
	margin-inline: auto;
	padding: 8px 20px 40px;
}

.mk-section {
	padding: 10px 0;
}

.mk-section > * + * {
	margin-block-start: 10px;
}

/* Colonnes (sections Elementor à plusieurs colonnes) */
.wp-block-columns.mk-cols,
.wp-block-columns.mk-duo {
	gap: 10px;
	align-items: stretch;
	margin-block-start: 10px;
}

.wp-block-columns.mk-cols > .wp-block-column,
.wp-block-columns.mk-duo > .wp-block-column {
	padding: 10px;
	min-width: 0;
}

/* Cadre noir autour d'une figure + son commentaire (bordure de colonne
   dans l'ancienne mise en page). */
.mk-cadre {
	border: 3px solid var(--mk-encre);
}

.mk-cadre > * + * {
	margin-block-start: 10px;
}

.mk-cadre img {
	display: block;
	margin-inline: auto;
}

/* Images */
.wp-block-image {
	margin: 10px 0;
}

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

.wp-block-image.aligncenter {
	margin-inline: auto;
	text-align: center;
}

.wp-block-image.aligncenter img {
	margin-inline: auto;
}

/* Titre de page */
.mk-titre {
	margin: 0 0 4px;
}

.mk-titre-ligne {
	width: 60px;
	border-top: 1px solid var(--mk-encre);
	margin: 26px 0 10px;
}

.mk-categories {
	font-size: 16px;
	line-height: 1.6;
	color: var(--mk-encre);
	margin: 6px 0 26px;
}

.mk-categories a {
	color: var(--mk-lien);
	text-decoration: none;
	letter-spacing: .02em;
}

.mk-categories a:hover {
	text-decoration: underline;
}

/* Paragraphes, listes, tableaux */
.wp-block-post-content > p,
.wp-block-post-content .mk-section p {
	margin: 0 0 20px;
}

.wp-block-post-content ul,
.wp-block-post-content ol {
	margin: 0 0 20px;
	padding-left: 1.3em;
}

.wp-block-post-content li {
	margin-bottom: .35em;
}

.wp-block-post-content li > ul,
.wp-block-post-content li > ol {
	margin-top: .35em;
	margin-bottom: .35em;
}

.wp-block-post-content table {
	border-collapse: collapse;
	margin: 0 0 20px;
	max-width: 100%;
}

.wp-block-post-content td,
.wp-block-post-content th {
	border: 1px solid #d7d7d7;
	padding: 4px 10px;
	vertical-align: top;
}

.wp-block-post-content h3,
.wp-block-post-content h4,
.wp-block-post-content h5 {
	margin: 34px 0 12px;
}

.wp-block-post-content h3:first-child,
.wp-block-post-content h4:first-child {
	margin-top: 0;
}

/* ============================================================
   4. Boutons (les « pastilles » bleues ouvrent une fiche)
   ============================================================ */

.wp-block-buttons {
	margin: 10px 0 14px;
	gap: 10px;
}

.wp-block-button__link {
	background: var(--mk-bouton);
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 15px 30px;
	font-family: var(--mk-serif);
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: #31b0d5;
	color: #fff;
}

.wp-block-button.is-style-contour .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--mk-bouton);
	color: #2a92a8;
}

/* Fond « tableau noir » de l'accueil (image de section dans l'ancien site) */
.mk-fond-tableau {
	background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url("https://mathokare.re/wp-content/uploads/2019/04/237647.jpg");
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	padding: 18px 0 40px;
}

.mk-contenu--accueil {
	padding-top: 0;
	max-width: calc(var(--mk-large) + 40px);
}

/* Panneaux colorés de l'accueil (fond posé par le widget texte) */
.mk-panneau {
	border-radius: 3px;
	padding: 20px 24px;
	font-family: var(--mk-sans);
	font-size: 20px;
	line-height: 1.8;
	color: #54595f;
}

.mk-panneau p,
.mk-panneau li {
	font-size: 20px;
	line-height: 1.8;
	color: #54595f;
	text-align: justify;
}

.mk-panneau h3 {
	color: #54595f;
	font-size: 33.75px;
	text-align: center;
	margin: 20px 0;
}

.mk-panneau + .mk-panneau {
	margin-top: 20px !important;
}

.mk-panneau-a4c7dc { background-color: #a4c7dc; }
.mk-panneau-46b0f0 { background-color: #46b0f0; }

/* Blocs colorés (colonnes à fond, disposition d'origine des programmes) */
.mk-bloc {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.8;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	/* Texte sombre par défaut : les fonds pastel du site portent du #54595F */
	color: #54595f;
}

/* Seul le bleu des programmes porte du texte blanc */
.mk-fond-a4c7dc {
	color: #fff;
}

.mk-bloc p {
	font-size: 18px;
	line-height: 1.8;
	margin: 0;
}

.mk-bloc a,
.mk-bloc a:visited {
	color: inherit;
	text-decoration: none;
}

.mk-bloc a:hover {
	text-decoration: underline;
}

.mk-fond-a4c7dc { background-color: #a4c7dc; }
.mk-fond-ffd78d { background-color: #ffd78d; }
.mk-fond-97ffa0 { background-color: #97ffa0; }
.mk-fond-dbd5ff { background-color: #dbd5ff; }
.mk-fond-ffb7b7 { background-color: #ffb7b7; }
.mk-fond-fff6b1 { background-color: #fff6b1; }
.mk-fond-ffa5f3 { background-color: #ffa5f3; }

/* Listes à puces « ✓ » (remplacement du widget icon-list) */
.mk-liste-check ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mk-liste-check li {
	display: flex;
	align-items: baseline;
	gap: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

.mk-liste-check li::before {
	content: "✓";
	font-size: 14px;
	line-height: 1.9;
	flex: 0 0 auto;
}

/* Pastille sans cible (fiche supprimée en amont) : même dessin qu'un bouton */
.mk-pastille {
	display: inline-block;
	background: var(--mk-bouton);
	color: #fff;
	border-radius: 3px;
	padding: 15px 30px;
	font-size: 16px;
	line-height: 1;
	margin: 10px 0 14px !important;
}


/* Boutons de fiches : couleur d'origine (info/danger/success) et pictogramme */
.wp-block-button.mk-fiche .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.wp-block-button.mk-fiche .wp-block-button__link::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: var(--mk-ico) center / contain no-repeat;
	mask: var(--mk-ico) center / contain no-repeat;
}

.mk-fiche--info .wp-block-button__link { background: #5bc0de; border-color: #5bc0de; }
.mk-fiche--info:hover .wp-block-button__link { background: #31b0d5; border-color: #31b0d5; }
.mk-fiche--danger .wp-block-button__link { background: #d9534f; border-color: #d9534f; }
.mk-fiche--danger:hover .wp-block-button__link { background: #c9302c; border-color: #c9302c; }
.mk-fiche--success .wp-block-button__link { background: #5cb85c; border-color: #5cb85c; }
.mk-fiche--success:hover .wp-block-button__link { background: #449d44; border-color: #449d44; }
.mk-fiche--defaut .wp-block-button__link { background: #818a91; border-color: #818a91; }
.mk-fiche--defaut:hover .wp-block-button__link { background: #687077; border-color: #687077; }

.mk-ico-crayon { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E"); }
.mk-ico-calculatrice { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 3v3h12V5H6zm0 6v2h3v-2H6zm5 0v2h3v-2h-3zm5 0v2h3v-2h-3zM6 16v2h3v-2H6zm5 0v2h3v-2h-3zm5 0v2h3v-2h-3z'/%3E%3C/svg%3E"); }
.mk-ico-video { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E"); }
.mk-ico-livre { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 4h-7a2 2 0 0 0-2 2v13a2 2 0 0 1 2-2h7V4zM3 4h7a2 2 0 0 1 2 2v13a2 2 0 0 0-2-2H3V4z'/%3E%3C/svg%3E"); }
.mk-ico-document { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2 4 4h-4V4z'/%3E%3C/svg%3E"); }
.mk-ico-tableau { --mk-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2 2v3h5V7H5zm7 0v3h5V7h-5zm-7 5v3h5v-3H5zm7 0v3h5v-3h-5z'/%3E%3C/svg%3E"); }

/* ============================================================
   5. Sommaire dépliable
   ============================================================ */

.mk-sommaire {
	border: 1px solid var(--mk-bordure);
	margin: 20px 0 30px;
	background: #fff;
}

.mk-sommaire > summary {
	list-style: none;
	cursor: pointer;
	padding: 20px;
	font-family: var(--mk-sans);
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3;
	border-bottom: 1px solid var(--mk-bordure);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.mk-sommaire > summary::-webkit-details-marker {
	display: none;
}

.mk-sommaire > summary::after {
	content: "⌄";
	font-size: 26px;
	line-height: 1;
	transform: translateY(-4px);
}

.mk-sommaire[open] > summary::after {
	content: "⌃";
}

.mk-sommaire-liste,
.mk-sommaire-liste ol {
	list-style: none;
	padding: 20px 24px 24px 30px;
	margin: 0 !important;
}

.mk-sommaire-liste ol {
	padding: 8px 0 8px 30px;
}

.mk-sommaire-liste > li {
	margin-bottom: .55em;
}

.mk-sommaire-liste ol > li {
	margin-bottom: .35em;
}

.mk-sommaire-liste li {
	margin-bottom: .5em;
}

.mk-sommaire-liste a {
	color: var(--mk-lien);
	text-decoration: none;
}

.mk-sommaire-liste a:hover {
	text-decoration: underline;
}

/* Les fenêtres de fiches (remplacement des popups Elementor) sont stylées et
   pilotées par le mu-plugin mathokare-popup.php, indépendant du thème. */

/* ============================================================
   7. Pied de page
   ============================================================ */

.mk-pied {
	margin-top: 0;
	padding: 40px 20px 34px;
	font-family: var(--mk-sans);
	font-size: 18px;
	color: #fff;
	background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url("https://mathokare.re/wp-content/uploads/2019/04/237647.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.mk-pied__cols {
	max-width: var(--mk-large);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 60px;
	margin-block-start: 0 !important;
}

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

.mk-pied li {
	margin-bottom: 8px;
	display: flex;
	gap: 9px;
	align-items: center;
}

/* Colonne de droite : texte et icônes alignés sur le bord droit */
.mk-pied__droite li {
	justify-content: flex-end;
	text-align: right;
}

.mk-pied__icone {
	display: inline-flex;
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
}

.mk-pied__icone svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mk-pied a {
	color: #fff;
	text-decoration: none;
}

.mk-pied a:hover {
	text-decoration: underline;
}

.mk-pied__bas {
	text-align: center;
	margin-top: 26px;
	font-size: 16px;
	color: #fff;
}

.mk-pied__bas img {
	max-width: 120px;
	height: auto;
	margin: 0 auto 10px;
	display: block;
}

.mk-pied__bas p {
	margin: 0;
}

/* ============================================================
   8. Archives : cartes noires (reprise du widget Archive Posts)
   ============================================================ */

.mk-contenu--archive {
	padding-top: 6px;
	max-width: calc(var(--mk-large) + 40px);
}

.mk-titre-archive {
	font-size: clamp(34px, 4.6vw, 60px);
	font-weight: 600;
	line-height: 1.1;
	margin: 0 0 30px;
}

.mk-archives .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 35px 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mk-archives .wp-block-post-template > li {
	margin: 0 !important;
}

.mk-carte {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #000;
	color: #fff;
	border-radius: 3px;
	overflow: hidden;
}

.mk-carte__image {
	margin: 0 !important;
}

.mk-carte__image img {
	width: 100%;
	height: 224px;
	object-fit: cover;
	display: block;
}

.mk-carte__badge {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	margin: 0 !important;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: .02em;
	text-transform: uppercase;
}

/* Toute la pastille est le lien : sans padding sur le lien, seule la ligne de
   texte est cliquable et le clic sur la pastille ne fait rien. */
.mk-carte__badge a,
.mk-carte__badge a:visited {
	display: inline-block;
	padding: 7px 14px;
	background: #a4c7dc;
	border-radius: 999px;
	color: #fff;
	text-decoration: none;
}

.mk-carte__badge a:hover {
	background: #8fb7cf;
}

.mk-carte__titre {
	margin: 20px 30px 25px !important;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
}

.mk-carte__titre a,
.mk-carte__titre a:visited {
	color: #fff;
	text-decoration: none;
}

.mk-carte__extrait {
	margin: 0 30px 30px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #bcbcbc;
}

.mk-carte__extrait p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #bcbcbc;
}

.mk-carte__extrait .wp-block-post-excerpt__more-link,
.mk-carte__extrait .more-link {
	display: block;
	margin-top: 20px;
	color: #a4c7dc;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-decoration: none;
}

.mk-carte__extrait .wp-block-post-excerpt__more-link:hover,
.mk-carte__extrait .more-link:hover {
	text-decoration: underline;
}

.mk-pagination {
	margin-top: 44px;
	gap: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.mk-pagination a,
.mk-pagination .page-numbers {
	color: #000;
	text-decoration: none;
	padding: 2px 4px;
}

.mk-pagination .current {
	color: #00ce1b;
	font-weight: 700;
}

/* ============================================================
   8bis. Listes d'articles simples (recherche, blog)
   ============================================================ */

.mk-liste-articles {
	display: grid;
	gap: 4px;
}

.mk-liste-articles .wp-block-post-title {
	margin: 24px 0 4px;
	font-size: 26px;
}

.mk-liste-articles .wp-block-post-title a {
	color: var(--mk-lien);
	text-decoration: none;
}

.mk-liste-articles .wp-block-post-excerpt {
	font-size: 18px;
	line-height: 1.6;
}

.wp-block-query-pagination {
	margin-top: 34px;
	display: flex;
	gap: 18px;
	font-family: var(--mk-sans);
	font-size: 16px;
}

/* ============================================================
   9. Adaptations
   ============================================================ */

@media (max-width: 1000px) {
	.mk-archives .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body {
		font-size: 20px;
	}
	.mk-entete__logo img {
		width: 260px;
	}
	.mk-nav a,
	.wp-block-navigation.mk-nav .wp-block-navigation-item__content {
		font-size: 17px;
	}
}

@media (max-width: 700px) {
	body {
		font-size: 19px;
	}
	.mk-contenu {
		padding: 8px 14px 30px;
	}
	/* Les colonnes côte à côte s'empilent */
	.wp-block-columns.mk-cols,
	.wp-block-columns.mk-duo {
		flex-wrap: wrap;
	}
	.wp-block-columns.mk-cols > .wp-block-column,
	.wp-block-columns.mk-duo > .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}
	.mk-pied__cols {
		grid-template-columns: minmax(0, 1fr);
	}
	.mk-archives .wp-block-post-template {
		grid-template-columns: minmax(0, 1fr);
	}
	.mk-carte__titre {
		margin: 16px 20px 18px !important;
	}
	.mk-carte__extrait {
		margin: 0 20px 24px !important;
	}
	.mk-popup {
		padding: 16px 8px;
	}
	.mk-popup-boite {
		padding: 26px 18px 20px;
	}
	.mk-sommaire > summary {
		font-size: 21px;
		padding: 16px;
	}
	.mk-sommaire-liste {
		padding: 16px 16px 18px 34px;
	}
}