/* Theme « La notice de montage » (10/09/2026). Pages bleu ciel, filets d encre noire, la grille de tenons, trois etapes numerotees
   et la piece nouvelle en rouge. Posee apres marche.css ; ne touche pas au HTML. Police d affichage Poppins, texte Figtree. */
.mk[data-theme="notice"] {
  --mk-fond: #7ec8f2; --mk-carte: #ffffff; --mk-carte-2: #f2f9fd;
  --mk-corps: #111111; --mk-encre: #111111; --mk-encre-2: #222222; --mk-muet: #3a4854;
  --mk-trait: #111111; --mk-trait-2: #dbe9f1; --mk-trait-fort: #111111;
  --mk-accent: #111111; --mk-accent-2: #333333; --mk-accent-doux: #e3f2fb; --mk-accent-texte: #ffffff;
  --mk-succes: #0b6b2f; --mk-succes-doux: #e6f4ea; --mk-succes-clair: #0b6b2f; --mk-succes-texte: #ffffff;
  --mk-danger: #d3262a; --mk-danger-doux: #fdecec; --mk-danger-trait: #d3262a;
  --mk-sombre: #ffffff; --mk-sombre-2: #f2f9fd; --mk-sombre-texte: #111111; --mk-sombre-muet: #3a4854; --mk-sombre-trait: #111111;
  --mk-ambre: #f4d03f; --mk-ambre-2: #f7dc6f; --mk-ambre-fonce: #a88a00;
  --mk-primaire: #f4d03f; --mk-primaire-2: #f7dc6f; --mk-primaire-texte: #111111;
  --mk-rouge: #d3262a; --mk-etoile: #111111;
  --mk-affiche: 'Poppins', 'Figtree', sans-serif; --mk-texte: 'Figtree', 'Poppins', sans-serif; --mk-chiffres: 'Poppins', sans-serif;
  --mk-gras: 700;
  --mk-rayon-petit: 2px; --mk-rayon: 3px; --mk-rayon-grand: 4px; --mk-pilule: 4px;
  --mk-ombre-carte: none;
  --mk-tenons: radial-gradient(circle at 12px 12px, rgba(17,17,17,.11) 3.5px, transparent 4.3px);
}
body.mk[data-theme="notice"] { background: var(--mk-fond); }
.mk[data-theme="notice"] ::selection { background: #f4d03f; color: #111; }
.mk[data-theme="notice"] :focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.mk[data-theme="notice"] h1, .mk[data-theme="notice"] h2, .mk[data-theme="notice"] h3 { letter-spacing: -.01em; }
.mk[data-theme="notice"] a:hover { text-decoration-thickness: 2px; }

/* Filets d encre : tout ce qui est carte a un bord noir net, jamais d ombre */
.mk[data-theme="notice"] .mk-carte, .mk[data-theme="notice"] .mk-famille, .mk[data-theme="notice"] .mk-temps-carte, .mk[data-theme="notice"] .mk-chiffre,
.mk[data-theme="notice"] .mk-tarif, .mk[data-theme="notice"] .mk-fournisseur, .mk[data-theme="notice"] .mk-porte, .mk[data-theme="notice"] .mk-tuile,
.mk[data-theme="notice"] .mk-case, .mk[data-theme="notice"] .mk-choix, .mk[data-theme="notice"] details.mk-pli, .mk[data-theme="notice"] .mk-vide,
.mk[data-theme="notice"] .mk-reponse, .mk[data-theme="notice"] .mk-pagination a, .mk[data-theme="notice"] .mk-pagination span, .mk[data-theme="notice"] .mk-onglets a { border: 1.5px solid #111; }
.mk[data-theme="notice"] .mk-famille:hover, .mk[data-theme="notice"] .mk-fournisseur:hover, .mk[data-theme="notice"] .mk-tuile:hover, .mk[data-theme="notice"] .mk-porte:hover { border-color: var(--mk-rouge); box-shadow: none; transform: none; }
.mk[data-theme="notice"] .mk-tarif--fort { border: 2px solid var(--mk-rouge); box-shadow: none; }
.mk[data-theme="notice"] .mk-tarif .mk-etiquette-tarif { background: var(--mk-rouge); color: #fff; border-radius: 2px; letter-spacing: .04em; }

/* Boutons : rectangles nets, bord noir ; la piece nouvelle (Rechercher) en rouge ; le jaune pour l autre action */
.mk[data-theme="notice"] .mk-bouton, .mk[data-theme="notice"] a.mk-bouton { border: 1.5px solid #111; font-family: var(--mk-affiche); font-weight: 600; box-shadow: none; }
.mk[data-theme="notice"] .mk-bouton:hover { transform: none; box-shadow: none; }
.mk[data-theme="notice"] .mk-bouton--vert, .mk[data-theme="notice"] a.mk-bouton--vert { background: var(--mk-rouge); color: #fff; }
.mk[data-theme="notice"] .mk-bouton--vert:hover { background: #b81e22; }
.mk[data-theme="notice"] .mk-bouton--ambre:hover { background: #f7dc6f; box-shadow: none; }
.mk[data-theme="notice"] .mk-bouton--contour-clair, .mk[data-theme="notice"] a.mk-bouton--contour-clair { color: #111; border-color: #111; background: transparent; }
.mk[data-theme="notice"] .mk-bouton--contour-clair:hover, .mk[data-theme="notice"] a.mk-bouton--contour-clair:hover { background: #111; color: #fff; }
.mk[data-theme="notice"] .mk-champ { border: 1.5px solid #111; }
.mk[data-theme="notice"] .mk-champ:focus { border-color: var(--mk-rouge); box-shadow: 0 0 0 2px rgba(211,38,42,.25); }
.mk[data-theme="notice"] .mk-carte-recherche .mk-champ { background: #fff; }
.mk[data-theme="notice"] .mk-alerte { border: 1.5px solid #111; }

.mk[data-theme="notice"] .mk-nav a.mk-bouton--ambre, .mk[data-theme="notice"] .mk-nav .mk-bouton--ambre { color: #111; }
.mk[data-theme="notice"] .mk-nav a.mk-bouton--ambre:hover { color: #111; text-decoration: none; }
/* En-tete : la couverture blanche, un filet noir, la marque en Poppins */
.mk[data-theme="notice"] .mk-entete { background: #fff; backdrop-filter: none; border-bottom: 2px solid #111; }
.mk[data-theme="notice"] .mk-marque-logo { background: #111; color: #fff; box-shadow: none; border-radius: 3px; }
.mk[data-theme="notice"] .mk-marque em { color: #111; }
.mk[data-theme="notice"] .mk-nav a { color: #111; border-radius: 3px; }
.mk[data-theme="notice"] .mk-nav a:hover { background: #f4d03f; color: #111; }
.mk[data-theme="notice"] .mk-nav a.mk-bouton--contour, .mk[data-theme="notice"] .mk-nav .mk-bouton--contour { color: #111; border-color: #111; }
.mk[data-theme="notice"] .mk-nav a.mk-bouton--contour:hover, .mk[data-theme="notice"] .mk-nav .mk-bouton--contour:hover { background: #111; color: #fff; border-color: #111; }

/* Le heros : la double page bleu ciel sur la grille de tenons ; la recherche est l etape 1, posee dans son encadre */
.mk[data-theme="notice"] .mk-hero { background: var(--mk-fond); color: #111; border-bottom: 2px solid #111; }
/* La grille de tenons ne passe que sous la colonne de la recherche, jamais sous le texte (retour de Rachad du 10/09 : « a peine lisible ») */
.mk[data-theme="notice"] .mk-hero::before { content: ''; position: absolute; top: 0; bottom: 0; left: 56%; right: 0; background: var(--mk-tenons) 0 0 / 24px 24px; pointer-events: none; display: none; }
@media (min-width: 981px) { .mk[data-theme="notice"] .mk-hero::before { display: block; } }
.mk[data-theme="notice"] .mk-hero-in { position: relative; }
.mk[data-theme="notice"] .mk-hero h1 { color: #111; font-weight: 700; letter-spacing: -.02em; }
.mk[data-theme="notice"] .mk-hero h1 .mk-souligne { color: var(--mk-rouge); }
.mk[data-theme="notice"] .mk-hero h1 .mk-souligne svg { color: var(--mk-rouge); }
.mk[data-theme="notice"] .mk-hero p.mk-accroche { color: #111; font-weight: 500; font-size: clamp(16px, 2vw, 18.5px); }
.mk[data-theme="notice"] .mk-hero .mk-sous { color: #111; font-size: 14.5px; font-weight: 500; }
.mk[data-theme="notice"] .mk-preuve { color: #111; font-size: 14px; }
.mk[data-theme="notice"] .mk-preuve b { color: #111; }
.mk[data-theme="notice"] .mk-preuve .mk-ic { background: #111; color: #fff; border-radius: 2px; }
.mk[data-theme="notice"] .mk-carte-recherche { position: relative; border: 2px solid #111; border-radius: 4px; box-shadow: none; padding: 30px 22px 22px; margin-top: 18px; }
.mk[data-theme="notice"] .mk-carte-recherche::before { content: '1'; position: absolute; top: -20px; left: -2px; width: 44px; height: 44px; background: #111; color: #fff; font: 700 24px/44px var(--mk-affiche); text-align: center; border-radius: 3px 3px 3px 0; }
.mk[data-theme="notice"] .mk-carte-recherche h2 { font-size: 15px; text-transform: uppercase; letter-spacing: .06em; }
.mk[data-theme="notice"] .mk-carte-recherche h2 .mk-point { background: var(--mk-rouge); border-radius: 0; width: 10px; height: 10px; }
.mk[data-theme="notice"] .mk-carte-recherche .mk-etiquette { color: #111; }
.mk[data-theme="notice"] .mk-recherche-note { color: #3a4854; }

/* Le ruban : une bande jaune, un filet noir */
.mk[data-theme="notice"] .mk-ruban { background: #f4d03f; color: #111; border-bottom: 2px solid #111; }
.mk[data-theme="notice"] .mk-ruban b, .mk[data-theme="notice"] .mk-ruban a { color: #111; }

/* L inventaire 1:1 : les vingt familles comme des pieces dans un encadre, le symbole a l encre, le nombre en gras */
.mk[data-theme="notice"] .mk-section-tete h2, .mk[data-theme="notice"] .mk-section-tete p { color: #111; }
.mk[data-theme="notice"] .mk-section-tete .mk-plus { color: #111; text-decoration: underline; text-underline-offset: 3px; }
.mk[data-theme="notice"] .mk-familles { padding: 14px; background: #fff; border: 2px solid #111; gap: 10px; }
.mk[data-theme="notice"] .mk-famille { border-width: 1.5px; padding: 14px; }
.mk[data-theme="notice"] .mk-famille-icone { background: var(--mk-teinte, #f2f9fd); border: 1.5px solid #111; border-radius: 3px; color: #111; }
.mk[data-theme="notice"] .mk-famille .mk-compte { color: #111; font-family: var(--mk-affiche); }
.mk[data-theme="notice"] .mk-famille .mk-compte--vide { color: #3a4854; font-weight: 500; }
.mk[data-theme="notice"] .mk-famille small { color: #3a4854; }

/* Les trois etapes : de grands chiffres et des fleches sans mot, sur la plaque a tenons */
.mk[data-theme="notice"] .mk-temps { padding: 22px 18px; background: var(--mk-tenons) 0 0 / 24px 24px, #fff; border: 2px solid #111; gap: 16px; counter-reset: etape; }
@media (min-width: 761px) { .mk[data-theme="notice"] .mk-temps { gap: 52px; padding: 26px 24px; } }
.mk[data-theme="notice"] .mk-temps-carte { position: relative; padding: 22px; border-radius: 3px; }
.mk[data-theme="notice"] .mk-temps-num { display: block; width: auto; height: auto; background: none; color: #111; font-size: 48px; line-height: 1; border-radius: 0; margin: 0 0 8px; font-weight: 700; }
.mk[data-theme="notice"] .mk-temps-carte h3 { color: #111; }
.mk[data-theme="notice"] .mk-temps-carte[data-etape="1"] h3::after { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--mk-rouge); margin-left: 8px; vertical-align: middle; }
.mk[data-theme="notice"] .mk-temps-carte p { color: #1f2a33; }
.mk[data-theme="notice"] .mk-temps-carte:not(:last-child)::after { content: ''; position: absolute; width: 44px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 26'%3E%3Cpath d='M2 13h34M28 4l9 9-9 9' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; left: 50%; bottom: -24px; transform: translateX(-50%) rotate(90deg); }
@media (min-width: 761px) { .mk[data-theme="notice"] .mk-temps-carte:not(:last-child)::after { left: auto; right: -50px; top: 50%; bottom: auto; transform: translateY(-50%); } }

/* La confiance : une page blanche encadree, l exemple comme une piece en taille reelle */
.mk[data-theme="notice"] .mk-confiance { background: #fff; color: #111; border: 2px solid #111; margin-left: 0; margin-right: 0; padding: 40px 22px; }
@media (min-width: 641px) { .mk[data-theme="notice"] .mk-confiance { padding: 52px 40px; } }
.mk[data-theme="notice"] .mk-confiance::after { display: none; }
.mk[data-theme="notice"] .mk-confiance h2 { color: #111; }
.mk[data-theme="notice"] .mk-confiance h2 .mk-ok { color: #111; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 4px; }
.mk[data-theme="notice"] .mk-confiance p, .mk[data-theme="notice"] .mk-controle p { color: #1f2a33; }
.mk[data-theme="notice"] .mk-controle b { color: #111; }
.mk[data-theme="notice"] .mk-controle .mk-c { background: #111; color: #fff; border-radius: 2px; }
.mk[data-theme="notice"] .mk-exemple { background: var(--mk-tenons) 0 0 / 24px 24px, #e3f2fb; border: 2px solid #111; border-radius: 4px; box-shadow: none; }
.mk[data-theme="notice"] .mk-exemple-tete { border-bottom: 1.5px solid #111; }
.mk[data-theme="notice"] .mk-exemple-chiffres div { background: #fff; border: 1.5px solid #111; border-radius: 3px; }
.mk[data-theme="notice"] .mk-exemple .mk-bouton--second { background: #fff; color: #111; }

/* Chiffres, puces, badge : l encre et le jaune */
.mk[data-theme="notice"] .mk-chiffre b { color: #111; }
.mk[data-theme="notice"] .mk-puce { background: #f2f9fd; color: #111; border: 1px solid #111; border-radius: 3px; }
.mk[data-theme="notice"] .mk-badge { background: #f4d03f; color: #111; border: 1px solid #111; border-radius: 3px; }
.mk[data-theme="notice"] .mk-avatar { background: #111; color: #fff; border-radius: 3px; }
.mk[data-theme="notice"] .mk-reactivite { color: #111; }

/* Les tarifs et l appel : deux encadres, l appel sur fond jaune */
.mk[data-theme="notice"] .mk-prix { color: #111; }
.mk[data-theme="notice"] .mk-tarif li .mk-l { color: #111; }
.mk[data-theme="notice"] .mk-appel { background: #f4d03f; color: #111; border: 2px solid #111; border-radius: 4px; }
.mk[data-theme="notice"] .mk-appel::after { display: none; }
.mk[data-theme="notice"] .mk-appel h2, .mk[data-theme="notice"] .mk-appel p, .mk[data-theme="notice"] .mk-appel .mk-fin { color: #111; }
.mk[data-theme="notice"] .mk-appel .mk-bouton { background: #111; color: #fff; box-shadow: none; }
.mk[data-theme="notice"] .mk-appel .mk-bouton:hover { background: var(--mk-rouge); border-color: var(--mk-rouge); }

/* Le pied : la quatrieme de couverture, blanche, un filet noir */
.mk[data-theme="notice"] .mk-pied { background: #fff; color: #1f2a33; border-top: 2px solid #111; }
.mk[data-theme="notice"] .mk-pied h5, .mk[data-theme="notice"] .mk-pied a, .mk[data-theme="notice"] .mk-pied .mk-marque { color: #111; }
.mk[data-theme="notice"] .mk-pied a:hover { text-decoration: underline; }
.mk[data-theme="notice"] .mk-pied-bas { border-top: 1.5px solid #111; }
.mk[data-theme="notice"] .mk-pied .mk-apparence a.mk-apparence-choix { border: 1.5px solid #111; color: #111; border-radius: 3px; }
.mk[data-theme="notice"] .mk-pied .mk-apparence a.mk-apparence-choix[aria-current="true"] { background: #f4d03f; border-color: #111; }
.mk[data-theme="notice"] .mk-apparence-nuancier i { border-radius: 1px; box-shadow: inset 0 0 0 1px #111; }

/* Les autres pages : resultats, fiche, espaces */
.mk[data-theme="notice"] .mk-selection { background: #fff; border-top: 2px solid #111; }
.mk[data-theme="notice"] .mk-carte-choix:has(.mk-coche:checked) .mk-fournisseur { border-color: var(--mk-rouge); box-shadow: none; }
.mk[data-theme="notice"] .mk-coche, .mk[data-theme="notice"] .mk-case input, .mk[data-theme="notice"] .mk-choix input { accent-color: var(--mk-rouge); }
.mk[data-theme="notice"] .mk-choix:has(input:checked) { border-color: var(--mk-rouge); background: #fdecec; }
.mk[data-theme="notice"] .mk-etapes span { background: #dbe9f1; border: 1px solid #111; height: 8px; }
.mk[data-theme="notice"] .mk-etapes span.mk-faite { background: var(--mk-rouge); }
.mk[data-theme="notice"] .mk-verrou { background: #fdecec; border: 1.5px solid #111; }
.mk[data-theme="notice"] .mk-avis-reponse { border: 1.5px solid #111; background: #f2f9fd; }
.mk[data-theme="notice"] .mk-page-erreur-code { color: var(--mk-rouge); }