/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/

@font-face {
  font-family: 'Inter';
  src:
    url('/wp-content/uploads/2026/01/Inter24pt-Bold.woff2') format('woff2'),
    url('/wp-content/uploads/2026/01/Inter24pt-Bold.woff') format('woff'); /* ✅ correction */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('/wp-content/uploads/2026/01/Inter18pt-Regular.woff2') format('woff2'),
    url('/wp-content/uploads/2026/01/Inter18pt-Regular.woff') format('woff'); /* ✅ correction */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}



.bgLightWhite {
	background: #ffffff40;
	padding: 20px;
	border-radius: 20px;
	padding: 20px !important;
}



/* ====== Layout général ====== */
.ocito-footer {
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 56px 0 18px;
	/* couleur de sécurité si l'iframe ne charge pas */
	background: #2a0b28;
	flex-direction: column;
}

.ocito-footer__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}
.ocito-footer__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	/* option : légèrement désaturer pour l’effet “fond carte” */
	filter: saturate(0.95) contrast(1.05);
}
.ocito-footer__overlay {
	position: absolute;
	inset: 0;
	/* overlay violet sombre + léger dégradé */
	background: radial-gradient(1200px 600px at 20% 10%, rgba(122, 193, 67, 0.15), transparent 60%), radial-gradient(900px 500px at 70% 30%, rgba(255, 255, 255, 0.06), transparent 55%), linear-gradient(180deg, rgba(34, 7, 33, 0.82) 0%, rgba(34, 7, 33, 0.92) 55%, rgba(34, 7, 33, 0.96) 100%);
}

.ocito-footer__container {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 22px;
}

.ocito-footer__grid {
	display: grid;
	grid-template-columns: 1.25fr 0.85fr 1fr 1fr;
	gap: 28px 34px;
	align-items: start;
}
.ocito-map_box {
	width: max-content;
	background: #fff;
	position: absolute;
	padding: 40px;
	transform: translateY(-50%);
	top: 50%;
	border-radius: 30px;
}

/* ====== Col 1 ====== */
.ocito-footer__logo {
	display: inline-flex;
	align-items: baseline;
	gap: 10px;
	text-decoration: none;
	color: #fff;
}
.ocito-footer__logoText {
	font-size: 54px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: lowercase;
}
.ocito-footer__logoMark {
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: #7ac143;
	display: inline-block;
	transform: translateY(-14px);
	box-shadow: 0 8px 24px rgba(122, 193, 67, 0.25);
}

.ocito-footer__infos {
	margin-top: 10px;
	font-size: 14px;
	opacity: 0.95;
}
.ocito-footer__infos p {
	margin: 4px 0;
}
.ocito-footer__infos a {
	color: #fff;
	text-decoration: none;
}
.ocito-footer__infos a:hover {
	text-decoration: underline;
}

.ocito-footer__desc {
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.45;
	opacity: 0.8;
	max-width: 360px;
}

/* ====== Col 2 : boutons ====== */
.ocito-footer__cta {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 12px;
}
.ocito-footer_btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
	border-radius: 14px;
	padding: 15px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
	transition: transform 0.15s ease, filter 0.15s ease, background-color 0.15s ease;
	width: fit-content;
	background: linear-gradient(to right, #7bd13b, #6bb03a);
	color: #fff;
}
.ocito-footer_btn:hover {

	filter: brightness(1.02);
	color: #fff!important;
}
.ocito-footer_btn--primary {
	background: #7ac143;
	color: #fff;
}
.ocito-footer_btn--primary:hover {
	background: #6bb03a;
}
.ocito-footer_btn--secondary {
	background: rgba(122, 193, 67, 0.18);
	color: #fff;
	border: 1px solid rgba(122, 193, 67, 0.35);
	box-shadow: none;
}
.ocito-footer_btn--secondary:hover {
	background: rgba(122, 193, 67, 0.24);
}

/* ====== Col 3 : services ====== */
.ocito-footer__title {
	margin: 14px 0 12px;
	font-size: 16px;
	font-weight: 800;
	opacity: 0.95;
}
.ocito-footer__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ocito-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 14px;
	border-radius: 16px;
	background: #881377;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	font-size: 15px;
	transition: transform 0.15s ease, background-color 0.15s ease;
}
.ocito-chip:hover {

	background: rgba(186, 0, 170, 0.34);
	color: #fff!important;
}

/* ====== Col 4 : liens ====== */
.ocito-footer__link {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	margin: 14px 0;
	opacity: 0.92;
}
.ocito-footer__link:hover {
	opacity: 1;
	text-decoration: underline;
	color: #fff!important;
}

/* ====== Bottom ====== */
.ocito-footer__bottom {
	margin-top: 15px;
	margin-bottom: 12px;
	padding-top: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-size: 12px;
	opacity: 0.85;
}
.ocito-footer__legal {
	margin-bottom: 0px;
}
.ocito-footer__legal a {
	color: #fff;
	text-decoration: none;
}
.ocito-footer__legal a:hover {
	text-decoration: underline;
}
.ocito-footer__credit {
	margin: 0;
	white-space: nowrap;
	font-weight: 700;
	opacity: 0.9;
}

/* -----------------------------------header ------------------------------------------ */
/* ===== Header OCITO ===== */
/* .ocito-header{
position: relative;
z-index: 999;
padding: 0 14px;
} */

header {
	background: #2a0b28;
}
.ocito-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;

	background: #2a0b28;
	padding: 18px 22px;
	/* border-radius: 18px; */

	max-width: 1400px;
	margin: 0 auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

/* Logo */
.ocito-header__logo a {
	display: flex;
	align-items: center;
}
.ocito-header__logo img {
	height: 34px;
	width: auto;
	display: block;
}
.ocito-header__logoText {
	color: #fff;
	font-weight: 800;
	font-size: 22px;
}

/* Nav desktop */
.ocito-navbar {
	flex: 1;
	display: flex;
	justify-content: end;
	position: relative;
}
.ocito-menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 0;
	margin: 0;
	.brz-btn {
		padding: 16px 30px !important;
		span {
			font-size: 16px;
		}
	}
}
.ocito-menu > li > a {
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	font-size: 15px;
	opacity: 0.92;
	transition: opacity 0.2s ease, transform 0.2s ease;
	display: block;
	line-height: 15px;
	&::first-line {
		font-weight: 800;
	}
}
.ocito-menu > li > a:hover {
	opacity: 1;

}

/* CTA */
.ocito-cta {
	display: flex;
	align-items: center;
	gap: 14px;
}
.ocito-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	/* height: 44px; */
	padding: 12px 28px;
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
	white-space: nowrap;
	transition: transform 0.15s ease, filter 0.15s ease;
	border-radius: 0.75rem;
	width: 100%;
	font-weight: 800 !important;
	background: linear-gradient(90deg, rgba(var(--brz-global-color3),1) 0%, rgba(var(--brz-global-color4),1) 100%)
}
.ocito-btn:hover {

	/* filter: brightness(1.03); */
}

/* Burger */
.ocito-burger {
	display: none;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.06);
	cursor: pointer;
	padding: 10px;
}
.ocito-burger span {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	margin: 6px 0;
	opacity: 0.95;
}

/* Panel mobile */
.ocito-mobilePanel {
	display: none;
	max-width: 1400px;
	margin: 0 auto 0px auto;
}
.ocito-mobilePanel__inner {
	background: #2a0b28;
	border-radius: 18px;
	padding: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.ocito-menu--mobile {
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	padding: 10px 0 6px 0;
}
.ocito-menu--mobile > li > a {
	display: block;
	padding: 12px 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.06);
}

/* CTA mobile */
.ocito-cta--mobile {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ocito-cta--mobile .ocito-btn {
	width: 100%;
}

/* -----------------------------------sliders ------------------------------------------ */
/* ===== Slider Témoignages (style proche screenshot) ===== */
.ocito-testimonials {
	position: relative;
	padding: 40px 0 80px;
	border-radius: 18px;
	/* overflow: hidden; */
}

/* effet 'bandes verticales' */
.ocito-testimonials:before {
	content: "";
	position: absolute;
	inset: 0;

	pointer-events: none;
	opacity: 0.85;
}

.ocito-testimonials .splide {
	position: relative;
	z-index: 2;
}

/* cartes */
.ocito-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 18px;
	padding: 22px 22px 18px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.2°);
}

.ocito-card__text {
	color: #000;
	font-size: 16px;
	line-height: 1.7;
}

.ocito-card__author {
	margin-top: 6px;
	color: #000;
	font-weight: 800;
	font-size: 15px;
}

.ocito-card__role {
	color: #000;
	font-weight: 600;
	font-size: 14px;
	opacity: 0.9;
}

/* navigation custom bas */
.ocito-nav {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 14px;
	z-index: 3;
}

.slider-button {
	width: 54px;
	height: 54px;
	border: none;
	border-radius: 14px;
	background: #7bd13b;
	border-radius: 16px;
	background: linear-gradient(77deg, var(--Vert-2, #64D362) 48.15%, var(--Vert, #A6CE39) 97.09%);
	box-shadow: 0 43px 12px 0 rgba(0, 0, 0, 0.00), 0 28px 11px 0 rgba(0, 0, 0, 0.01), 0 16px 9px 0 rgba(0, 0, 0, 0.05), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.10);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-button:hover {
	filter: brightness(0.95);
}
.slider-button:active {
	transform: translateY(1px);
}
.slider-button svg {
	width: 22px;
	height: 22px;
}

/* On masque les flèches Splide natives */
.ocito-testimonials .splide__arrows {
	display: none;
}

/* spacing */
.ocito-testimonials .splide__track {
	padding: 0 18px;
}
.ocito-testimonials .splide__slide {
	padding: 0px;
}

.ocito-nav {
	margin-top: 10px!important;
}

/* ====== Responsive tablette ====== */
@media (max-width: 1024px) {
	.ocito-footer {
		padding: 46px 0 18px;
	}
	.ocito-footer__grid {
		grid-template-columns: 1.2fr 1fr;
		gap: 26px 26px;
	}
	.ocito-footer__cta .ocito-footer_btn {
		width: 100%;
		min-width: unset;
	}
	.ocito-footer__logoText {
		font-size: 48px;
	}
	.ocito-navbar {
		display: none;
	}
	.ocito-cta {
		display: none;
	}
	.ocito-burger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	html.ocito-menu-open .ocito-mobilePanel {
		display: block;
	}

	.ocito-header__inner {
		padding: 14px 14px;
		gap: 12px;
		border-radius: 16px;
	}
	.ocito-testimonials {
		padding: 32px 0 76px;
	}
	.ocito-card__text {
		font-size: 15px;
	}
}

/* ====== Responsive mobile ====== */
@media (max-width: 640px) {
	.ocito-footer__container {
		padding: 0 16px;
	}
	.ocito-footer__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.ocito-footer__logoText {
		font-size: 44px;
	}
	.ocito-footer__desc {
		max-width: 100%;
	}
	.ocito-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.ocito-header__logo img {
		height: 30px;
	}
	.ocito-header__inner {
		border-radius: 14px;
	}
	.ocito-testimonials {
		padding: 24px 0 70px;
		border-radius: 14px;
	}
	.ocito-card {
		padding: 18px;
		border-radius: 14px;
	}
}

/* ====== MODFIS 7/01/26 ====== */

@media (max-width: 767px) {
	.intro-site {
		flex-direction: column!important;
		margin: 0!important;
		width: 100%!important;
	}

	.intro-site .hidden {
		display: none!important;
	}

	.btn-responsive {
		align-items: center!important;
	}

	.intro-site h1 {
		text-align: center!important;
	}
}

.btn-home {
	font-size: 25px!important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16)!important;

}

.home-h1 {
	font-size: 56px!important;
	line-height: 56px;
}

@media (min-width: 768px) and (max-width: 1000px) {
	.home-h1 {
		font-size: 50px!important;
		line-height: 50px;
	}

	.intro-site {
		margin: 0;
		width: 100%;
	}

	.btn-responsive {
		align-items: end;
	}
}

@media (max-width: 767px) {
	.home-h1 {
		font-size:  42px!important;
		line-height: 42px;
	}
}

.btn-home-custom {
	width: fit-content!important;
	font-weight: 800!important;
	border-radius: 0.75rem;
	background: linear-gradient(77deg, var(--Vert-2, #64D362) 48.15%, var(--Vert, #A6CE39) 97.09%)!important;
	box-shadow: 0 43px 12px 0 rgba(0, 0, 0, 0.00), 0 28px 11px 0 rgba(0, 0, 0, 0.01), 0 16px 9px 0 rgba(0, 0, 0, 0.05), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.10)!important;
}

.col-link img {
	transform: scale(1);
	transition: transform 0.6s ease;
	will-change: transform;
}

/* Hover : zoom image */


.blur-custom .brz-bg {
	backdrop-filter: blur(5.5px)!important;
}

.shadow-custom .brz-bg {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16)!important;
}
.custom-btn-gradient{
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 16px !important;

	background: transparent !important;
	text-decoration: none !important;

	z-index: 0 !important;
}


.custom-btn-gradient span{
	background: linear-gradient(77deg, #64d362, #a6ce39) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}

.custom-btn-gradient {
	border: 0px!important;
}
.custom-btn-gradient::before{
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	padding: 2px !important; 
	background: linear-gradient(77deg, #64d362, #a6ce39) !important;
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;

	pointer-events: none !important;
	z-index: -1 !important;
}

.elements{
	position: relative; 
}

.elements::before{
	content: ""!important;
	position: absolute!important;
	top: 20%!important;
	transform: translateY(-50%)!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important; 
	background-image: url("/wp-content/uploads/2026/01/form.svg")!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-size: contain!important; 
	pointer-events: none!important; 
	z-index: 1!important; 
	opacity: 0.7!important;
}

.elements::after{
	content: "";
	position: absolute;
	bottom: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
	background-image: url("/wp-content/uploads/2026/01/Mode_Isolation.svg")!important;
	background-repeat: no-repeat!important;
	background-position: center bottom!important;
	background-size: contain!important; 
	z-index: 1!important; 
	pointer-events: none!important;
}

.col-link img {
	height: 98%!important;
}

.gradient-size {
	height: 98%!important;
}

.col-link img::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35%; /* hauteur du dégradé */

	/* DÉGRADÉ DU BAS VERS LE HAUT */
	background: linear-gradient(
		to top,
		rgba(#3B0833, 0.75),
		rgba(#3B0833, 0)
	);

	pointer-events: none;
	z-index: 2;
}
.ocito-map_box .item-center {
	color: #3A0833!important;
}

.ocito-map_box .item-center:not(:last-child){
	margin-bottom: 5px; 
}

@media screen and (max-width:760px){
	.ocito-map_box h2{
		font-size:24px;
	}

}

.case-backdrop {
	background: linear-gradient(180deg, rgba(250, 250, 250, 0.10) 0%, rgba(250, 250, 250, 0.20) 100%)!important;
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.32)!important;
	backdrop-filter: blur(8px)!important;
	padding: 20px!important;
	border-radius: 16px!important;
}

.shadow-btn, .brz-btn:not(.brz-btn.custom-btn-gradient)  {
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.32)!important;
}

.first-line ::first-line{
	font-weight: 300!important;
}

.align-left {
	text-align: left!important;
}

.page-id-93 .ocito-testimonials {
	padding-top: 0px!important;
}


.mission-case .brz-bg {
	backdrop-filter: blur(5.5px)!important;
}

@media (max-width: 1000px) {
	.none {
		display: none!important;
	}
}


.box2 {
	text-align: center!important;
	color: #3A0833!important;
	border-radius: 0 0 30px 30px;
	padding: 50px!important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
}

.box2 h2 {
	margin-bottom: 0px!important;
}

.box2.ocito-map_box {
	top: 0!important;
	transform: none!important;
}

.ocito-footer__container_2  {
	max-width: 1280px;!important;
	margin : 0 auto!important;
}

.box2 .subtitle {
	color: var(--Violet-2, #3A0833);
	text-align: center;
	font-family: Inter!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 140%; /* 33.6px */
	margin-bottom: 20px!important;
	display: block;
}

.box2 P {
	margin-bottom: 0px!important;
}

.bold-txt {
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 33.6px */
	display: block;
	margin-top: 20px!important;
}

.ocito-footer_btn small {
	font-size: 16px!important;
	font-weight: 300!important;
	margin-left: 2px!important;
}




/******** GAB ********/
#gform_1 input, #gform_1 textarea, #gform_3 input, #gform_5 input, #input_5_3{
	background:white;
	border-radius:12px;
	padding:20px;
}

#input_5_9 {
	background: transparent!important;
	border: none!important;
	border-radius: 0px!important;
}

input[type="file"] {
	padding: 0px!important;
	background: transparent!important;
	font-weight: 300!important;
	margin-bottom: 5px!important;
}

input[type="file"]::file-selector-button {
	background-color: transparent!important;
	border: 1px solid #fff!important;
	cursor: pointer;
	font-weight: 300!important;
	font-size: 14px;
	padding: 5px!important;
}

#gform_wrapper_5 .gform_footer {
	margin-top: 0px!important;
}

#gform_wrapper_5 .gform_footer {
	margin-top: 0px!important;
    width: fit-content!important;
    align-items: flex-end;
    text-align: left;
    margin-left: 0px!important;
	padding-top: 0px!important;
}

#gform_wrapper_5 .gform_footer input {
	padding: 15px!important;
}

#gform_submit_button_1, #gform_submit_button_3, #gform_submit_button_5 {
	background: linear-gradient(77deg, var(--Vert-2, #64D362) 48.15%, var(--Vert, #A6CE39) 97.09%) !important;
	margin-left:auto;
	font-weight:bold;
}

#gform_submit_button_3{
	margin:auto !important;
}

/* Container principal : mise en grille */
#input_2_5.gfield_radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
	gap: 20px; /* Espace entre les boutons */
	margin-top: 20px;
}

/* Cache le bouton radio d'origine (le petit rond) */
#input_2_5 .gfield-choice-input {
	display: none !important;
}

/* Style de la "tuile" (le label) */
#input_2_5 .gchoice label {
	min-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.3); /* Fond translucide */
	color: white;
	padding: 20px 10px;
	border-radius: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	text-align: center;
	font-weight: 500;
	margin: 0 !important; /* Reset Gravity Forms */
	min-height: 60px;
}

/* Effet au survol */
#input_2_5 .gchoice label:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

/* Style quand l'option est sélectionnée */
#input_2_5 .gchoice input:checked + label {
	background-color: rgba(255, 255, 255, 0.4);
	border-color: #ffffff;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Adaptation mobile (1 ou 2 colonnes sur petits écrans) */
@media (max-width: 600px) {
	#input_2_5.gfield_radio {
		grid-template-columns: repeat(2, 1fr);
	}
}

.gform_page_footer{
	display:flex;
	justify-content:center;
}

#gform_next_button_2_3{
	margin:auto;
	border-radius: 12px;
	background: linear-gradient(77deg, var(--Vert-2, #64D362) 48.15%, var(--Vert, #A6CE39) 97.09%);
	box-shadow: 0 43px 12px 0 rgba(0, 0, 0, 0.00), 0 28px 11px 0 rgba(0, 0, 0, 0.01), 0 16px 9px 0 rgba(0, 0, 0, 0.05), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.10);
}

.demande-devis-title{
	font-size:30px;
	color:white;
	text-align:center;
}

.demande-devis-title #gf-votre-besoin{
	border:2px solid white;
	padding:10px;
	border-radius:10px;
	font-size:20px;
}

.demande-devis-title-2{
	margin-bottom:20px;
}

#gform_2 input, #gform_2 textarea{
	background:white;
	border-radius:12px;
	padding:20px;
}

#gform_next_button_2_3, #gform_submit_button_2{
	background: linear-gradient(77deg, var(--Vert-2, #64D362) 48.15%, var(--Vert, #A6CE39) 97.09%) !important;
	font-weight:bold;
}

/******** OFFRE EMPLOI ********/

.offres-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* ✅ Tablette : 2 colonnes */
@media (max-width: 1024px){
    .offres-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ✅ Mobile : 1 colonne */
@media (max-width: 768px){
    .offres-grid{
        grid-template-columns: 1fr;
		gap: 20px;
    }
}

.offre-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.10);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height: 250px;
	font-family: "Inter"!important;
	color: #3A0833;
}
	
	@media (max-width: 768px){
    .offre-card{
        padding:15px;
    }
}


.offre-title_card {
    font-size:24px;
    font-weight:700;
	color: #3A0833;
    margin-bottom:10px;
}

.offre-meta{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:0.03em;
    margin-bottom:20px;
}

.offre-meta span:not(:last-child)::after{
    content:" | ";
    margin:0 6px;
}

.offre-excerpt{
    font-size:15px;
    line-height:1.5;
    margin-bottom:25px;
    flex-grow:1;
}

.offre-btn{
    display:inline-block;
    padding: 8px 16px;
    border:1px solid #3A0833;
    border-radius:16px;
    color:#3A0833;
    text-decoration:none;
    font-weight:400;
    width:max-content;
    margin-left:auto;
}
	.offre-btn:hover {
		color:#3A0833!important;
	}


.single-offre{
    background:#4c4c4c;
    color:#fff;
    padding:80px 0;
	font-family: "Inter"!important;
}
	
.emploi-section {
	padding: 75px 0px!important;
	background: linear-gradient(180deg, #3A0833 0%, #A0168D 100%);
	color: #fff!important;
}
	
@media(max-width: 1000px){
	.emploi-section {
		padding: 50px 0px!important;
	}
}

@media(max-width: 768px){
	.emploi-section {
		padding: 40px 0px!important;
	}
}

.single-offre .offre-top{
    width:90%;
    max-width:1200px;
    margin:0 auto 60px auto;
}

.offre-title{
    font-size: 58px!important;
    font-weight:700;
    margin-bottom:0px;
    letter-spacing:0.02em;
	color: #fff!important;
}

	@media (min-width: 768px) and (max-width: 1000px) {
	.offre-title{
		font-size: 50px!important;
		line-height: 50px;
	}
}

@media (max-width: 767px) {
	.offre-title{
		font-size:  42px!important;
		line-height: 42px;
	}
}

/* ✅ Meta ligne sous le titre */
.offre-meta{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    align-items:center;
    font-size:16px;
}

.meta-item{
    display:flex;
    align-items:center;
    gap:10px;
}

.meta-icon{
    color:#d87c2a; /* orange comme le modèle */
    font-size:18px;
}

/* ✅ Grid principale */
.offre-grid{
    margin:0 auto;
    display:grid;
    grid-template-columns: 1.4fr 1fr;
    gap:80px;
	
}

/* ✅ Colonne gauche */
.offre-left h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
	color: #fff!important;
}
.offre-bloc{
    margin-bottom:40px;
}

.offre-bloc:last-child{
    margin-bottom:0;
}
.offre-text{
    font-size:16px;
    line-height:1.8;
}

.offre-text ul{
    padding-left:20px;
    margin-top:15px;
}

.offre-text li{
    margin-bottom:10px;
}

/* ✅ Formulaire (en attendant fond blanc dans le modèle, sinon #4c4c4c) */
.offre-form{

    border-radius:12px;
    
}

.form-title{
    font-size:48px;
    font-weight:700;
    margin-bottom:25px;
    text-align:center;
	color:#FFF;
}
	
	@media (min-width: 768px) and (max-width: 1000px) {
	.form-title{
		font-size:40px;
	}
}

@media (max-width: 767px) {
	.form-title{
		font-size:32px;
	}
}
	

.form-note{
    font-size:14px;
    opacity:0.8;
    margin-bottom:25px;
}

.required{
    color:#d87c2a;
    font-weight:700;
}

/* champs */
.offre-form input,
.offre-form textarea{
    width:100%;
    border:none;
    border-bottom:1px solid #ccc;
    padding:14px 10px;
    font-size:15px;
    outline:none;
    background:transparent;
}

.offre-form textarea{
    border:1px solid #ccc;
    border-radius:8px;
    margin-top:15px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:20px;
}

.form-file{
    display:flex;
    gap:15px;
    align-items:center;
    flex-wrap:wrap;
    margin:25px 0;
}

.file-btn{
    border:1px solid #d87c2a;
    background:#fff;
    padding:10px 18px;
    cursor:pointer;
    font-weight:700;
    color:#333;
    display:inline-block;
}

.form-submit{
    width:100%;
    background:#d87c2a;
    border:none;
    color:#fff;
    padding:14px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    border-radius:8px;
    transition:0.2s;
}

.form-submit:hover{
    opacity:0.9;
}

/* ✅ RESPONSIVE */
@media(max-width: 1000px){

    .offre-grid{
        grid-template-columns:1fr;
        gap:10px;
    }


}

@media(max-width: 768px){

    .single-offre{
        padding:50px 0;
    }

    .form-row{
        grid-template-columns:1fr;
    }

    .form-title{
        font-size:34px;
    }
}

/* ARTICLES */

.title-blog {
	color: #3A0833!important;
	font-family: Inter!important;
	font-size: 24px!important;
	font-style: normal!important;
	font-weight: 700!important;
}
.blog-case {
	padding: 20px!important;
}

.content-blog  {
	padding-top: 20px!important;
}
.title-blog a, .leading-relaxed, .subtitle-post, .btn-blog  {
		color: #3A0833!important;
}

.subtitle-post {
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 160%!important;
}

.btn-blog {
	border-radius: 12px!important;
}

.subtitle-post {
	margin-top: 0px!important;
	margin-bottom: 10px!important;
}