/*
Theme Name: Kraft Child
Theme URI: https://kraft.caliberthemes.com
Description: Minimal Portfolio WordPress Theme
Author: CaliberThemes
Author URI: https://www.caliberthemes.com
Template: kraft
Version: 2.5
License: custom
License URI: http://themeforest.net/licenses
Tags: right-sidebar, featured-images, post-formats,  sticky-post
Text Domain: kraft
*/

/* Lot 6 : Kraft enchaîne les étiquettes d'une fiche sans séparateur (« Film d'expositionFilm immersif »). */
.single-portfolio .meta-entries .portfolio-tags a + a::before {
	content: ", ";
}

/* Accroche de l'accueil, à droite de la bande démo : petite et discrète (demande de Benjamin, 15/10/2026).
   Les réglages de Kraft lui donnent 20 px ; le double identifiant ci-dessous passe devant. */
#entete-accroche #texte_home {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.01em;
	margin-bottom: 0;
}
#entete-accroche #texte_home p {
	color: #5f7a5c; /* vert-gris de l'ancien texte (#89a685), assombri pour rester lisible en petit (contraste 4,75:1) */
	margin: 0 0 0.8em;
}
#entete-accroche #texte_home p:last-child {
	margin-bottom: 0;
}
#texte_home strong {
	font-weight: 500;
}

/* Tablette : la colonne est étroite à côté de la vidéo. */
@media (min-width: 768px) and (max-width: 991px) {
	#entete-accroche #texte_home {
		font-size: 13px;
	}
}

/* Mobile : sous la vidéo, l'accroche tient en quelques lignes centrées, séparées par des points. */
@media (max-width: 767px) {
	#home_video .wpb_video_widget {
		margin-bottom: 14px;
	}
	#entete-accroche #texte_home {
		font-size: 13px;
		line-height: 1.55;
		text-align: center;
		margin-bottom: 4px;
	}
	#entete-accroche #texte_home p {
		display: inline;
		margin: 0;
	}
	#entete-accroche #texte_home p:not(:last-child)::after {
		content: "\00a0·"; /* collé à la fin de l'élément : le point ne commence jamais une ligne */
		color: #b5c7b2;
	}
}

/* Fiches : le bouton (« JOUER »…) est placé au-dessus de Rôle / Client / Année (voir functions.php). */
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries .btn-container {
	margin-top: 0;
	margin-bottom: 30px;
}