/* Cine974 Cinéma Infos — styles front-end */

.cine974-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	margin: 1.5rem 0;
}

.cine974-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.cine974-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.cine974-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.cine974-grid--cols-5 { grid-template-columns: repeat(5, 1fr); }
.cine974-grid--cols-6 { grid-template-columns: repeat(6, 1fr); }

@media (max-width: 900px) {
	.cine974-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 600px) {
	.cine974-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.75rem;
	}
}

.cine974-card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.cine974-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.cine974-card__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.cine974-card__poster-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 2 / 3;
	background: #e5e5e5;
	overflow: hidden;
}

.cine974-card__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cine974-card__body {
	padding: 0.65rem 0.75rem 0.85rem;
}

.cine974-card__title {
	font-size: 0.95rem;
	line-height: 1.3;
	margin: 0 0 0.3rem;
	font-weight: 600;
}

.cine974-card__meta {
	font-size: 0.8rem;
	line-height: 1.35;
	margin: 0 0 0.15rem;
	color: #555;
}

.cine974-card__duree {
	font-size: 0.75rem;
	margin: 0.25rem 0 0;
	color: #888;
}

.cine974-empty,
.cine974-error {
	padding: 1rem;
	background: #f5f5f5;
	border-radius: 6px;
	color: #555;
	font-style: italic;
}

.cine974-error {
	background: #fdeaea;
	color: #8a1f1f;
}

/* Badges plateformes streaming */
.cine974-badge {
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	padding: 0.2rem 0.55rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.cine974-badge--netflix { background: #e50914; }
.cine974-badge--prime { background: #00a8e1; color: #032f3a; }
.cine974-badge--disney { background: #113ccf; }
.cine974-badge--appletv { background: #000; }
.cine974-badge--canalplus { background: #000; }
.cine974-badge--ocs { background: #ff5e00; }
.cine974-badge--generic { background: #444; }

/* Aperçu dans l'éditeur de blocs */
.cine974-block-preview {
	border: 1px dashed #ccd0d4;
	padding: 0.5rem;
	border-radius: 4px;
}