/*
Theme Name: Le Cercle V5 Ultimate
Theme URI: https://example.com/
Author: Le Cercle
Author URI: https://example.com/
Description: Theme WordPress premium natif pour Le Cercle.
Version: 1.0.144
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: le-cercle-v5-ultimate
*/

/* Art BnB: remove broken arrow after photo links */
.artbnb-more-photos::after {
	content: "" !important;
}
/* Art BnB card mini galleries */
.artbnb-card-carousel {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	background: #0f1115;
}

.artbnb-card-carousel img {
	flex: 0 0 100%;
	width: 100%;
	aspect-ratio: 1.35 / 1;
	object-fit: cover;
	scroll-snap-align: start;
}

.artbnb-card-carousel::-webkit-scrollbar {
	height: 6px;
}

.artbnb-card-carousel::-webkit-scrollbar-thumb {
	background: rgba(198, 255, 46, .7);
	border-radius: 999px;
}
/* Art BnB: hide scrollbars on mini galleries */
.artbnb-card-carousel {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.artbnb-card-carousel::-webkit-scrollbar {
	display: none;
}
/* Art BnB: horizontal-only card galleries */
.artbnb-photo {
	overflow: hidden;
}

.artbnb-card-carousel {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden !important;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}

.artbnb-card-carousel img {
	display: block;
	flex: 0 0 100%;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	aspect-ratio: 1.35 / 1;
	height: auto;
	object-fit: cover;
	scroll-snap-align: start;
}
/* Contact: hide practical-info label icons */
.contact-details .contact-icon {
	display: none !important;
}
/* Contact: cleaner practical information layout */
.contact-main__grid {
	grid-template-columns: minmax(360px, 0.42fr) minmax(0, 0.58fr) !important;
	align-items: start;
}

.contact-details {
	background: rgb(255 255 255 / 3%);
	border: 1px solid rgb(255 255 255 / 18%) !important;
	padding: clamp(1.4rem, 2.5vw, 2.2rem) !important;
}

.contact-details h2 {
	font-size: clamp(2.1rem, 3vw, 3rem) !important;
	margin-bottom: 1.6rem !important;
}

.contact-detail {
	display: block !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	border-bottom: 1px solid rgb(255 255 255 / 13%);
}

.contact-detail:first-of-type {
	padding-top: 0 !important;
}

.contact-detail:last-of-type {
	border-bottom: 0;
}

.contact-detail strong,
.contact-social strong {
	font-size: 0.95rem !important;
	line-height: 1.05;
	margin-bottom: 0.45rem !important;
}

.contact-detail p {
	font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
	line-height: 1.45 !important;
	max-width: none !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.contact-social {
	margin-top: 1.2rem;
	padding-top: 1rem;
	border-top: 1px solid rgb(255 255 255 / 13%);
}

@media (max-width: 900px) {
	.contact-main__grid {
		grid-template-columns: 1fr !important;
	}
}

/* Team Building: coded experience page */
.team-building-page {
	--team-black: #050505;
	--team-ink: #f6f6f0;
	--team-gold: #d99a00;
	--team-gold-bright: #f2b705;
	--team-paper: #080a0d;
	--team-panel: #11151b;
	--team-panel-soft: #171c23;
	--team-line: rgba(255, 255, 255, .14);
	--team-muted: rgba(246, 246, 240, .74);
	background:
		radial-gradient(circle at 10% 0%, rgba(217, 154, 0, .12), transparent 28rem),
		linear-gradient(180deg, #050505 0%, #0b0d11 45%, #050505 100%);
	color: var(--team-ink);
	font-family: inherit;
	padding-bottom: 0;
}

.team-building-page h1,
.team-building-page h2,
.team-building-page h3,
.team-building-page strong {
	letter-spacing: 0;
	text-transform: uppercase;
}

.team-hero {
	position: relative;
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: clamp(1.8rem, 4vw, 4rem);
	align-items: center;
	min-height: 370px;
	padding: clamp(2.4rem, 5vw, 5.2rem) clamp(1.2rem, 5vw, 5rem);
	background:
		linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(10, 13, 17, .98) 58%, rgba(18, 20, 22, .94) 100%);
	border-bottom: 1px solid var(--team-line);
	overflow: hidden;
}

.team-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(242, 183, 5, .22), transparent 20rem) left bottom / 38% 3px no-repeat,
		radial-gradient(circle at 84% 28%, rgba(242, 183, 5, .16), transparent 17rem),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 88px);
	pointer-events: none;
}

.team-hero::after {
	content: "Experience";
	position: absolute;
	right: clamp(1rem, 5vw, 5rem);
	bottom: clamp(1.1rem, 3vw, 2.6rem);
	color: rgba(255, 255, 255, .035);
	font-size: clamp(4rem, 12vw, 12rem);
	font-weight: 900;
	line-height: .8;
	text-transform: uppercase;
	white-space: nowrap;
	pointer-events: none;
}

.team-hero__brand {
	position: relative;
	z-index: 1;
	background: linear-gradient(180deg, #090909, #000);
	color: #fff;
	width: 178px;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, .82);
	box-shadow: 0 20px 55px rgba(0, 0, 0, .45), inset 0 0 0 9px #050505;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.2rem;
}

.team-hero__brand strong {
	font-size: 2.55rem;
	line-height: .83;
}

.team-hero__brand span {
	color: var(--team-gold-bright);
	font-size: .98rem;
	letter-spacing: .08em;
	margin-top: .8rem;
	text-transform: uppercase;
}

.team-hero__copy {
	position: relative;
	z-index: 1;
	max-width: 850px;
	padding-left: clamp(1rem, 3vw, 2.3rem);
	border-left: 3px solid var(--team-gold-bright);
}

.team-hero__copy h1 {
	font-size: clamp(2.45rem, 5.2vw, 5.45rem);
	line-height: .96;
	margin: 0 0 1.1rem;
	max-width: 980px;
}

.team-hero__copy mark {
	background: transparent;
	color: var(--team-gold);
}

.team-hero__copy p {
	font-size: clamp(1.05rem, 1.6vw, 1.45rem);
	line-height: 1.45;
	max-width: 720px;
	margin: 0;
	color: var(--team-muted);
}

.team-stats {
	width: min(1500px, calc(100% - 2.4rem));
	margin: -1.8rem auto 1.6rem;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: linear-gradient(135deg, rgba(5, 5, 5, .98), rgba(18, 21, 27, .98));
	color: #fff;
	border: 1px solid rgba(242, 183, 5, .45);
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0 22px 65px rgba(0, 0, 0, .42);
}

.team-stats article {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .2rem .8rem;
	padding: 1.25rem clamp(.95rem, 1.8vw, 1.7rem);
	border-right: 1px solid rgba(255, 255, 255, .28);
	min-height: 132px;
}

.team-stats article:last-child {
	border-right: 0;
}

.team-stat__icon {
	grid-row: span 3;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	margin-top: .2rem;
}

.team-stats strong {
	color: var(--team-gold-bright);
	font-size: clamp(2.1rem, 3.2vw, 3.6rem);
	line-height: .9;
}

.team-stats h2 {
	color: #fff;
	font-size: 1rem;
	line-height: 1.15;
	margin: 0;
}

.team-stats p {
	color: rgba(255, 255, 255, .82);
	font-size: .9rem;
	line-height: 1.35;
	margin: 0;
	text-transform: none;
}

.team-main-grid,
.team-day-audience,
.team-bottom {
	width: min(1500px, calc(100% - 2.4rem));
	margin: 0 auto 1.3rem;
}

.team-main-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.5rem;
}

.team-panel,
.team-day,
.team-audience {
	background: linear-gradient(180deg, rgba(23, 28, 35, .96), rgba(12, 15, 20, .96));
	border: 1px solid var(--team-line);
	border-radius: 8px;
	padding: clamp(1rem, 2vw, 1.5rem);
	box-shadow: 0 18px 55px rgba(0, 0, 0, .35);
}

.team-section-heading {
	display: flex;
	align-items: baseline;
	gap: 1.2rem;
	margin-bottom: 1rem;
}

.team-section-heading h2 {
	font-size: clamp(1.7rem, 2.4vw, 2.45rem);
	line-height: 1;
	margin: 0;
}

.team-section-heading p {
	color: var(--team-muted);
	font-size: .92rem;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.team-modules {
	display: grid;
	gap: .5rem;
}

.team-module {
	display: grid;
	grid-template-columns: 31% 76px minmax(0, 1fr);
	min-height: 132px;
	background: linear-gradient(90deg, #151a21, #101319);
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid var(--team-line);
}

.team-module img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 132px;
	filter: saturate(.9) contrast(1.05);
}

.team-module > span {
	display: grid;
	place-items: center;
	background: #151515;
	color: var(--team-gold-bright);
	font-size: 2.2rem;
}

.team-module div {
	padding: 1rem 1rem .9rem;
}

.team-module h3,
.team-format h3 {
	color: #fff;
}

.team-module h3,
.team-format h3 {
	font-size: clamp(1.3rem, 1.8vw, 1.85rem);
	line-height: 1;
	margin: 0 0 .25rem;
}

.team-module strong,
.team-format strong {
	display: block;
	color: var(--team-gold);
	font-size: .92rem;
	line-height: 1.1;
	margin-bottom: .45rem;
}

.team-module p,
.team-format p {
	font-size: .95rem;
	line-height: 1.45;
	margin: 0;
	text-transform: none;
	color: var(--team-muted);
}

.team-formats {
	display: grid;
	gap: .7rem;
	margin-bottom: 1.3rem;
}

.team-format {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 175px;
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .12);
}

.team-format__body {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	align-items: center;
	background: #050505;
	color: #fff;
	padding: 1.15rem;
}

.team-format__body > span {
	color: var(--team-gold-bright);
	font-size: 3rem;
	line-height: 1;
	text-align: center;
}

.team-format__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--team-gold-bright);
	color: #050505;
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.25;
	padding: 1rem;
	text-align: center;
	text-transform: uppercase;
}

.team-section-heading--split {
	margin-top: 1.2rem;
}

.team-places {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .9rem;
}

.team-places article {
	background: var(--team-panel-soft);
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid var(--team-line);
}

.team-places img {
	display: block;
	width: 100%;
	aspect-ratio: 1.85 / 1;
	object-fit: cover;
}

.team-places h3 {
	background: #090909;
	color: #fff;
	font-size: 1.2rem;
	margin: 0;
	padding: .55rem .8rem;
	text-align: center;
}

.team-places ul {
	margin: .8rem 1rem 1rem;
	padding-left: 1.1rem;
}

.team-places li {
	font-size: .92rem;
	line-height: 1.45;
	color: var(--team-muted);
}

.team-day-audience {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.team-timeline {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	background: #10141a;
	border-radius: 7px;
	border: 1px solid var(--team-line);
	overflow: hidden;
}

.team-timeline article {
	padding: .9rem .5rem;
	text-align: center;
	border-right: 1px solid var(--team-line);
}

.team-timeline article:last-child {
	border-right: 0;
}

.team-timeline strong {
	color: var(--team-gold);
	font-size: .95rem;
}

.team-timeline span {
	display: block;
	font-size: 1.75rem;
	margin: .45rem 0;
}

.team-timeline p {
	font-size: .72rem;
	line-height: 1.15;
	margin: 0;
	text-transform: uppercase;
	font-weight: 800;
}

.team-objective {
	background: rgba(242, 183, 5, .1);
	border: 1px solid rgba(242, 183, 5, .28);
	border-radius: 6px;
	margin: .9rem 0 0;
	padding: .85rem 1rem;
	color: var(--team-muted);
}

.team-audience > div {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: .5rem;
}

.team-audience article {
	background: #10141a;
	border: 1px solid var(--team-line);
	border-radius: 7px;
	min-height: 125px;
	padding: .9rem .5rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .7rem;
}

.team-audience span {
	font-size: 2.5rem;
	color: var(--team-gold-bright);
}

.team-audience strong {
	font-size: .82rem;
	line-height: 1.15;
}

.team-bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .65fr);
	background: #050505;
	color: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(217, 154, 0, .55);
}

.team-benefits,
.team-contact-box {
	padding: clamp(1.2rem, 2.5vw, 2rem);
}

.team-benefits {
	border-right: 1px solid rgba(242, 183, 5, .7);
}

.team-benefits h2,
.team-contact-box h2 {
	color: var(--team-gold-bright);
	font-size: clamp(1.55rem, 2.2vw, 2.4rem);
	line-height: 1;
	margin: 0 0 1.2rem;
}

.team-benefits > div {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.team-benefits article {
	border-right: 1px solid rgba(255, 255, 255, .25);
	padding-right: 1rem;
}

.team-benefits article:last-child {
	border-right: 0;
}

.team-benefits span {
	color: var(--team-gold-bright);
	font-size: 2.1rem;
}

.team-benefits h3 {
	font-size: 1rem;
	line-height: 1.15;
	margin: .8rem 0 .45rem;
}

.team-benefits p,
.team-contact-box p,
.team-contact-box li {
	color: rgba(255, 255, 255, .84);
	font-size: .95rem;
	line-height: 1.4;
}

.team-contact-box ul {
	list-style: none;
	margin: 1.1rem 0;
	padding: 0;
}

.team-contact-box li {
	margin-bottom: .45rem;
}

.team-contact-box a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	background: var(--team-gold-bright);
	color: #050505;
	font-weight: 900;
	padding: .85rem 1.1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.team-signature {
	width: min(1500px, calc(100% - 2.4rem));
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 0 2rem;
	color: #fff;
}

.team-signature strong {
	font-size: 1.55rem;
}

.team-signature span {
	color: var(--team-gold);
}

.team-signature p {
	margin: 0;
	text-transform: uppercase;
	font-size: .9rem;
	letter-spacing: .08em;
	color: var(--team-muted);
}

@media (max-width: 1100px) {
	.team-stats,
	.team-main-grid,
	.team-day-audience,
	.team-bottom {
		grid-template-columns: 1fr;
	}

	.team-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.team-stats article {
		border-bottom: 1px solid rgba(255, 255, 255, .18);
	}

	.team-benefits {
		border-right: 0;
		border-bottom: 1px solid rgba(242, 183, 5, .7);
	}
}

@media (max-width: 760px) {
	.team-hero {
		grid-template-columns: 1fr;
		background:
			radial-gradient(circle at 80% 0%, rgba(242, 183, 5, .14), transparent 18rem),
			linear-gradient(180deg, rgba(5, 5, 5, .98), rgba(8, 10, 13, .96));
	}

	.team-hero::after {
		font-size: 4.2rem;
		right: 1rem;
		bottom: .7rem;
	}

	.team-hero__copy {
		padding-left: 1rem;
	}

	.team-stats,
	.team-places,
	.team-audience > div,
	.team-benefits > div {
		grid-template-columns: 1fr;
	}

	.team-stats article,
	.team-benefits article {
		border-right: 0;
	}

	.team-module {
		grid-template-columns: 1fr;
	}

	.team-module > span {
		min-height: 62px;
	}

	.team-format,
	.team-format__body,
	.team-timeline {
		grid-template-columns: 1fr;
	}

	.team-timeline article {
		border-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	.team-section-heading,
	.team-signature {
		align-items: flex-start;
		flex-direction: column;
	}
}