/* Animations des pages de la refonte */
:is(.page-id-2919,.page-id-2943,.page-id-2945,.page-id-3003,.page-id-3020,.page-id-3021,.page-id-3022,.page-id-3023,.page-id-3024,.page-id-3025,.page-id-3026) .wp-block-group[style*="box-shadow"] {
	transition: transform 220ms ease;
}

:is(.page-id-2919,.page-id-2943,.page-id-2945,.page-id-3003,.page-id-3020,.page-id-3021,.page-id-3022,.page-id-3023,.page-id-3024,.page-id-3025,.page-id-3026):has(.od-motion-preview[open]) .wp-block-group[style*="box-shadow"] {
	animation: od-it-reveal 650ms ease-out backwards;
}

:is(.page-id-2919,.page-id-2943,.page-id-2945,.page-id-3003,.page-id-3020,.page-id-3021,.page-id-3022,.page-id-3023,.page-id-3024,.page-id-3025,.page-id-3026):has(.od-motion-preview[open]) .wp-block-column:nth-child(2) .wp-block-group[style*="box-shadow"] {
	animation-delay: 100ms;
}

:is(.page-id-2919,.page-id-2943,.page-id-2945,.page-id-3003,.page-id-3020,.page-id-3021,.page-id-3022,.page-id-3023,.page-id-3024,.page-id-3025,.page-id-3026):has(.od-motion-preview[open]) .wp-block-column:nth-child(3) .wp-block-group[style*="box-shadow"] {
	animation-delay: 200ms;
}

@media (hover: hover) {
	:is(.page-id-2919,.page-id-2943,.page-id-2945,.page-id-3003,.page-id-3020,.page-id-3021,.page-id-3022,.page-id-3023,.page-id-3024,.page-id-3025,.page-id-3026):has(.od-motion-preview[open]) .wp-block-group[style*="box-shadow"]:hover {
		transform: translate(-2px,-5px);
	}
}

@keyframes od-it-reveal {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*
Bienvenue dans l’éditeur de CSS personnalisé !

Pour en découvrir le fonctionnement, accédez à la page suivante :
https://wp.me/PEmnE-Bt
*/
/* delete the featured image on the homepage | 3368470-zen */
div#primary-header {
	display: none;
}

/* Change posts carousel titles color ZD-3383005*/
div.entry-wrapper .entry-title {
	color: white;
}

/* OD Consulting : logo et navigation sur une ligne sur ordinateur */
@media (min-width: 1024px) {
	#masthead {
		flex-wrap: nowrap;
		gap: 24px;
	}
	
	#masthead .site-branding {
		width: auto;
		flex: 0 0 auto;
		text-align: left;
	}
	
	#masthead .header-links {
		width: auto;
		flex: 1 1 auto;
		min-width: 0;
		justify-content: flex-start;
		margin-left: 0;
	}
	
	#site-navigation {
		min-width: 0;
	}
	
	#primary-menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		column-gap: 18px;
	}
	
	#primary-menu > li {
		margin-left: 0;
		flex: 0 0 auto;
	}
	
	#primary-menu > li > a {
		white-space: nowrap;
	}
}

/* Mise en page de la page Approche directe uniquement */
.page-id-117 .entry-content {
	text-align: center;
}

.page-id-117 .entry-content > h2,
.page-id-117 .entry-content > p {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.page-id-117 .entry-content > h2 {
	margin-top: 56px;
	margin-bottom: 28px;
	line-height: 1.3;
}

.page-id-117 .entry-content > p {
	margin-bottom: 28px;
	line-height: 1.8;
}

.page-id-117 .entry-content > .wp-block-columns {
	max-width: 1000px;
	margin: 36px auto 64px;
	align-items: center;
	gap: 48px;
}

.page-id-117 .wp-block-column p {
	text-align: center;
	line-height: 1.8;
}

.page-id-117 .wp-block-column figure {
	margin-left: auto;
	margin-right: auto;
	max-width: 260px;
}

.page-id-117 .wp-block-column figure img {
	display: block;
	width: 100%;
	height: auto;
}

.page-id-117 .wp-block-cover__inner-container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.page-id-117 .wp-block-cover h1,
.page-id-117 .wp-block-cover h2,
.page-id-117 .wp-block-cover p {
	color: #fff;
	text-align: center;
}

.page-id-117 .wp-block-buttons {
	justify-content: center;
}

.page-id-117 .entry-content > .wp-block-spacer:first-child {
	height: clamp(88px, 10vw, 136px) !important;
}

@media (max-width: 781px) {
	.page-id-117 .entry-content > .wp-block-columns {
		gap: 28px;
		margin-top: 28px;
		margin-bottom: 40px;
	}
	
	.page-id-117 .wp-block-column figure {
		max-width: 200px;
	}
	
	.page-id-117 .entry-content > h2 {
		margin-top: 40px;
		font-size: 28px;
	}
	
	.page-id-117 .entry-content > .alignfull {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	
	.page-id-117 .wp-block-cover {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* Portrait et texte sur le meme axe central */
.page-id-117 .entry-content > .wp-block-columns {
	flex-direction: column;
	gap: 28px;
}

.page-id-117 .entry-content > .wp-block-columns > .wp-block-column {
	flex-basis: auto !important;
	width: 100%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

/* Cas clients : logos fondus dans le beige, gabarit uniforme */
.page-id-3022 .od-client-logo {
	width: 150px;
	height: 90px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-id-3022 .od-client-logo img {
	width: 150px !important;
	height: 90px !important;
	object-fit: contain;
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* Accueil OD : annotations et mouvements legers */
.page-id-2919 .od-pencil-mark {
	border-bottom: 2px solid #cadd9d;
	border-radius: 0 0 45% 18%;
	padding-bottom: 5px;
}

.page-id-2919 .od-hero-collage {
}

.page-id-2919 .od-portrait-frame {
	animation: od-portrait-arrive 800ms ease-out both;
}

.page-id-2919 .od-video-frame {
	animation: od-film-arrive 950ms ease-out both;
}

.page-id-2919 .wp-block-button__link {
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.page-id-2919 .od-proof-icon {
	transform: rotate(-7deg);
}

@keyframes od-portrait-arrive {
	from {
		opacity: 0;
		transform: translateY(18px) rotate(8deg);
	}
	
	to {
		opacity: 1;
		transform: translateY(0) rotate(5deg);
	}
}

@keyframes od-film-arrive {
	from {
		opacity: 0;
		transform: translateY(24px) rotate(-9deg);
	}
	
	to {
		opacity: 1;
		transform: translateY(0) rotate(-6deg);
	}
}

@media (hover:hover) {
	.page-id-2919 .wp-block-button__link:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 14px rgba(8,41,29,.12);
	}
}

@media (max-width:781px) {
	.page-id-2919 .od-hero-collage {
		max-width: 420px;
		min-height: 535px !important;
		margin-top: 35px !important;
	}
	
	.page-id-2919 .od-handnote {
		font-size: 16px !important;
	}
	
	.page-id-2919 .od-video-frame figcaption {
		font-size: 13px !important;
	}
}

@media (max-width:400px) {
	.page-id-2919 .od-hero-collage {
		min-height: 485px !important;
	}
	
	.page-id-2919 .od-handnote {
		max-width: 85px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.page-id-2919 .od-portrait-frame,.page-id-2919 .od-video-frame {
		animation: none;
	}
	
	.page-id-2919 .wp-block-button__link {
		transition: none;
	}
}

@media (max-width:400px) {
	.page-id-2919 .od-handnote {
		max-width: 120px;
		font-size: 14px !important;
	}
}

/* OD Consulting : finitions communes aux nouvelles pages */
.od-refined-page h1::after {
	content: "";
	display: block;
	width: 88px;
	height: 2px;
	background: #88a58b;
	border-radius: 60%;
	margin: 22px 0 26px;
	transform: rotate(-3deg);
}

.page-id-2919 .od-refined-page h1::after {
	display: none;
}

.od-refined-page h1.has-text-align-center::after {
	margin-left: auto;
	margin-right: auto;
}

.od-refined-page h1 {
	animation: od-page-enter 600ms ease-out both;
}

.od-refined-page h2,.od-refined-page h3 {
	font-family: Georgia, serif;
	font-weight: 400;
}

.od-refined-page header a,.od-refined-page .wp-block-button__link {
	transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.od-refined-page header a[aria-current="page"] {
	text-decoration: underline !important;
	text-underline-offset: 7px;
}

.od-refined-page a:focus-visible,.od-refined-page summary:focus-visible {
	outline: 2px solid #88a58b;
	outline-offset: 5px;
}

.od-refined-page .wp-block-details {
	border-bottom: 1px solid #164b3726;
	padding: 18px 0;
	margin: 0;
}

.od-refined-page .wp-block-details summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	font-weight: 500;
}

.od-refined-page .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.od-refined-page .wp-block-details summary::after {
	content: "+";
	font-size: 25px;
	line-height: 1;
	color: #164b37;
	flex: 0 0 auto;
}

.od-refined-page .wp-block-details[open] summary::after {
	content: "−";
}

.od-refined-page .wp-block-details[open] summary {
	margin-bottom: 16px;
}

.od-refined-page .od-data-note {
	max-width: 900px;
	padding: 20px 6%;
	margin: 0;
	color: #526153;
	line-height: 1.6;
}

.od-refined-page .wp-block-group[style*="border-radius:22px"],.od-refined-page .wp-block-group[style*="border-radius:18px"] {
	transition: transform 200ms ease;
}

@keyframes od-page-enter {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media(hover:hover) {
	.od-refined-page .wp-block-button__link:hover {
		transform: translateY(-3px);
		box-shadow: 0 6px 16px rgba(22,75,55,.12);
	}
	
	.od-refined-page .wp-block-group[style*="border-radius:22px"]:hover,.od-refined-page .wp-block-group[style*="border-radius:18px"]:hover {
		transform: translateY(-3px);
	}
	
	.od-refined-page header a:hover {
		color: #527459 !important;
	}
}

@media(max-width:781px) {
	.od-refined-page header {
		gap: 24px !important;
	}
	
	.od-refined-page header [role="navigation"] {
		gap: 18px !important;
	}
	
	.od-refined-page .wp-block-buttons {
	}
	
	.od-refined-page .wp-block-details summary {
		font-size: 18px;
		line-height: 1.4;
	}
	
	.od-refined-page .od-legal-links {
		gap: 12px 20px !important;
	}
}

@media(prefers-reduced-motion:reduce) {
	.od-refined-page h1 {
		animation: none;
	}
	
	.od-refined-page a,.od-refined-page .wp-block-group {
		transition: none !important;
	}
}

.od-refined-page.alignfull {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

/* Bandeau des références du cabinet */
.od-cab-window {
	overflow-x: auto;
	max-width: 100%;
	background: #faf6ed;
}

.od-cab-track {
	width: max-content;
	animation: odCabinetLogos 105s linear infinite;
}

.od-cab-window:hover .od-cab-track,.od-cab-window:focus-within .od-cab-track {
	animation-play-state: paused;
}

.od-cab-logo {
}

.od-cab-crossbeam {
	filter: brightness(0);
}

@keyframes odCabinetLogos {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion:reduce),(pointer:coarse) {
	.od-cab-track {
		animation: none;
	}
	
	.od-cab-copy {
		display: none !important;
	}
}

.od-cab-track img[src*="decathlon-digital-logo-reference"] {
	filter: brightness(.9385) sepia(.134) hue-rotate(4deg);
}

.od-cab-track img[src*="odconsultingfr.files.wordpress.com/2020/10/"] {
	filter: brightness(.9385) sepia(.134) hue-rotate(4deg);
}

.od-cab-track img[src*="/2020/10/"] {
	filter: brightness(.9385) sepia(.134) hue-rotate(4deg);
}

@media (max-width:700px) {
	.od-cabinet-silhouettes > img {
		object-fit: cover !important;
		object-position: 70% center;
		opacity: .38;
	}
}

.page-id-2943 .od-clients-dual {
	display: grid;
	gap: 8px;
	width: 100%;
	margin: 8px 0;
}

.page-id-2943 .od-dual-window {
	overflow: hidden;
	width: 100%;
}

.page-id-2943 .od-dual-track {
	display: flex;
	width: max-content;
	animation: odClientsDual 65s linear infinite;
}

.page-id-2943 .od-dual-set {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.page-id-2943 .od-dual-track-2 {
	animation-direction: reverse;
	animation-duration: 70s;
}

.page-id-2943 .od-clients-dual:hover .od-dual-track,.page-id-2943 .od-clients-dual:focus-within .od-dual-track {
	animation-play-state: paused;
}

.page-id-2943 .od-clients-dual .od-cab-crossbeam {
	filter: brightness(0);
}

@keyframes odClientsDual {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

@media(max-width:600px) {
	.page-id-2943 .od-dual-set>span {
		flex-basis: 180px !important;
		width: 180px !important;
	}
	
	.page-id-2943 .od-dual-set img {
		max-width: 160px !important;
	}
	
	.page-id-2943 .od-dual-track {
		animation-duration: 60s;
	}
}

@media(prefers-reduced-motion:reduce) {
	.page-id-2943 .od-dual-window {
		overflow-x: auto;
	}
	
	.page-id-2943 .od-dual-track {
		animation: none;
	}
	
	.page-id-2943 .od-dual-copy {
		display: none;
	}
}

.page-id-2943 .od-dual-window {
	-ms-overflow-style: none;
}

.page-id-2943 .od-dual-window::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.page-id-2943 .od-dual-set img {
}

.page-id-2943 .od-clients-dual {
}

/* Menu compact et references OD - 10 novembre 2026 */
.od-refined-page .od-mobile-menu {
	display: none;
}

.od-refined-page .od-site-header-final {
	position: relative;
	z-index: 30;
}

.od-refined-page .od-site-header-final a:focus-visible,.od-refined-page .od-mobile-menu summary:focus-visible {
	outline: 2px solid #164b37;
	outline-offset: 4px;
}

.od-client-gallery-final img[src*="/2020/10/"],.od-client-gallery-final img[src*="decathlon-digital-logo-reference"] {
	filter: brightness(.9385) sepia(.134) hue-rotate(4deg);
}

@media(max-width:760px) {
	.od-refined-page .od-desktop-nav,.od-refined-page .od-desktop-cta {
		display: none !important;
	}
	
	.od-refined-page .od-mobile-menu {
		display: block;
		flex: 0 0 auto;
	}
	
	.od-refined-page .od-mobile-menu summary {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		min-height: 44px;
		padding: 8px 14px;
		border: 1px solid #164b37;
		border-radius: 999px;
		cursor: pointer;
		list-style: none;
		color: #164b37;
		font-size: 14px;
	}
	
	.od-refined-page .od-mobile-menu summary::-webkit-details-marker {
		display: none;
	}
	
	.od-refined-page .od-mobile-panel {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		padding: 12px 6% 18px;
		background: #faf6ed;
		border-bottom: 1px solid #164b3733;
		box-shadow: 0 4px 0 #164b371a;
		z-index: 40;
	}
	
	.od-refined-page .od-mobile-panel a {
		display: block;
		min-height: 44px;
		padding: 12px 8px;
		color: #164b37;
		text-decoration: none;
		border-bottom: 1px solid #164b3726;
	}
	
	.od-refined-page .od-mobile-panel a:last-child {
		border-bottom: 0;
	}
	
	.od-refined-page .od-header-logo {
		flex-basis: 100px !important;
		width: 100px !important;
		height: 60px !important;
	}
	
	.od-refined-page .od-header-logo img {
		height: 60px !important;
		width: 108px !important;
	}
	
	.od-refined-page .od-header-inner {
		min-height: 64px !important;
		flex-wrap: nowrap !important;
	}
}