/* ============================================================================
   ULTRACYCLISME.CC – Charte « Proposition 01 »
   Thème enfant ContentBerg. Chargé après le style du parent.
   ========================================================================== */

/* --- 1. Variables ---------------------------------------------------------- */
:root {
	/* Couleurs – charte validée */
	--uc-kaki-nuit:      #21261C; /* header, footer, titres, fonds pleins */
	--uc-vert-profond:   #0F6E5C; /* accent : liens, catégories, boutons */
	--uc-vert-survol:    #0A5346; /* accent au survol */
	--uc-argile:         #A65E38; /* signal rare : nouveau, alerte, promo */
	--uc-sable-moyen:    #ececef; /* encadrés, blocs de synthèse, tableaux (cool grey) */
	--uc-sable-clair:    #f5f5f7; /* fond de page et fond d'article */
	--uc-texte:          #55584A; /* texte courant */
	--uc-texte-2:        #6B6A5C; /* texte secondaire – 5.1:1 sur #f5f5f7 (WCAG AA) */
	--uc-filet:          #dededf; /* filets / bordures (cool grey) */
	--uc-lien-sombre:    #4FB39C; /* lien sur fond sombre */
	--uc-footer-txt:     #9B9A86; /* texte secondaire sur fond kaki – 5.3:1 (WCAG AA) */

	/* Typographie */
	--uc-font-titre: "Oswald", "Helvetica Neue", Arial, sans-serif;
	--uc-font-corps: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

	--uc-col-texte: 680px; /* largeur de colonne de texte max */
}

/* --- 2. Base ------------------------------------------------------------- */
body {
	background-color: var(--uc-sable-clair);
	color: var(--uc-texte);
	font-family: var(--uc-font-corps);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.667; /* 18/30 */
}

a {
	color: var(--uc-vert-profond);
	text-decoration-color: var(--uc-filet);
}
a:hover,
a:focus {
	color: var(--uc-vert-survol);
}

/* --- 3. Titres --------------------------------------------------------------
   ContentBerg met « Roboto » sur h1..h6 ET sur ses classes de titres
   (.heading, .post-title, .widget-title…). On repasse tout en Oswald.
   On garde l'échelle de tailles du parent, on ne touche que
   police / graisse / couleur. */
body h1, body h2, body h3, body h4, body h5, body h6,
.heading,
.post-title, .post-title-alt,
.widget-title, .widget-title span,
.section-head, .section-head .title,
.block-heading, .block-head-b, .block-head-c,
.entry-title, .page-title, .the-page-title {
	font-family: var(--uc-font-titre);
	font-weight: 600;
	color: var(--uc-kaki-nuit);
	letter-spacing: 0;
}

/* Capitales : titres de section/widget + titre en gabarit single/cover. */
.widget-title,
.section-head, .section-head .title,
.block-heading,
.the-post .the-post-header .post-title,
.single-cover .overlay .post-title,
.the-page-title {
	text-transform: uppercase;
}

/* Titre à la une du slider (variantes .slider-overlay ET .overlay du
   "bold slider", rendues par le plugin ThemeSphere) : Oswald, capitales. */
.main-slider .slider-overlay .heading,
.main-slider .slider-overlay .heading a,
.main-slider .overlay .heading,
.main-slider .overlay .heading a,
.slider-overlay .heading,
.overlay .heading {
	font-family: var(--uc-font-titre) !important;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}

/* Chapô */
.entry-excerpt, .post-excerpt, .lead, .chapo {
	font-size: 21px;
	line-height: 1.619; /* 21/34 */
	color: var(--uc-texte);
}

/* Légende */
figcaption, .wp-caption-text {
	font-size: 14px;
	line-height: 1.571; /* 14/22 */
	color: var(--uc-texte-2);
}

/* Colonne de lecture */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote {
	max-width: var(--uc-col-texte);
}

/* --- 4. Étiquettes de catégorie ------------------------------------------
   ContentBerg : <span class="post-cat"><a class="category">…</a></span>
   et .overlay .category dans le slider. Fond vert profond, Oswald capitales. */
.uc-cat,
.post-cat a.category,
.post-cat > a,
.main-slider .slider-overlay .category,
.main-slider .overlay .category,
.slider-overlay .category,
.overlay .category,
.cat-labels a,
.entry-category a {
	display: inline-block;
	font-family: var(--uc-font-titre);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff !important;
	background-color: var(--uc-vert-profond);
	padding: 4px 10px;
	border-radius: 0;
	text-decoration: none;
}
.uc-cat:hover,
.post-cat a.category:hover,
.post-cat > a:hover,
.overlay .category:hover,
.entry-category a:hover {
	background-color: var(--uc-vert-survol);
	color: #fff !important;
}

/* Signal « nouveau » – argile, usage rare */
.uc-flag-new {
	display: inline-block;
	font-family: var(--uc-font-titre);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	background-color: var(--uc-argile);
	padding: 4px 10px;
}

/* --- 5. Boutons -------------------------------------------------------------- */

/* Boutons ContentBerg (.button, submit, form) → vert profond de la charte. */
input[type="submit"],
button,
input[type="button"],
.button {
	background: var(--uc-vert-profond);
	font-family: var(--uc-font-titre);
	font-weight: 500;
}
input[type="submit"]:hover,
button:hover,
input[type="button"]:hover,
.button:hover {
	background: var(--uc-vert-survol);
}

.uc-btn,
.wp-block-button__link,
button.btn-primary,
.btn-primary {
	display: inline-block;
	font-family: var(--uc-font-titre);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	background-color: var(--uc-vert-profond);
	border: 2px solid var(--uc-vert-profond);
	padding: 12px 24px;
	border-radius: 0;
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.uc-btn:hover,
.wp-block-button__link:hover,
.btn-primary:hover {
	background-color: var(--uc-vert-survol);
	border-color: var(--uc-vert-survol);
	color: #fff;
}

.uc-btn--secondary {
	background-color: transparent;
	color: var(--uc-vert-profond);
	border: 2px solid var(--uc-vert-profond);
}
.uc-btn--secondary:hover {
	background-color: var(--uc-vert-profond);
	color: #fff;
}

/* --- 6. Encadré de synthèse « À retenir » ------------------------------------
   Fond sable moyen. Un seul bloc de ce type par page. */
.uc-summary {
	background-color: var(--uc-sable-moyen);
	border: none;
	padding: 24px 28px;
	margin: 32px 0;
	max-width: var(--uc-col-texte);
}
.uc-summary__title {
	font-family: var(--uc-font-titre);
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--uc-kaki-nuit);
	margin: 0 0 8px;
}
.uc-summary p:last-child { margin-bottom: 0; }

/* --- 7. Filets & tableaux -------------------------------------------------- */
hr { border: 0; border-top: 1px solid var(--uc-filet); }

.entry-content table {
	border-collapse: collapse;
	width: 100%;
}
.entry-content th {
	background-color: var(--uc-sable-moyen);
	font-family: var(--uc-font-titre);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--uc-kaki-nuit);
}
.entry-content th,
.entry-content td {
	border: 1px solid var(--uc-filet);
	padding: 10px 12px;
}

/* --- 8. Puce de liste = symbole ----------------------------------------------
   Le symbole géométrique comme marqueur de liste dans le contenu d'article. */
.entry-content > ul {
	list-style: none;
	padding-left: 1.6em;
}
.entry-content > ul > li {
	position: relative;
}
.entry-content > ul > li::before {
	content: "";
	position: absolute;
	left: -1.6em;
	top: 0.45em;
	width: 12px;
	height: 12px;
	background-color: var(--uc-vert-profond);
	clip-path: polygon(0 100%, 100% 22%, 100% 100%);
}

/* --- 9. Fonds sombres --------------------------------------------------------- */
.uc-dark,
.site-footer,
.footer-dark {
	background-color: var(--uc-kaki-nuit);
	color: var(--uc-sable-clair);
}
.uc-dark a,
.site-footer a {
	color: var(--uc-lien-sombre);
}

/* --- 11. Header une ligne ------------------------------------------------
   Surcharge du layout nav-below (voir partials/header/layout-nav-below.php). */
.uc-head,
.uc-head .inner-head {
	background: var(--uc-sable-clair) !important;
	border: 0;
}
/* position:sticky ne marche pas si un ancêtre a overflow-x/y:hidden|auto.
   ContentBerg met overflow-x:hidden sur body et .main-wrap -> on repasse en
   `clip` : même effet (pas de scroll horizontal) mais sticky fonctionne. */
body,
.main-wrap {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

.uc-head {
	border-bottom: 1px solid var(--uc-filet) !important;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
}
.admin-bar .uc-head { top: 32px; }
@media (max-width: 782px) {
	.admin-bar .uc-head { top: 46px; }
}
.uc-head .top-bar { display: none; }

.uc-head .inner-head > .wrap.uc-head__bar,
.uc-head__bar {
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: 70px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 32px;
	box-sizing: border-box;
	float: none;
}
.uc-head__bar::before,
.uc-head__bar::after { display: none !important; }

/* Logo – on ne garde que le logotype 1 ligne (.mobile-logo) */
.uc-head .title.ts-logo,
.uc-head .title.ts-logo > a {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 0 !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	align-self: center;
}
.uc-head .title .logo-image,
.uc-head .title .logo-image-dark { display: none !important; }
.uc-head .title .mobile-logo {
	display: block !important;
	height: 30px !important;
	width: auto !important;
	max-width: none !important;
}
.uc-head .text-logo {
	font-family: var(--uc-font-titre);
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--uc-kaki-nuit);
}

/* Navigation – on neutralise le float/inline de ContentBerg (.navigation.inline) */
.uc-head__nav { margin-left: auto; float: none; width: auto; }
.uc-head__nav,
.uc-head__nav .navigation,
.uc-head__nav .navigation.inline,
.uc-head__nav .navigation > div,
.uc-head__nav .menu-home-container,
.uc-head__nav [class*="menu-"][class*="-container"] {
	display: flex !important;
	align-items: center !important;
	float: none !important;
	width: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}
.uc-head__nav ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	gap: 28px;
	float: none;
}
.uc-head__nav li {
	position: relative;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	white-space: nowrap;
	border: 0 !important;
}
.uc-head__nav > .navigation,
.uc-head__nav .menu,
.uc-head__nav > .navigation > div { min-height: 0 !important; }
.uc-head__nav a {
	font-family: var(--uc-font-titre) !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
	color: var(--uc-kaki-nuit) !important;
	text-decoration: none !important;
	display: block !important;
	padding: 6px 0 !important;
	line-height: 1.2 !important;
	background: none !important;
}
.uc-head__nav > .navigation > div > ul > li { padding: 0 !important; }
.uc-head__nav a:hover,
.uc-head__nav .current-menu-item > a,
.uc-head__nav .current-menu-ancestor > a { color: var(--uc-vert-profond) !important; }

/* Sous-menus – on force le menu déroulant compact (ContentBerg le met pleine largeur) */
.uc-head__nav .sub-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: auto !important;
	width: 250px !important;
	min-width: 0 !important;
	max-width: none !important;
	background: var(--uc-kaki-nuit) !important;
	padding: 8px 0 !important;
	margin: 0 !important;
	display: block !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
	z-index: 200 !important;
	box-shadow: 0 12px 28px rgba(33, 38, 28, .22);
}
.uc-head__nav li:hover > .sub-menu,
.uc-head__nav li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.uc-head__nav .sub-menu li { display: block !important; width: 100% !important; }
.uc-head__nav .sub-menu a {
	padding: 9px 18px !important;
	color: var(--uc-sable-clair) !important;
	font-size: 12px !important;
	letter-spacing: 0.04em !important;
	white-space: normal !important;
}
.uc-head__nav .sub-menu a:hover {
	color: #fff !important;
	background: var(--uc-vert-profond) !important;
}
.uc-head__nav .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

/* Icône recherche native ContentBerg (.nav-icons .search-link) */
.uc-head .nav-icons { margin-left: 4px; }
.uc-head .nav-icons .search-link,
.uc-head .search-link {
	color: var(--uc-kaki-nuit) !important;
	font-size: 16px !important;
	padding: 8px !important;
}
.uc-head .nav-icons .search-link:hover { color: var(--uc-vert-profond) !important; }

/* Instagram + Strava dans le menu off-canvas mobile (injectes par
   uc-header-social.js, voir #mobile-menu ul.mobile-menu li.uc-mobile-social) */
#mobile-menu li.uc-mobile-social {
	display: flex;
	gap: 12px;
	padding: 20px 0 0;
	border-top: 0;
}
#mobile-menu li.uc-mobile-social a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	border: 1px solid var(--uc-filet, #dededf);
	border-radius: 50%;
	color: var(--uc-kaki-nuit, #21261C);
	transition: border-color .15s ease, color .15s ease;
}
#mobile-menu li.uc-mobile-social a:hover { border-color: var(--uc-vert-profond, #0F6E5C); color: var(--uc-vert-profond, #0F6E5C); }
#mobile-menu li.uc-mobile-social svg { width: 19px; height: 19px; }

/* Burger (mobile) */
.uc-head__burger {
	display: none;
	font-size: 20px;
	color: var(--uc-kaki-nuit);
	cursor: pointer;
	line-height: 1;
}

@media (max-width: 980px) {
	.uc-head__burger { display: inline-flex; order: 0; }
	.uc-head .mobile-nav,
	.uc-head__burger { margin: 0 !important; }
	.uc-head .inner-head > .wrap.uc-head__bar,
	.uc-head__bar {
		position: relative;
		gap: 12px;
		min-height: 54px;
		padding: 7px 16px;
		flex-wrap: wrap;
		row-gap: 0;
	}
	.uc-head .title .mobile-logo { height: 24px !important; }
	.uc-head .title.ts-logo { order: 1; }

	/* Loupe : sortie du flux défilant, épinglée en haut à droite. */
	.uc-head .nav-icons {
		order: 2;
		position: absolute;
		top: 6px;
		right: 12px;
		margin: 0;
	}
	.uc-head .nav-icons .search-link { padding: 8px !important; font-size: 17px !important; }

	/* 2e rangée : catégories principales, défilables horizontalement.
	   Le menu complet (sous-menus inclus) reste accessible via le burger. */
	.uc-head__nav {
		display: block !important;
		order: 3;
		width: 100%;
		margin: 4px -16px 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.uc-head__nav::-webkit-scrollbar { display: none; }
	.uc-head__nav,
	.uc-head__nav .navigation,
	.uc-head__nav .navigation > div,
	.uc-head__nav [class*="menu-"][class*="-container"] { min-height: 0 !important; }
	.uc-head__nav ul {
		gap: 0 !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}
	.uc-head__nav > .navigation > div > ul > li { padding: 0 !important; }
	.uc-head__nav > .navigation > div > ul > li > a { padding-left: 16px !important; padding-right: 16px !important; }
	.uc-head__nav > .navigation > div > ul > li:not(.nav-icons) + li:not(.nav-icons) { border-left: 1px solid var(--uc-filet); }
	.uc-head__nav a {
		font-size: 12px !important;
		letter-spacing: 0.05em !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
		white-space: nowrap;
	}
	.uc-head__nav .sub-menu { display: none !important; }
	.uc-head__nav .menu-item-has-children > a::after { display: none !important; }
}

/* --- 10. Mega-footer maison ------------------------------------------------
   Injecté via bunyad_pre_footer ; le footer ContentBerg est masqué. */
.main-footer { display: none !important; }

.uc-footer {
	background: var(--uc-kaki-nuit);
	color: var(--uc-footer-txt);
	font-family: var(--uc-font-corps);
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.uc-footer__wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 32px;
}
.uc-footer > .uc-footer__wrap {
	padding-top: 44px;
	padding-bottom: 44px;
}
.uc-footer__cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}
.uc-footer__title {
	margin: 0 0 14px;
	font-family: var(--uc-font-titre);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--uc-sable-moyen);
}
.uc-footer__col ul { list-style: none; margin: 0; padding: 0; }
.uc-footer__col li { margin: 0 0 9px; }
.uc-footer__col a {
	font-size: 14px;
	line-height: 1.4;
	color: var(--uc-sable-clair);
	text-decoration: none;
}
.uc-footer__col a:hover { color: var(--uc-lien-sombre); }

.uc-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
}
.uc-footer__bottom .uc-footer__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.uc-footer__copy {
	font-size: 13px;
	letter-spacing: 0.04em;
	color: var(--uc-footer-txt);
}
.uc-footer__legal a {
	font-family: var(--uc-font-titre);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--uc-lien-sombre);
	text-decoration: none;
	margin-left: 22px;
}
.uc-footer__legal a:first-child { margin-left: 0; }

@media (max-width: 900px) {
	.uc-footer > .uc-footer__wrap {
		grid-template-columns: 1fr;
		gap: 32px;
		padding-top: 40px;
	}
	.uc-footer__cols { grid-template-columns: 1fr 1fr; gap: 28px; }
	.uc-footer__bottom .uc-footer__wrap { justify-content: flex-start; }
}
@media (max-width: 520px) {
	.uc-footer__cols { grid-template-columns: 1fr; }
}

/* --- 12. Archives, recherche, 404, commentaires ------------------------- */

/* Corps de texte Work Sans partout (ContentBerg met du Roboto sur ces zones) */
.excerpt, .post-excerpt, .entry-summary,
.archive-head .sub-title, .archive-head .title, .archive-head .description,
.page-404 p, .page-404 .links a,
.comment-content, .comment-content p, .comment-form label {
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif) !important;
}

/* En-tête d'archive / recherche */
.archive-head {
	position: relative;
	background: var(--uc-sable-clair, #f5f5f7);
	border-bottom: 1px solid var(--uc-filet, #dededf);
	text-align: center;
	padding: 40px 32px 34px;
	overflow: hidden;
}
.archive-head .background { display: none !important; }
.archive-head .sub-title {
	display: block;
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--uc-texte-2, #8C8B77);
	margin-bottom: 6px;
}
.archive-head .title {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	font-weight: 600 !important;
	font-size: 32px !important;
	line-height: 1.1 !important;
	text-transform: uppercase;
	color: var(--uc-kaki-nuit, #21261C) !important;
	margin: 0 !important;
}
.archive-head .description {
	max-width: 680px;
	margin: 14px auto 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--uc-texte, #55584A);
}
@media (max-width: 600px) {
	.archive-head { padding: 28px 20px 24px; }
	.archive-head .title { font-size: 25px !important; }
}

/* 404 */
.page-404 .text-404,
.page-404 .main-color {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	color: var(--uc-vert-profond, #0F6E5C) !important;
}
.page-404 .main-heading {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	text-transform: uppercase;
	color: var(--uc-kaki-nuit, #21261C) !important;
}
.page-404 .links a { color: var(--uc-vert-profond, #0F6E5C) !important; }

/* Commentaires */
.comments-area .section-head,
.comments-area .section-head .title,
#comments .section-head .title {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--uc-kaki-nuit, #21261C) !important;
}
.comments-area .section-head::before,
.comments-area .section-head::after { display: none !important; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	border: 1px solid var(--uc-filet, #dededf);
	background: #fff;
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif);
	border-radius: 0;
}
.comment-form input[type="submit"],
#comment-submit {
	background: var(--uc-vert-profond, #0F6E5C) !important;
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	border-radius: 0 !important;
}
.comment-form input[type="submit"]:hover,
#comment-submit:hover { background: var(--uc-vert-survol, #0A5346) !important; }
.comment .comment-author,
.comment .comment-author a {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif);
	color: var(--uc-kaki-nuit, #21261C);
}

/* Contact Form 7 – champs + bouton habillés charte */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea,
.wpcf7-form select {
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif) !important;
	font-size: 15px !important;
	color: var(--uc-texte, #55584A) !important;
	background: #fff !important;
	border: 1px solid var(--uc-filet, #dededf) !important;
	border-radius: 8px !important;
	padding: 11px 14px !important;
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
}
.wpcf7-form textarea { min-height: 140px; }
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	outline: none !important;
	border-color: var(--uc-vert-profond, #0F6E5C) !important;
}
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: var(--uc-vert-profond, #0F6E5C) !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 13px 28px !important;
	cursor: pointer;
	transition: background-color .15s ease;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover { background: var(--uc-vert-survol, #0A5346) !important; }
.wpcf7-form .wpcf7-not-valid-tip {
	color: var(--uc-argile, #A65E38) !important;
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif) !important;
	font-size: 13px !important;
}
.wpcf7 form .wpcf7-response-output {
	border-radius: 8px !important;
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif) !important;
	font-size: 14px !important;
}

/* --- 13. Coins arrondis des vignettes éditoriales (15px) ---------------
   Cartes home, articles liés, nav prev/next, boucles d'archives.
   Exclus : le hero plein cadre, l'avatar auteur, les visuels AffiliateX. */
.uc-card__media,
.uc-latest__media,
.related-posts .post .image-link,
.related-posts .post .image-link img,
.post-nav .image-link,
.post-nav .image-link img,
.main-content .post .image-link,
.main-content .post .image-link img,
.main-content .post .post-thumb img,
.main-content .post .featured img,
.main-content .post .thumb img {
	border-radius: 15px !important;
	overflow: hidden;
}

/* --- 14. Cartes de liste d'archive : extrait discret + méta propre ------ */
.post-excerpt,
.list-post .post-excerpt,
.main-content .post-excerpt,
.main-content .post .post-content.post-excerpt {
	font-size: 15px !important;
	line-height: 1.55 !important;
	color: var(--uc-texte, #55584A) !important;
}
.post-meta-a .meta-sep,
.list-post .post-meta .meta-sep { display: none !important; }

/* --- 15. Fil d'ariane + pagination numérotée --------------------------- */
.uc-crumbs {
	max-width: 1200px;
	margin: 0 auto;
	padding: 14px 32px;
	font-family: var(--uc-font-corps, "Work Sans", Arial, sans-serif);
	font-size: 13px;
	color: var(--uc-texte-2, #8C8B77);
}
.uc-crumbs ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.uc-crumbs li { display: flex; align-items: center; min-width: 0; }
.uc-crumbs li + li::before {
	content: "";
	width: 6px;
	height: 6px;
	margin: 0 10px;
	background: var(--uc-vert-profond, #0F6E5C);
	clip-path: polygon(0 100%, 100% 22%, 100% 100%);
	flex: none;
}
.uc-crumbs a { color: var(--uc-vert-profond, #0F6E5C); text-decoration: none; }
.uc-crumbs a:hover { color: var(--uc-vert-survol, #0A5346); text-decoration: underline; }
/* Titre long : le dernier maillon se replie sur plusieurs lignes au lieu de
   déborder du conteneur (plus de troncature ellipsis sur desktop). */
.uc-crumbs [aria-current="page"] {
	color: var(--uc-texte, #55584A);
	overflow-wrap: anywhere;
}
.uc-crumbs li:last-child { flex: 1 1 auto; }
.uc-crumbs li:last-child::before { align-self: flex-start; margin-top: 5px; }
@media (max-width: 600px) {
	.uc-crumbs { padding: 9px 20px; font-size: 12px; }
	/* Mobile : fil complet sur une seule ligne, scroll horizontal si besoin. */
	.uc-crumbs {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.uc-crumbs::-webkit-scrollbar { display: none; }
	.uc-crumbs ol { flex-wrap: nowrap; }
	.uc-crumbs li,
	.uc-crumbs li:last-child { flex: none; }
	.uc-crumbs li:last-child::before { align-self: center; margin-top: 0; }
	.uc-crumbs li + li::before { margin: 0 8px; }
	.uc-crumbs [aria-current="page"] { max-width: none; white-space: nowrap; }
}

.uc-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 24px 0 8px;
}
.uc-pager .page-numbers {
	font-family: var(--uc-font-titre, "Oswald", Arial, sans-serif);
	font-weight: 500;
	font-size: 14px;
	min-width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border: 1px solid var(--uc-filet, #D3CBB6);
	color: var(--uc-kaki-nuit, #21261C);
	text-decoration: none;
}
.uc-pager a.page-numbers:hover {
	border-color: var(--uc-vert-profond, #0F6E5C);
	color: var(--uc-vert-profond, #0F6E5C);
}
.uc-pager .page-numbers.current {
	background: var(--uc-vert-profond, #0F6E5C);
	border-color: var(--uc-vert-profond, #0F6E5C);
	color: #fff;
}
.uc-pager .page-numbers.dots { border: 0; }

/* Fil d'ariane : coller le contenu (ContentBerg met 65px de margin sur .main.wrap) */
/* pas de filet propre au fil d'ariane : le header a déjà sa bordure basse */
.uc-crumbs + .main.wrap,
.uc-crumbs + .main-wrap { margin-top: 24px !important; }
.uc-crumbs + .archive-head { margin-top: 0 !important; }

/* Recherche header : overlay natif ContentBerg, habillé charte.
   .search-link (loupe) est dans le <li.nav-icons> ; theme.js bascule
   .active sur .search-box-overlay (frère de la loupe).
   .nav-icons sert de bloc conteneur : déjà position:relative (desktop, skin)
   ou position:absolute (mobile, §11) – on ne le retouche pas ici. */
.uc-head .search-box-overlay {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	z-index: 300;
	width: 300px;
	max-width: calc(100vw - 32px);
	padding: 14px;
	box-sizing: border-box;
	background: var(--uc-sable-clair);
	border: 1px solid var(--uc-filet);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(33, 38, 28, .16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.uc-head .search-box-overlay.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.uc-head .search-box-overlay .search-form {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
}
.uc-head .search-box-overlay .search-field {
	flex: 1 1 auto;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--uc-filet);
	border-radius: 8px;
	background: #fff;
	font-family: var(--uc-font-corps);
	font-size: 14px;
	color: var(--uc-kaki-nuit);
	box-sizing: border-box;
}
.uc-head .search-box-overlay .search-field:focus {
	outline: none;
	border-color: var(--uc-vert-profond);
}
/* pas de 2e loupe : le bouton submit du formulaire est masqué */
.uc-head .search-box-overlay .search-submit { display: none !important; }