/* ============================================================
   CHI DE GENÈVE 2026 - INTERNAL PAGES STYLES
   Responsive, Mobile-First, Bootstrap 5.3 Compatible
   ============================================================ */

:root {
	--orange:       #dc4f0a;
	--orange-dark:  #b63e07;
	--orange-light: rgba(220,79,10,.08);
	--taupe:        #76685f;
	--taupe-dark:   #3d3630;
	--taupe-light:  #f5f1ee;
	--taupe-border: #ddd5cf;
	--surface:      #fcfbf9;
	--white:        #ffffff;
	--live-red:     #e53935;
	--live-red-dark:  #c62828;
}

/* ── HERO SECTION INTERNAL ─────────────────────────── */
.hero-section.chi-hero-internal {
	background-color: var(--taupe-light);
	padding: 60px 0;
	margin-top: 82px;
}

@media (max-width: 768px) {
	.hero-section.chi-hero-internal {
		padding: 40px 0;
		margin-top: 64px;
	}
}

.hero-img-container {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.hero-img-container img {
	width: 100%;
	height: auto;
	display: block;
}

.hero-accent {
	position: absolute;
	bottom: -24px;
	left: -16px;
	width: 128px;
	height: 128px;
	border-left: 4px solid var(--orange);
	border-bottom: 4px solid var(--orange);
	opacity: 0.2;
	z-index: 0;
}

.text-primary-custom {
	color: var(--taupe) !important;
}

.text-secondary-custom {
	color: var(--orange) !important;
}

.bg-primary-custom {
	background-color: var(--taupe) !important;
}

.bg-secondary-custom {
	background-color: var(--orange) !important;
}

.font-headline {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.tracking-widest {
	letter-spacing: .2em;
}

/* ── MAIN CONTENT ─────────────────────────── */
.max-container {
	max-width: 1320px;
	margin: 0 auto;
}

.chi-internal-content {
	background: var(--white);
	min-height: 50vh;
}

.chi-content-body {
	background: var(--white);
	color: var(--taupe);
	line-height: 1.8;
}

.chi-content-body h2,
.chi-content-body h3 {
	color: var(--taupe-dark);
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.chi-content-body p {
	font-size: 1.05rem;
	margin-bottom: 1.5rem;
}

.chi-content-body img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 2rem 0;
}

/* ── PROFILES / LEGENDS SECTION ─────────────────────────── */
.chi-profiles {
	background: var(--white);
}

.chi-profiles .text-center {
	margin-bottom: 3rem;
}

.chi-profiles .display-4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--taupe);
	margin-bottom: 1rem;
}

.section-divider {
	height: 1px;
	background: linear-gradient(to right, transparent, var(--taupe-border), transparent);
	margin: 1.5rem 0;
}

.chi-profiles .display-5 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--taupe);
	margin-bottom: 0.5rem;
}

.chi-profiles .text-muted {
	color: var(--taupe) !important;
	line-height: 1.8;
	font-size: 1.05rem;
}

.chi-profiles .fst-italic {
	color: var(--taupe) !important;
	opacity: 0.8;
}

/* ── BREADCRUMB ─────────────────────────── */
.drag-container {
	margin-bottom: 3rem;
}

.breadcrumb {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.breadcrumb-item {
	color: var(--taupe);
}

.breadcrumb-item a {
	color: var(--taupe);
	text-decoration: none;
	transition: color .2s;
}

.breadcrumb-item a:hover {
	color: var(--orange);
}

.breadcrumb-item.active {
	color: var(--orange);
	font-weight: 700;
}

/* ── NEWSLETTER SECTION ─────────────────────────── */
.section-newsletter {
	background: linear-gradient(135deg, var(--taupe-dark) 0%, #5a5047 100%);
	padding: 80px 0;
}

@media (max-width: 768px) {
	.section-newsletter {
		padding: 60px 0;
	}
}

.section-newsletter h2 {
	font-family: 'Barlow Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: white;
	margin-bottom: 1rem;
}

.section-newsletter p {
	color: rgba(255,255,255,.75);
	font-size: 1.05rem;
}

.section-newsletter .form-control {
	border: 1px solid rgba(255,255,255,.2);
	background: rgba(255,255,255,.1);
	color: white;
	font-family: 'Barlow Condensed', sans-serif;
	padding: 0.75rem 1rem;
	border-radius: 12px;
}

.section-newsletter .form-control::placeholder {
	color: rgba(255,255,255,.6);
}

.section-newsletter .form-control:focus {
	border-color: var(--orange);
	background: rgba(255,255,255,.15);
	color: white;
	box-shadow: 0 0 0 0.25rem rgba(220,79,10,.25);
}

.section-newsletter .btn-secondary {
	background: var(--orange);
	border: none;
	color: white;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	transition: background .2s;
	padding: 0.75rem 1.5rem;
	border-radius: 12px;
	width: 100%;
}

.section-newsletter .btn-secondary:hover {
	background: var(--orange-dark);
	color: white;
}

/* ── SPONSORS SECTION ─────────────────────────── */
.chi-sponsors {
	background: var(--white);
	padding: 60px 0;
}

@media (max-width: 768px) {
	.chi-sponsors {
		padding: 40px 0;
	}
}

.sponsors {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 3rem 2rem;
	align-items: center;
	justify-items: center;
}

.sponsors a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	text-decoration: none;
	transition: opacity .3s, transform .3s;
	filter: grayscale(50%);
}

.sponsors a:hover {
	opacity: 1;
	transform: scale(1.08);
	filter: grayscale(0%);
}

.sponsors img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* ── UTILITY CLASSES ─────────────────────────── */
.rounded-xl {
	border-radius: 12px !important;
}

.text-primary {
	color: var(--taupe) !important;
}

.text-secondary {
	color: var(--orange) !important;
}

.bg-primary {
	background: var(--taupe) !important;
}

.bg-secondary {
	background: var(--orange) !important;
}

.headline {
	font-family: 'Barlow Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .06em;
}

.ls-wide {
	letter-spacing: .12em;
}

.btn {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	border-radius: 12px;
	transition: all .2s;
}

.btn-light {
	background: white;
	color: var(--taupe-dark);
	border: none;
}

.btn-light:hover {
	background: var(--taupe-light);
	color: var(--taupe-dark);
}

/* ── RESPONSIVE ─────────────────────────── */
@media (max-width: 768px) {
	.hero-section.chi-hero-internal .row {
		margin: 0;
	}

	.hero-img-container {
		margin-bottom: 2rem;
	}

	.chi-profiles .display-4 {
		font-size: 1.75rem;
	}

	.chi-profiles .display-5 {
		font-size: 1.5rem;
	}

	.sponsors {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		gap: 2rem 1rem;
	}

	.sponsors a {
		height: 80px;
	}

	.section-newsletter .row > div {
		margin-bottom: 1rem;
	}

	.chi-content-body h2,
	.chi-content-body h3 {
		margin-top: 1.5rem;
		margin-bottom: 0.75rem;
	}

	.chi-content-body p {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
}