/*
Theme Name: SEMTARN
Theme URI: https://www.semtarn.fr
Author: SEMTARN
Description: Thème bloc léger du site SEMTARN : réparation de smartphones, tablettes et ordinateurs, pièces détachées, formation et conseil informatique dans le Tarn.
Version: 1.4.0
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: semtarn
*/

/* ---------- Base ---------- */
html {
	scroll-padding-top: calc(var(--wp--custom--header--height) + 1rem);
	-webkit-text-size-adjust: 100%;
}

html,
body {
	overflow-x: clip;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

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

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
	border-radius: 4px;
}

::selection {
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--contrast);
}

/* Liens dans le texte : soulignement discret, plus marqué au survol */
:where(.wp-block-post-content, .entry-content) a:where(:not(.wp-element-button)) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

:where(.wp-block-post-content, .entry-content) a:where(:not(.wp-element-button)):hover {
	text-decoration-thickness: 2px;
}

/* ---------- En-tête ---------- */
.semtarn-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.admin-bar .semtarn-header {
	top: var(--wp-admin--admin-bar--height, 0);
}

.semtarn-header__inner {
	min-height: var(--wp--custom--header--height);
}

.semtarn-header .wp-block-site-logo img {
	width: 116px;
	height: auto;
}

.semtarn-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40);
}

.semtarn-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	font-size: 1.25rem;
}

.semtarn-header .wp-block-button__link {
	padding: 0.65em 1.1em;
	font-size: 0.95rem;
}

/* Menu : la rubrique affichée est soulignée en ambre (« Services » pour chacune de ses pages). */
.semtarn-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.semtarn-header .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--accent);
	text-decoration-thickness: 3px;
	text-underline-offset: 0.5em;
}

/* Sous-menu « Services » : même cadre que les cartes */
.semtarn-header .wp-block-navigation__submenu-container {
	min-width: 18rem !important;
	padding: 0.5rem 0 !important;
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: var(--wp--custom--radius--small);
	box-shadow: var(--wp--preset--shadow--carte);
}

.semtarn-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1.1rem !important;
}

.semtarn-header .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--tint);
	text-decoration: none;
}

.semtarn-header .is-menu-open .wp-block-navigation__submenu-container {
	padding: 0 0 0 1rem !important;
	border: 0 !important;
	box-shadow: none;
}

/* Menu mobile : tout aligné à gauche, une colonne par niveau (le menu de bureau est aligné à droite). */
.semtarn-header .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
	--navigation-layout-align: flex-start;
	text-align: left;
}

.semtarn-header .is-menu-open .wp-block-navigation__container,
.semtarn-header .is-menu-open .wp-block-navigation-item,
.semtarn-header .is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
}

@media (max-width: 599px) {
	.semtarn-header .wp-block-site-logo img {
		width: 96px;
	}

	/* Mobile : bouton « Devis » puis menu (icône) tout à droite */
	.semtarn-header .wp-block-navigation {
		order: 2;
	}

	.semtarn-header .wp-block-button__link {
		padding: 0.6em 0.85em;
		font-size: 0.875rem;
	}
}

/* ---------- Typographie utilitaire ---------- */
.semtarn-surtitre {
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--primary);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.semtarn-chapo {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.55;
}

/* ---------- Sections sombres (vert forêt) : hero, appels à l'action, pied de page ---------- */
.semtarn-sombre {
	color: var(--wp--preset--color--tint);
}

.semtarn-sombre :where(h1, h2, h3, h4) {
	color: var(--wp--preset--color--base);
}

.semtarn-sombre .semtarn-surtitre {
	color: var(--wp--preset--color--mint);
}

.semtarn-sombre .semtarn-chapo {
	color: var(--wp--preset--color--tint);
}

.semtarn-sombre a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--mint);
}

/* Bouton principal ambre sur fond sombre, bouton secondaire en contour blanc */
.semtarn-sombre .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

.semtarn-sombre .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
}

.semtarn-sombre .wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid currentcolor;
	background: transparent;
	color: var(--wp--preset--color--base);
}

.semtarn-sombre .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary-dark);
}

/* ---------- Hero et en-têtes de pages (fond vert forêt pointillé) ---------- */
.semtarn-hero,
.semtarn-entete {
	position: relative;
	overflow: hidden;
	background-image: radial-gradient(rgba(159, 211, 181, 0.16) 1.2px, transparent 1.2px);
	background-size: 22px 22px;
}

.semtarn-hero h1 {
	text-wrap: balance;
}

.semtarn-hero h1 em {
	color: var(--wp--preset--color--accent);
	font-style: normal;
}

.semtarn-hero__visuel img {
	width: 100%;
	max-width: 560px;
	margin-inline: auto;
	border-radius: 0;
}

.semtarn-points {
	margin-top: var(--wp--preset--spacing--40) !important;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.semtarn-points li {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.4rem 0.85rem 0.4rem 0.5rem;
	border: 1px solid rgba(159, 211, 181, 0.35);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
}

.semtarn-points li::before {
	content: "";
	width: 1.15rem;
	height: 1.15rem;
	flex: none;
	background: var(--semtarn-coche) center / contain no-repeat;
}

/* ---------- Illustrations ---------- */
.semtarn-illu img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

.semtarn-entete .semtarn-illu img {
	max-width: 460px;
	margin-inline: auto;
}

/* ---------- Cartes ---------- */
.is-style-carte {
	position: relative;
	overflow: hidden;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	box-shadow: var(--wp--preset--shadow--carte);
}

.is-style-carte > .wp-block-image,
.is-style-carte > figure.wp-block-image,
.is-style-carte > .wp-block-post-featured-image {
	margin: 0;
}

.is-style-carte > .wp-block-image img,
.is-style-carte > .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0;
}

/* Séparation nette entre l'image et le texte de la carte */
.is-style-carte > .wp-block-image,
.is-style-carte > .wp-block-post-featured-image {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Carte sans image (article sans image à la une) : marge intérieure en haut */
.is-style-carte > .wp-block-group:first-child {
	padding-top: var(--wp--preset--spacing--40);
}

.is-style-carte h3 a,
.is-style-carte h2 a {
	color: inherit;
	text-decoration: none;
}

/* Toute la carte est cliquable via le lien du titre (sans :has(), coûteux à recalculer) */
.is-style-carte h3 > a::after,
.is-style-carte h2 > a::after {
	content: "";
	position: absolute;
	inset: 0;
	/* Le pseudo-élément appartient au lien, pas à la carte : arrondi de la carte donné explicitement. */
	border-radius: var(--wp--custom--radius--medium);
	transition: box-shadow 0.2s ease;
}

.is-style-carte h3 > a:hover::after,
.is-style-carte h2 > a:hover::after {
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--primary-light);
}

.is-style-carte h3 > a:focus-visible,
.is-style-carte h2 > a:focus-visible {
	outline: none;
}

.is-style-carte h3 > a:focus-visible::after,
.is-style-carte h2 > a:focus-visible::after {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: -3px;
}

.is-style-encadre {
	background: var(--wp--preset--color--tint);
	border-radius: var(--wp--custom--radius--medium);
}

/* ---------- Icônes (pictogramme au-dessus d'un titre : classe « has-icone icone-xxx ») ---------- */
.has-icone::before {
	content: "";
	display: block;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: var(--wp--preset--color--tint) var(--semtarn-icone, none) center / 1.6rem no-repeat;
}

/* ---------- Étapes numérotées ---------- */
.semtarn-numero {
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-weight: 800;
	line-height: 1;
}

/* ---------- Listes ---------- */
.is-style-coches {
	padding-left: 0;
	list-style: none;
}

.is-style-coches li {
	position: relative;
	padding-left: 1.75rem;
}

.is-style-coches li + li {
	margin-top: 0.5rem;
}

.is-style-coches li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 1.15rem;
	height: 1.15rem;
	background: var(--semtarn-coche) center / contain no-repeat;
}

.semtarn-pastilles {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	list-style: none;
}

.semtarn-pastilles li {
	padding: 0.35rem 0.8rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 650;
}

/* ---------- FAQ ---------- */
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	list-style-position: outside;
}

.wp-block-details[open] summary {
	margin-bottom: 0.5rem;
}

/* ---------- Pied de page (vert forêt) ---------- */
.semtarn-footer a,
.semtarn-footer.semtarn-sombre a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--tint);
	text-decoration: none;
}

.semtarn-footer a:hover,
.semtarn-footer.semtarn-sombre a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}

.semtarn-footer .semtarn-coord a {
	color: var(--wp--preset--color--base);
}

/* Pied de page collé à la dernière bande (pas d'espacement automatique de WordPress entre les deux). */
.wp-site-blocks > .wp-block-template-part:last-child {
	margin-block-start: 0;
}

/* Logo : jamais arrondi (les images ont un arrondi par défaut, qui rognait le cadre du logo). */
.semtarn-footer .wp-block-image img {
	border-radius: 0;
}

.semtarn-footer__bas {
	border-top: 1px solid rgba(159, 211, 181, 0.22);
}

.semtarn-footer .semtarn-liens {
	padding: 0;
	list-style: none;
}

.semtarn-footer .semtarn-liens li + li {
	margin-top: 0.4rem;
}

.semtarn-footer__bas a:hover {
	color: var(--wp--preset--color--base);
}

/* ---------- Articles ---------- */
/* Catégorie de l'article, au-dessus de la date dans les cartes : on sait tout de suite de quoi il parle. */
.semtarn-etiquette {
	margin-top: var(--wp--preset--spacing--30);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.semtarn-etiquette a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}
.semtarn-article .wp-block-post-featured-image img {
	border-radius: var(--wp--custom--radius--medium);
}

.wp-block-post-template .wp-block-post-featured-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ---------- Bandeau d'appel à l'action : vert de la marque, pleine largeur ----------
   Plus clair que le pied de page vert forêt qui le suit ; boutons de la classe semtarn-sombre (ambre, contour blanc). */
.semtarn-cta {
	background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1.2px, transparent 1.2px);
	background-size: 22px 22px;
}

/* Bouton d'appel (bloc du plugin) sur fond sombre : contour blanc */
.semtarn-sombre .semtarn-appel .is-style-outline > .wp-block-button__link {
	color: var(--wp--preset--color--base);
}

/* En-tête : bouton « Devis gratuit » ambre */
.semtarn-header .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

.semtarn-header .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

/* Cartes illustrées : illustration entière, sur le même vert d'eau que son halo (pas de rectangle
   d'une autre teinte autour du halo) et que les images à la une des articles. */
.is-style-carte > .semtarn-illu img {
	object-fit: contain !important;
	background: var(--wp--preset--color--tint);
}


/* ---------- Rendu différé des sections hors écran ----------
   Le navigateur ne calcule la mise en page d'une section qu'à l'approche du défilement :
   moins de travail au chargement (TBT), sans effet sur le contenu ni le référencement. */
.wp-block-post-content > section.alignfull:not(:first-child) {
	content-visibility: auto;
	contain-intrinsic-size: auto 900px;
}

/* ---------- Mobile : pages plus compactes ---------- */
@media (max-width: 599px) {
	.semtarn-hero__visuel img {
		max-width: 300px;
	}

	.is-style-carte > .wp-block-image img {
		aspect-ratio: 16 / 9 !important;
	}

	.semtarn-entete__visuel img {
		aspect-ratio: 16 / 9 !important;
	}
}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}

/* ICONES:DEBUT — généré par scripts/build-icons.js, ne pas modifier à la main */
:root {
	--semtarn-coche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23e3efe8' stroke='none'/%3E%3Cpath d='m7.5 12.3 3 3 6-6.3' stroke-width='2.2'/%3E%3C/svg%3E");
}
.icone-smartphone {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E");
}
.icone-ordinateur {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='16' height='11' rx='1.5'/%3E%3Cpath d='M2 19.5h20'/%3E%3C/svg%3E");
}
.icone-outils {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.2l-5.8 5.8a1.8 1.8 0 0 0 2.5 2.5l5.8-5.8a4 4 0 0 0 5.2-5.4l-2.5 2.5-2.3-.4-.4-2.3z'/%3E%3C/svg%3E");
}
.icone-boite {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E");
}
.icone-formation {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3 2 9 2 12 0v-5M22 9v6'/%3E%3C/svg%3E");
}
.icone-conseil {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
}
.icone-web {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18'/%3E%3C/svg%3E");
}
.icone-bouclier {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.5 3.2 8.3 7.5 9.5 4.3-1.2 7.5-5 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4'/%3E%3C/svg%3E");
}
.icone-feuille {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-13 15-14-1 10-6 15-14 15'/%3E%3Cpath d='M5 19c3-3 6-5 9-7'/%3E%3C/svg%3E");
}
.icone-position {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11.5A7 7 0 0 0 5 9.5C5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}
.icone-envoi {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");
}
.icone-distance {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 0 1-.4-9A6 6 0 0 1 18 9.5a4 4 0 0 1-.5 8.5z'/%3E%3C/svg%3E");
}
.icone-devis {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 13l2 2 4-4'/%3E%3C/svg%3E");
}
.icone-diagnostic {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.4-4.4'/%3E%3C/svg%3E");
}
.icone-telephone {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3l1.5 4-2 1.2a11 11 0 0 0 5.3 5.3l1.2-2 4 1.5v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.icone-ecole {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V10l7-5 7 5v11M10 21v-5h4v5'/%3E%3C/svg%3E");
}
.icone-puce {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='1.5'/%3E%3Cpath d='M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4'/%3E%3C/svg%3E");
}
.icone-donnees {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3'/%3E%3C/svg%3E");
}
.icone-ia {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8z'/%3E%3Cpath d='M19 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E");
}
.icone-groupe {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M15.5 14.2A5 5 0 0 1 21 19'/%3E%3C/svg%3E");
}
.icone-horloge {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.icone-ecran {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.5'/%3E%3Cpath d='M10.5 6.5l2 3-1.5 2 2.5 3.5'/%3E%3C/svg%3E");
}
.icone-batterie {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='16' height='9' rx='2'/%3E%3Cpath d='M21 10.5v3M7.5 12h4M9.5 10v4'/%3E%3C/svg%3E");
}
.icone-cable {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5v3.5M14.5 2.5v3.5'/%3E%3Crect x='7' y='6' width='10' height='6' rx='1.5'/%3E%3Cpath d='M12 12v3a4 4 0 0 1-4 4H5.5'/%3E%3C/svg%3E");
}
.icone-camera {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2.5h7L17 8h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");
}
.icone-audio {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Crect x='3' y='14' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='14' width='4' height='6' rx='1.5'/%3E%3C/svg%3E");
}
.icone-coque {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='3'/%3E%3Crect x='9' y='5' width='4' height='5' rx='1.2'/%3E%3C/svg%3E");
}
.icone-goutte {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z'/%3E%3Cpath d='M9.5 14.5a2.5 2.5 0 0 0 2.5 2.5'/%3E%3C/svg%3E");
}
.icone-euro {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5e4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6.5A7 7 0 1 0 17 17.5M4 10.5h9M4 13.5h9'/%3E%3C/svg%3E");
}
.semtarn-sombre {
	--semtarn-coche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe9da' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f5b942' stroke='none'/%3E%3Cpath d='m7.5 12.3 3 3 6-6.3' stroke='%2316362b' stroke-width='2.2'/%3E%3C/svg%3E");
}
.semtarn-sombre .icone-telephone {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe9da' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3l1.5 4-2 1.2a11 11 0 0 0 5.3 5.3l1.2-2 4 1.5v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.semtarn-sombre .icone-devis {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe9da' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 13l2 2 4-4'/%3E%3C/svg%3E");
}
.semtarn-sombre .icone-position {
	--semtarn-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe9da' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11.5A7 7 0 0 0 5 9.5C5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}
/* ICONES:FIN */