/**
 * BookGolf Widgets — Course information card.
 * Style aligné sur la maquette "Informations terrain".
 */

.bgw-ci {
	/* Palette */
	--bgw-ci-title:  #1d4543;  /* titre + valeurs sombres */
	--bgw-ci-accent: #42a7a0;  /* teal — labels & icônes */
	--bgw-ci-text:   #18181b;  /* valeurs */
	--bgw-ci-muted:  #71717a;  /* footer */
	--bgw-ci-bg:     #ffffff;
	/* Bullet ✓ */
	--bgw-ci-yes-bg: #6dae09;  /* vert mockup */
	--bgw-ci-yes-fg: #ffffff;
	/* Bullet ✗ */
	--bgw-ci-no-bg:  transparent;
	--bgw-ci-no-fg:  #dc2626;  /* rouge vif sans fond */

	background: var(--bgw-ci-bg);
	border: 0;
	border-radius: 24px;
	padding: 1.75em 2em 2em;
	max-width: 760px;
	margin: 1.5em auto;
	color: var(--bgw-ci-text);
	font-family: 'Avenir Next', 'Avenir', 'Nunito', 'Quicksand', 'Comfortaa', system-ui, -apple-system, sans-serif;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
}

.bgw-ci__header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.7em;
	margin-bottom: 1.75em;
}

.bgw-ci__header-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: var(--bgw-ci-accent);
	color: #fff;
	border-radius: 50%;
}

.bgw-ci__header-icon svg {
	width: 16px;
	height: 16px;
}

.bgw-ci__title {
	margin: 0;
	font-size: 1.55em;
	font-weight: 700;
	color: var(--bgw-ci-title);
	letter-spacing: -0.01em;
}

.bgw-ci__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em 2em;
	margin: 0;
}

.bgw-ci__row {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	margin: 0;
}

.bgw-ci__row--full {
	grid-column: 1 / -1;
}

.bgw-ci__label {
	display: flex;
	align-items: center;
	gap: 0.55em;
	margin: 0;
	font-weight: 600;
	color: var(--bgw-ci-accent);
	font-size: 1.15em;
}

.bgw-ci__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	color: var(--bgw-ci-accent);
	flex-shrink: 0;
}

.bgw-ci__icon svg {
	width: 100%;
	height: 100%;
}

.bgw-ci__value {
	display: flex;
	align-items: center;
	gap: 0.55em;
	margin: 0;
	font-weight: 700;
	color: var(--bgw-ci-text);
	font-size: 1.05em;
}

.bgw-ci__bullet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	flex-shrink: 0;
}

.bgw-ci__bullet svg {
	width: 14px;
	height: 14px;
}

.bgw-ci__value--bool.is-yes .bgw-ci__bullet {
	background: var(--bgw-ci-yes-bg);
	color: var(--bgw-ci-yes-fg);
}

.bgw-ci__value--bool.is-no .bgw-ci__bullet {
	background: var(--bgw-ci-no-bg);
	color: var(--bgw-ci-no-fg);
}

.bgw-ci__value--bool.is-no .bgw-ci__bullet svg {
	width: 22px;
	height: 22px;
	stroke-width: 3;
}

.bgw-ci__row--full .bgw-ci__value {
	font-weight: 500;
	line-height: 1.5;
}

.bgw-ci__footer {
	margin: 1.75em 0 0;
	padding-top: 1.25em;
	border-top: 1px dashed #e4e4e7;
	font-size: 0.85em;
	color: var(--bgw-ci-muted);
	text-align: center;
}

.bgw-ci__footer time {
	color: inherit;
}

@media (max-width: 540px) {
	.bgw-ci {
		padding: 1.5em 1.25em 1.5em;
		border-radius: 20px;
	}
	.bgw-ci__title {
		font-size: 1.25em;
	}
	.bgw-ci__grid {
		grid-template-columns: 1fr;
		gap: 1.25em;
	}
	.bgw-ci__row--full {
		grid-column: 1;
	}
}