/* ==========================================================================
   Page "Qui sommes-nous" (remplace Elementor) — wilfried, groupecoiff.com
   A placer dans : wp-content/themes/blocksy-1752578877-via-wpmarmite/assets/css/apropos-page.css
   ========================================================================== */

.gc-apropos { overflow: hidden; }

/* --- Bouton "Découvrir nos produits" --- */
.gc-apropos-btn {
	display: inline-block;
	background: #CD7F32;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .3px;
	text-transform: uppercase;
	padding: 13px 28px;
	border-radius: 4px;
	text-decoration: none;
	border: 1px solid #CD7F32;
	transition: background .15s ease, border-color .15s ease;
}
.gc-apropos-btn:hover { background: #b56b28; border-color: #b56b28; color: #fff; }

/* --- Hero (photo pleine largeur) --- */
.gc-apropos-hero {
	height: 460px;
	background-size: cover;
	background-position: center;
}

/* --- Titre + chapô --- */
.gc-apropos-intro {
	max-width: 760px;
	margin: 0 auto;
	padding: 70px 20px 60px;
	text-align: center;
}
.gc-apropos-intro__title {
	margin: 0 0 26px;
	font-size: 40px;
	font-weight: 700;
	color: #2c281b;
	line-height: 1.2;
}
.gc-apropos-intro__title i { font-style: italic; font-weight: 500; }
.gc-apropos-intro__quote {
	margin: 0;
	font-size: 18px;
	line-height: 1.7;
	color: #55503f;
}
.gc-apropos-intro__quote::before {
	content: '“';
	display: block;
	font-size: 46px;
	line-height: 1;
	color: #CD7F32;
	margin-bottom: 6px;
	font-family: Georgia, serif;
}

/* --- Rangées image / texte en 2 colonnes --- */
.gc-apropos-row {
	max-width: 1180px;
	margin: 0 auto;
	padding: 50px 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}
.gc-apropos-row--reverse .gc-apropos-row__media { order: 2; }
.gc-apropos-row--reverse .gc-apropos-row__text { order: 1; }

.gc-apropos-row__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.gc-apropos-row__title {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: 700;
	color: #2c281b;
	line-height: 1.3;
}
.gc-apropos-row__text p {
	margin: 0 0 16px;
	font-size: 15px;
	line-height: 1.75;
	color: #55503f;
}
.gc-apropos-row__text p:last-child { margin-bottom: 0; }
.gc-apropos-row__text .gc-apropos-btn { margin-top: 22px; }

/* --- Bloc "Service client" centré + bouton --- */
.gc-apropos-service {
	max-width: 760px;
	margin: 0 auto;
	padding: 20px 20px 70px;
	text-align: center;
}
.gc-apropos-service__title {
	margin: 0 0 18px;
	font-size: 26px;
	font-weight: 700;
	color: #2c281b;
}
.gc-apropos-service__divider {
	width: 60px;
	height: 3px;
	background: #CD7F32;
	border: none;
	margin: 0 auto 22px;
}
.gc-apropos-service p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: #55503f;
}
.gc-apropos-service p.gc-apropos-service__cta { margin-top: 40px; text-align: center; }

@media (max-width: 900px) {
	.gc-apropos-hero { height: 260px; }
	.gc-apropos-intro { padding: 46px 20px 40px; }
	.gc-apropos-intro__title { font-size: 30px; }
	.gc-apropos-row { grid-template-columns: 1fr; gap: 24px; padding: 34px 20px; }
	.gc-apropos-row--reverse .gc-apropos-row__media,
	.gc-apropos-row--reverse .gc-apropos-row__text { order: initial; }
}